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: Motion-ontwerpsoftware

Motion-ontwerpsoftware voor productteams

Definieer bewegingstokens, orkestreer choreografieën met meerdere elementen en verzend interactieve componenten die uw ontwikkelaars in productie kunnen nemen. Dit is bewegingsontwerp voor de interface die mensen daadwerkelijk gebruiken, geen gerenderde video ervan.

What is Motion-ontwerpsoftware voor in ExodeUI?

Bij bewegingsontwerpsoftware voor producten definieert, test en verzendt een team de beweging van een software-interface: overgangen, micro-interacties, laadtoestanden en de timing die deze met elkaar verbindt. ExodeUI is bewegingsontwerpsoftware voor de product-UI, geen videotool. De beweging bevindt zich in één open .exode-bestand met bewegingstokens, veercurven en statusmachines, en wordt gedurende een runtime in de app afgespeeld. Als u in plaats daarvan op zoek bent naar video- en uitzendingsbewegingen, dan is dat motion graphics-software en een andere klasse tools.

Kernarchitectuur

Waarom ingenieurs en ontwerpers kiezen voor ExodeUI

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

Motion Design-tokens

Exporteer veerparameters en versoepelingscurven als herbruikbare ontwerptokens die zijn opgemaakt voor Tailwind CSS-, CSS-variabelen of Thema-UI.

Core Architecture

Gespreide choreografie

Organiseer overgangen tussen binnenkomst en vertrek uit meerdere elementen met automatische spreidingsverschuivingen en hiërarchievolgorde.

Core Architecture

Bewegingsspecificatie-inspecteur

Ontwikkelaars kunnen op elk element klikken om veerconstanten (stijfheid, demping, massa), duur en triggercriteria te inspecteren in duidelijke codenotatie.

Core Architecture

Toegankelijke verminderde beweging

Ingebouwde ondersteuning voor mediaquery's met verminderde beweging zorgt ervoor dat uw product volledig toegankelijk blijft voor alle gebruikers.

Core Architecture

Objectieve evaluatie

Hoe ExodeUI zich verhoudt tot Video Motion Design Tools

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

The ExodeUI Architecture

ExodeUI

Sterke punten
  • Speciaal ontworpen voor interactieve software-interfaces
  • Voert ontwerptokens en code uit in plaats van platte video weer te geven
  • Inheemse lentefysica berekend in realtime
  • Behoudt een 1:1-pariteit tussen visueel canvas en code-implementatie
Compared with

Video Motion Design Tools

Trade-offs
  • Gebouwd voor uitgezonden video, tv-commercials en filmtitelsequenties
  • Geen begrip van DOM-elementen, componentbomen of responsieve lay-outs
  • Ingenieurs moeten de timing in de gaten houden en versoepelingscurven raden
  • Geen ondersteuning voor gebruikersinteractie of reactieve toestanden

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 StaggeredList({ items }) {
  terug (
    <ExodeUICanvas
      src="/list_entrance.bexode"
      invoer={{ items }}
      onTrigger={(naam) => console.log('ExodeUI gebeurtenis:', naam)}
    />
  );
}

Topic Cluster Network

Ontdek verbonden concepten en tools

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