LanguageFrançais
Catégorie : Production UI Motion
Outil d'animation d'interface utilisateur pour les interfaces interactives
Arrêtez de transmettre des vidéos et des courbes de Bézier statiques. Concevez des animations d'interface utilisateur réactives et basées sur la physique et envoyez le même fichier à votre application.
What is Outil d'animation in ExodeUI?
ExodeUI est un outil d'animation d'interface utilisateur conçu spécifiquement pour les équipes produit qui créent des logiciels vivants. Contrairement aux outils qui génèrent de la vidéo statique ou des ressources JSON lourdes, ExodeUI associe un canevas de mouvement visuel à la physique des ressorts et aux machines d'état, et enregistre le résultat dans un fichier .exode ouvert que les packages d'exécution lisent dans React, Vue, Svelte, Angular, Solid, React Native, SwiftUI et Flutter.
Architecture centrale
Pourquoi les ingénieurs et les designers choisissent ExodeUI
Design, logic and motion in one file that runs inside your app.
Physique du printemps en temps réel
Remplacez les courbes de durée fragiles par une physique naturelle de rigidité, de masse et d'amortissement qui réagit de manière fluide à la vitesse de l'utilisateur.
Logique de la machine à états visuels
Câblez visuellement les états complexes de survol, d'activité, de déplacement et de chargement sans écrire des milliers de lignes de transitions CSS fragiles.
Exportation du code de production natif
Lisez le même fichier dans React, Vue, Svelte, Angular, Solid, React Native, SwiftUI et Flutter, avec des entrées et des événements contrôlés par votre code.
Suivi continu des gestes
Suivi de glisser, de lancer, de pincement et de pointeur de première classe avec détection continue de l'élan et des collisions aux limites.
Évaluation objective
Comment ExodeUI se compare à Traditional UI Animation Tools
Where ExodeUI is stronger, and what to weigh before you switch.
ExodeUI
- Un fichier ouvert s'exécute dans huit environnements d'exécution du framework
- Moteur physique intégré avec vitesse et élan réels
- Graphique de nœud de machine d'état visuel pour la logique de branchement
- Entrées et événements contrôlés par le code de votre application
Traditional UI Animation Tools
- Produit des vidéos MP4 statiques, des GIF ou des After Effects JSON lourds
- Images clés linéaires basées sur le temps qui se brisent lorsque l'utilisateur interrompt l'interaction
- Les développeurs doivent reconstruire manuellement chaque courbe d'animation dans le code
- Les états interactifs doivent généralement être codés à la main autour du joueur
Passage au développement
L’utiliser dans votre code
Your app loads the compiled file through the ExodeUI runtime and talks to it through inputs and events.
importer { ExodeUICanvas } depuis 'exodeui' ;
// Les ressorts, les états et le timing sont présents dans le fichier .exode (conçu dans le
// éditeur). Votre code transmet les entrées et entend les événements en retour.
fonction d'exportation InteractiveButton() {
retour (
<ExodeUIToile
src="/interactive_button.bexode"
entrées={{ pressé }}
onTrigger={(nom) => console.log('Événement ExodeUI :', nom)}
/>
);
}Des questions ?
Questions fréquentes
Créez des composants vivants avec un vrai mouvement.
Start free in the browser or download the desktop app. Compile spring physics and state machines directly to React and SwiftUI.