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 →

Kategori: Motion Design Software

Motion Design Software til produktteams

Definer bevægelsestokens, orkestrér koreografi med flere elementer, og send interaktive komponenter, som dine udviklere kan sætte i produktion. Dette er bevægelsesdesign til den grænseflade, folk rent faktisk bruger, ikke en gengivet video af den.

What is Motion Design in ExodeUI?

Bevægelsesdesignsoftware til produkter er, hvor et team definerer, tester og sender bevægelsen af ​​en softwaregrænseflade: overgange, mikro-interaktioner, indlæsningstilstande og timingen, der binder dem sammen. ExodeUI er bevægelsesdesignsoftware til produktets brugergrænseflade, ikke et videoværktøj. Bevægelsen lever i én åben .exode-fil med bevægelsestokens, fjederkurver og tilstandsmaskiner, og den afspilles inde i appen gennem en runtime. Hvis du leder efter video og broadcast-bevægelse i stedet, er det motion graphics-software og en anden klasse af værktøj.

Kernearkitektur

Hvorfor ingeniører og designere vælger ExodeUI

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

Motion Design Tokens

Eksporter fjederparametre og lempelseskurver som genanvendelige designtokens formateret til Tailwind CSS, CSS variabler eller Theme UI.

Core Architecture

Forskudt koreografi

Organiser ind- og udgangsovergange med flere elementer med automatiske forskydninger og hierarkisekvensering.

Core Architecture

Motion Spec Inspector

Udviklere kan klikke på et hvilket som helst element for at inspicere fjederkonstanter (stivhed, dæmpning, masse), varighed og triggerkriterier i ren kodenotation.

Core Architecture

Tilgængelig reduceret bevægelse

Indbygget understøttelse af medieforespørgsler med reduceret bevægelse, sikrer, at dit produkt forbliver fuldt tilgængeligt for alle brugere.

Core Architecture

Objektiv evaluering

Hvordan ExodeUI sammenlignes med Video Motion Design Tools

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

The ExodeUI Architecture

ExodeUI

Styrker
  • Designet specielt til interaktive softwaregrænseflader
  • Udsender design-tokens og -kode i stedet for at gengive flad video
  • Indfødt forårsfysik beregnet i realtid
  • Opretholder 1:1 paritet mellem visuelt lærred og kodeimplementering
Compared with

Video Motion Design Tools

Trade-offs
  • Bygget til udsendelse af video, tv-reklamer og filmtitelsekvenser
  • Ingen forståelse af DOM-elementer, komponenttræer eller responsive layouts
  • Ingeniører skal øjeæbletiming og gætte lempende kurver
  • Nul understøttelse af brugerinteraktion eller reaktive tilstande

Udvikler Handoff

Brug det i din kode

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

importer { ExodeUICanvas } fra 'exodeui';

// Fjedre, tilstande og timing live i .exode-filen (designet i
// redaktør). Din kode sender input ind og hører begivenheder tilbage.
eksportfunktion StaggeredList({ items }) {
  returnere (
    <ExodeUICanvas
      src="/list_entrance.bexode"
      inputs={{ items }}
      onTrigger={(navn) => console.log('ExodeUI hændelse:', navn)}
    />
  );
}

Topic Cluster Network

Udforsk forbundne koncepter og værktøjer

Har du spørgsmål?

Ofte stillede spørgsmål

Byg levende komponenter med ægte bevægelse.

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

Prøv gratis