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: Motion Design Software

Motion Design Software pre produktové tímy

Definujte pohybové žetóny, organizujte viacprvkovú choreografiu a posielajte interaktívne komponenty, ktoré môžu vaši vývojári spustiť do produkcie. Toto je návrh pohybu pre rozhranie, ktoré ľudia skutočne používajú, nie jeho vykreslené video.

What is Motion Design in ExodeUI?

Softvér na návrh pohybu pre produkty je miesto, kde tím definuje, testuje a dodáva pohyb softvérového rozhrania: prechody, mikrointerakcie, stavy načítania a načasovanie, ktoré ich spája. ExodeUI je softvér na návrh pohybu pre používateľské rozhranie produktu, nie video nástroj. Pohyb žije v jednom otvorenom súbore .exode s pohybovými tokenmi, krivkami pružiny a stavovými automatmi a prehráva sa v rámci aplikácie počas behu. Ak namiesto toho hľadáte video a vysielanie pohybu, je to softvér pre pohyblivú grafiku a iná trieda nástrojov.

Základná architektúra

Prečo si inžinieri a dizajnéri vyberajú ExodeUI

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

Tokeny pohybového dizajnu

Exportujte parametre pružiny a krivky uvoľnenia ako opakovane použiteľné tokeny dizajnu naformátované pre premenné Tailwind CSS, CSS alebo používateľské rozhranie témy.

Core Architecture

Rozložená choreografia

Usporiadajte viacprvkové vstupné a výstupné prechody s automatickým striedavým posunom a hierarchickým poradím.

Core Architecture

Inšpektor pohybových špecifikácií

Vývojári môžu kliknúť na ľubovoľný prvok a skontrolovať konštanty pružiny (tuhosť, tlmenie, hmotnosť), trvanie a spúšťacie kritériá v čistom zápise kódu.

Core Architecture

Dostupný znížený pohyb

Zabudovaná podpora pre dopyty na médiá s preferenciou a zníženým pohybom zaisťuje, že váš produkt zostane plne dostupný pre všetkých používateľov.

Core Architecture

Objektívne hodnotenie

Ako ExodeUI v porovnaní s Video Motion Design Tools

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

The ExodeUI Architecture

ExodeUI

Silné stránky
  • Navrhnuté špeciálne pre interaktívne softvérové ​​rozhrania
  • Vytvára tokeny dizajnu a kód namiesto vykresľovania plochého videa
  • Natívna jarná fyzika vypočítaná v reálnom čase
  • Zachováva paritu 1:1 medzi vizuálnym plátnom a implementáciou kódu
Compared with

Video Motion Design Tools

Trade-offs
  • Vytvorené pre vysielanie videa, televíznych reklám a sekvencií filmových titulkov
  • Žiadne pochopenie prvkov DOM, stromov komponentov alebo responzívnych rozložení
  • Inžinieri musia načasovať očné buľvy a uhádnuť krivky uvoľnenia
  • Nulová podpora pre interakciu používateľa alebo reaktívne stavy

Developer Handoff

Použitie vo vašom kóde

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

import { ExodeUICanvas } z 'exodeui';

// Pružiny, stavy a časovanie žijú v súbore .exode (navrhnutého v
// editor). Váš kód odovzdá vstupy a vypočuje udalosti.
export funkcie StaggeredList({ položiek }) {
  vrátiť (
    <ExodeUIPlátno
      src="/list_entrance.bexode"
      inputs={{ items }}
      onTrigger={(name) => console.log('Udalosť ExodeUI:', názov)}
    />
  );
}

Topic Cluster Network

Preskúmajte prepojené koncepty a nástroje

Máte otázky?

Často kladené otázky

Zostavte živé komponenty skutočným pohybom.

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

Vyskúšajte zadarmo