Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →

Kategória: Termelési UI Motion

UI animációs eszköz interaktív interfészekhez

Ne adj tovább videókat és statikus bezier-görbéket. Tervezz reszponzív, fizikavezérelt felhasználói felület-animációkat, és küldd el ugyanazt a fájlt az alkalmazásodba.

What is UI animációs in ExodeUI?

A ExodeUI egy felhasználói felület animációs eszköz, amelyet kifejezetten az élő szoftvert építő termékcsapatok számára fejlesztettek ki. Ellentétben azokkal az eszközökkel, amelyek statikus videót vagy nehéz JSON eszközöket adnak ki, a ExodeUI egy vizuális mozgásos vásznat párosít a rugófizikával és az állapotgépekkel, és az eredményt egyetlen nyitott .exode fájlként menti, amelyet a futásidejű csomagok a React, Vue, Svelte, ZQZ,,9X, ZQX, ZQX, ZQ, React Native, SwiftUI és Flutter.

Core Architecture

Miért választják a mérnökök és tervezők a ExodeUI

Design, logic and motion in one file that runs inside your app.

Valós idejű tavaszi fizika

Cserélje le a rideg időtartamú görbéket természetes merevségre, tömegre és csillapítási fizikára, amely folyékonyan reagál a felhasználói sebességre.

Core Architecture

Visual State Machine Logic

Vezetékkomplexus lebeg, aktív, húzó és betöltő állapotok vizuálisan anélkül, hogy törékeny CSS átmenetek ezreit írnák le.

Core Architecture

Natív gyártási kód exportálása

Játssza le ugyanazt a fájlt a React, Vue, Svelte, Angular, Solid, React Native, SwiftUI és Flutter bemenetekkel és eseményekkel a kódvezérlőkkel.

Core Architecture

Folyamatos gesztuskövetés

Első osztályú húzás, hajlítás, csípés és mutató követés folyamatos lendület- és határütközés-érzékeléssel.

Core Architecture

Objektív értékelés

Hogyan ExodeUI ehhez képest Traditional UI Animation Tools

Where ExodeUI is stronger, and what to weigh before you switch.

The ExodeUI Architecture

ExodeUI

Erősségek
  • Egy megnyitott fájl nyolc keretrendszer futtatókörnyezetében fut
  • Beágyazott fizikai motor valós sebességgel és lendülettel
  • Vizuális állapotú gépi csomópont gráf az elágazási logikához
  • Az alkalmazáskód által szabályozott bemenetek és események
Compared with

Traditional UI Animation Tools

Trade-offs
  • Statikus MP4 videók, GIF vagy nehéz After Effects JSON videók kimenete
  • Lineáris időalapú kulcskockák, amelyek megszakadnak, amikor a felhasználó megszakítja az interakciót
  • A fejlesztőknek manuálisan kell újraépíteniük minden animációs görbét a kódban
  • Az interaktív állapotokat általában kézzel kell kódolni a lejátszó körül

Fejlesztői átadás

Használja a kódjában

Your app loads the compiled file through the ExodeUI runtime and talks to it through inputs and events.

import { ExodeUICanvas } from 'exodeui';

// A rugók, állapotok és időzítés élőben a .exode fájlban (a
// szerkesztő). A kód bemeneteket továbbít, és visszahallgatja az eseményeket.
export function InteractiveButton() {
  vissza (
    <ExodeUIVászon
      src="/interactive_button.bexode"
      inputs={{ lenyomva }}
      onTrigger={(név) => console.log('ExodeUI esemény:', név)}
    />
  );
}

Kérdései vannak?

Gyakran Ismételt Kérdések

Építsen élő alkatrészeket valódi mozgással.

Start free in the browser or download the desktop app. Compile spring physics and state machines directly to React and SwiftUI.

Próbáld ki ingyen