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 →

Categoria: Software de design de movimento

Software de Motion Design para equipes de produto

Defina tokens de movimento, orquestre coreografia de vários elementos e envie componentes interativos que seus desenvolvedores podem colocar em produção. Este é um design de movimento para a interface que as pessoas realmente usam, não um vídeo renderizado dela.

What is Software de in ExodeUI?

O software de design de movimento para produtos é onde uma equipe define, testa e envia o movimento de uma interface de software: transições, microinterações, estados de carregamento e o tempo que os une. ExodeUI é um software de design de movimento para interface de usuário de produto, não uma ferramenta de vídeo. O movimento fica em um arquivo .exode aberto com tokens de movimento, curvas de mola e máquinas de estado, e é reproduzido dentro do aplicativo por meio de um tempo de execução. Se você está procurando vídeo e movimento de transmissão, este é um software de gráficos em movimento e uma classe diferente de ferramenta.

Arquitetura central

Por que engenheiros e designers escolhem o ExodeUI

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

Tokens de design de movimento

Exporte parâmetros de mola e curvas de atenuação como tokens de design reutilizáveis ​​formatados para variáveis ​​Tailwind CSS, CSS ou UI de tema.

Core Architecture

Coreografia Escalonada

Orquestre transições de entrada e saída de vários elementos com deslocamentos escalonados automáticos e sequenciamento hierárquico.

Core Architecture

Inspetor de especificações de movimento

Os desenvolvedores podem clicar em qualquer elemento para inspecionar as constantes da mola (rigidez, amortecimento, massa), duração e critérios de acionamento em notação de código limpa.

Core Architecture

Movimento Reduzido Acessível

O suporte integrado para consultas de mídia preferenciais com movimento reduzido garante que seu produto permaneça totalmente acessível a todos os usuários.

Core Architecture

Avaliação objetiva

Como o ExodeUI se compara a Video Motion Design Tools

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

The ExodeUI Architecture

ExodeUI

Pontos fortes
  • Projetado especificamente para interfaces de software interativas
  • Produz tokens de design e código em vez de renderizar vídeo plano
  • Física nativa da primavera calculada em tempo real
  • Mantém paridade 1:1 entre tela visual e implementação de código
Compared with

Video Motion Design Tools

Trade-offs
  • Criado para transmissão de vídeo, comerciais de TV e sequências de títulos de filmes
  • Sem compreensão de elementos DOM, árvores de componentes ou layouts responsivos
  • Os engenheiros devem observar o tempo e adivinhar as curvas de flexibilização
  • Suporte zero para interação do usuário ou estados reativos

Entrega para o desenvolvimento

Como usar no seu código

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

importar { ExodeUICanvas } de 'exodeui';

// Molas, estados e tempo ao vivo no arquivo .exode (projetado no
//editor). Seu código transmite entradas e ouve eventos de volta.
função de exportação StaggeredList({ itens }) {
  retornar (
    <ExodeUITela
      src="/list_entrance.bexode"
      entradas={{ itens }}
      onTrigger={(nome) => console.log('Evento ExodeUI:', nome)}
    />
  );
}

Topic Cluster Network

Explore conceitos e ferramentas relacionados

Ficou com dúvidas?

Perguntas frequentes

Crie componentes vivos com movimento real.

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

Experimente grátis