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 →

Luokka: Tuotanto UI Motion

Interaktiivisten käyttöliittymien käyttöliittymäanimaatiotyökalu

Lopeta videoiden ja staattisten bezier-käyrien luovuttaminen. Suunnittele responsiivisia, fysiikkapohjaisia ​​käyttöliittymäanimaatioita ja lähetä sama tiedosto sovellukseesi.

What is Interaktiivisten käyttöliittymien in ExodeUI?

ExodeUI on käyttöliittymäanimaatiotyökalu, joka on suunniteltu erityisesti tuotetiimeille, jotka rakentavat eläviä ohjelmistoja. Toisin kuin työkalut, jotka tuottavat staattista videota tai raskaita JSON-resursseja, ExodeUI yhdistää visuaalisen liikekankaan jousifysiikan ja tilakoneiden kanssa ja tallentaa tuloksen yhdeksi avoimeksi .exode-tiedostoksi, jonka ajonaikaiset paketit toistavat muodossa React, Vue, Svelte, ZQ,39X. React Native, SwiftUI ja Flutter.

Ydinarkkitehtuuri

Miksi insinöörit ja suunnittelijat valitsevat ExodeUI

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

Reaaliaikainen kevätfysiikka

Korvaa hauraat kestokäyrät luonnollisella jäykkyydellä, massalla ja vaimennusfysiikalla, joka reagoi juoksevasti käyttäjän nopeuteen.

Core Architecture

Visual State Machine Logic

Langallinen monimutkainen leijuvat, aktiiviset, vetävät ja lataavat tilat visuaalisesti kirjoittamatta tuhansia rivejä herkkiä CSS-siirtymiä.

Core Architecture

Alkuperäisen tuotantokoodin vienti

Toista samaa tiedostoa React-, Vue-, Svelte-, Angular-, Solid-, React Native-, SwiftUI- ja Flutter-soittimilla syötteillä ja tapahtumilla, joita ohjaat koodisi.

Core Architecture

Jatkuva eleiden seuranta

Ensiluokkainen vetämisen, heiton, nipistyksen ja osoittimen seuranta jatkuvalla liikemäärän ja rajatörmäysten havaitsemisella.

Core Architecture

Objektiivinen arviointi

Miten ExodeUI verrattuna Traditional UI Animation Tools

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

The ExodeUI Architecture

ExodeUI

Vahvuudet
  • Yksi avoin tiedosto toimii kahdeksassa kehysajon aikana
  • Sulautettu fysiikkamoottori todellisella nopeudella ja vauhdilla
  • Visuaalinen tilakonesolmukaavio haarautumislogiikkaa varten
  • Sovelluskoodisi ohjaamat syötteet ja tapahtumat
Compared with

Traditional UI Animation Tools

Trade-offs
  • Tuottaa staattisia MP4-videoita, GIF-videoita tai raskaita After Effects JSON -videoita
  • Lineaariset aikaperusteiset avainkehykset, jotka katkeavat, kun käyttäjä keskeyttää vuorovaikutuksen
  • Kehittäjien on rakennettava manuaalisesti uudelleen jokainen koodin animaatiokäyrä
  • Interaktiiviset tilat on yleensä koodattava käsin soittimen ympärille

Kehittäjän vaihto

Käytä sitä koodissasi

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

tuo { ExodeUICanvas } 'exodeuista';

// Jouset, tilat ja ajoitus livenä .exode-tiedostossa (suunniteltu
// editori). Koodisi välittää syötteitä ja kuulee tapahtumat takaisin.
vientitoiminto InteractiveButton() {
  paluu (
    <ExodeUICanvas
      src="/interactive_button.bexode"
      inputs={{ painettu }}
      onTrigger={(nimi) => console.log('ExodeUI event:', name)}
    />
  );
}

Onko sinulla kysyttävää?

Usein kysytyt kysymykset

Rakenna eläviä komponentteja todellisella liikkeellä.

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

Kokeile ilmaiseksi