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 →

Kategoria: Oprogramowanie do projektowania ruchu

Oprogramowanie do projektowania ruchu dla zespołów produktowych

Definiuj tokeny ruchu, organizuj wieloelementową choreografię i dostarczaj interaktywne komponenty, które programiści mogą wprowadzić do produkcji. To jest projekt ruchu dla interfejsu, z którego ludzie faktycznie korzystają, a nie wyrenderowany film.

What is Oprogramowanie do in ExodeUI?

Oprogramowanie do projektowania ruchu produktów polega na tym, że zespół definiuje, testuje i dostarcza ruch interfejsu oprogramowania: przejścia, mikrointerakcje, stany ładowania i czas, który je łączy. ExodeUI to oprogramowanie do projektowania ruchu dla interfejsu użytkownika produktu, a nie narzędzie wideo. Ruch znajduje się w jednym otwartym pliku .exode z tokenami ruchu, krzywymi sprężynowymi i maszynami stanu i jest odtwarzany w aplikacji przez cały czas działania. Jeśli zamiast tego szukasz wideo i transmisji ruchu, jest to oprogramowanie do grafiki ruchomej i narzędzia innej klasy.

Architektura rdzenia

Dlaczego inżynierowie i projektanci wybierają ExodeUI

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

Żetony projektu ruchu

Eksportuj parametry sprężyny i krzywe łagodzenia jako tokeny projektowe wielokrotnego użytku sformatowane dla zmiennych Tailwind CSS, CSS lub interfejsu motywu.

Core Architecture

Przepiękna choreografia

Organizuj wieloelementowe przejścia wejściowe i wyjściowe za pomocą automatycznych przesunięć schodkowych i sekwencjonowania hierarchii.

Core Architecture

Inspektor specyfikacji ruchu

Programiści mogą kliknąć dowolny element, aby sprawdzić stałe sprężyny (sztywność, tłumienie, masę), czas trwania i kryteria wyzwalania w czystym zapisie kodu.

Core Architecture

Dostępny ograniczony ruch

Wbudowana obsługa zapytań o preferowane multimedia o ograniczonym ruchu gwarantuje, że Twój produkt pozostanie w pełni dostępny dla wszystkich użytkowników.

Core Architecture

Obiektywna ocena

Jak ExodeUI porównuje się z Video Motion Design Tools

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

The ExodeUI Architecture

ExodeUI

Mocne strony
  • Zaprojektowany specjalnie dla interaktywnych interfejsów oprogramowania
  • Generuje tokeny projektu i kod zamiast renderować płaskie wideo
  • Natywna fizyka wiosny obliczana w czasie rzeczywistym
  • Zachowuje parytet 1:1 między płótnem wizualnym a implementacją kodu
Compared with

Video Motion Design Tools

Trade-offs
  • Stworzony do transmisji wideo, reklam telewizyjnych i sekwencji tytułowych filmów
  • Brak zrozumienia elementów DOM, drzew komponentów i responsywnych układów
  • Inżynierowie muszą ocenić synchronizację gałki ocznej i odgadnąć krzywe łagodzenia
  • Zero obsługi interakcji użytkownika lub stanów reaktywnych

Przekazanie dewelopera

Używanie go w swoim kodzie

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

importuj {ExodeUICanvas} z 'exodeui';

// Sprężyny, stany i synchronizacja znajdują się w pliku .exode (zaprojektowanym w formacie
//redaktor). Twój kod przekazuje dane wejściowe i odbiera zdarzenia.
funkcja eksportu StaggeredList({ items }) {
  powrót (
    <ExodeUIPłótno
      src="/list_entrance.bexode"
      wejścia={{ elementy }}
      onTrigger={(nazwa) => console.log('Zdarzenie ExodeUI:', nazwa)}
    />
  );
}

Topic Cluster Network

Poznaj połączone koncepcje i narzędzia

Masz pytania?

Często zadawane pytania

Buduj żywe komponenty za pomocą prawdziwego ruchu.

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

Wypróbuj za darmo