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 →

Categorie: Productie UI-beweging

UI-animatietool voor interactieve interfaces

Stop met het doorgeven van video's en statische Bezier-curven. Ontwerp responsieve, op natuurkunde gebaseerde UI-animaties en verzend hetzelfde bestand naar uw app.

What is UI-animatietool voor in ExodeUI?

ExodeUI is een UI-animatietool die speciaal is ontworpen voor productteams die levende software bouwen. In tegenstelling tot tools die statische video of zware JSON-middelen uitvoeren, koppelt ExodeUI een visueel bewegingscanvas aan veerfysica en toestandsmachines, en slaat het resultaat op als één open .exode-bestand dat runtime-pakketten afspelen in React, Vue, Svelte, Angular, Solid, React Native, SwiftUI en Flutter.

Kernarchitectuur

Waarom ingenieurs en ontwerpers kiezen voor ExodeUI

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

Realtime lentefysica

Vervang broze duurcurven door natuurlijke stijfheid, massa en dempingsfysica die vloeiend reageren op de gebruikerssnelheid.

Core Architecture

Visuele State Machine-logica

Bekabel complexe zweef-, actieve, sleep- en laadstatussen visueel zonder duizenden regels met fragiele CSS-overgangen te schrijven.

Core Architecture

Native productiecode exporteren

Speel hetzelfde bestand af in React, Vue, Svelte, Angular, Solid, React Native, SwiftUI en Flutter, met invoer en gebeurtenissen die uw code bestuurt.

Core Architecture

Continue bewegingsregistratie

Eersteklas sleep-, slinger-, knijp- en aanwijzertracking met continu momentum en detectie van grensbotsingen.

Core Architecture

Objectieve evaluatie

Hoe ExodeUI zich verhoudt tot Traditional UI Animation Tools

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

The ExodeUI Architecture

ExodeUI

Sterke punten
  • Eén geopend bestand wordt uitgevoerd in acht framework-runtimes
  • Ingebouwde fysica-engine met echte snelheid en momentum
  • Visuele statusmachineknooppuntgrafiek voor vertakkingslogica
  • Invoer en gebeurtenissen die door uw app-code worden beheerd
Compared with

Traditional UI Animation Tools

Trade-offs
  • Voert statische MP4-video's, GIF's of zware After Effects JSON's uit
  • Lineaire, op tijd gebaseerde keyframes die breken wanneer de gebruiker de interactie onderbreekt
  • Ontwikkelaars moeten elke animatiecurve handmatig in code opnieuw opbouwen
  • Interactieve toestanden moeten meestal met de hand worden gecodeerd rond de speler

Ontwikkelaar Handoff

Gebruik het in uw code

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

importeer { ExodeUICanvas } uit 'exodeui';

// Veren, toestanden en timing live in het .exode-bestand (ontworpen in de
//redacteur). Uw code geeft invoer door en hoort gebeurtenissen terug.
exportfunctie InteractiveButton() {
  terug (
    <ExodeUICanvas
      src="/interactieve_knop.bexode"
      invoer={{ ingedrukt }}
      onTrigger={(naam) => console.log('ExodeUI gebeurtenis:', naam)}
    />
  );
}

Heeft u vragen?

Veelgestelde vragen

Bouw levende componenten met echte beweging.

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

Probeer gratis