LanguagePortuguês (BR)
Categoria: Movimento da UI de Produção
Ferramenta de animação de UI para interfaces interativas
Pare de distribuir vídeos e curvas Bézier estáticas. Projete animações de UI responsivas e baseadas na física e envie o mesmo arquivo para seu aplicativo.
What is Ferramenta de in ExodeUI?
ExodeUI é uma ferramenta de animação de UI projetada especificamente para equipes de produtos que criam software vivo. Ao contrário das ferramentas que geram vídeo estático ou ativos JSON pesados, o ExodeUI combina uma tela de movimento visual com física de primavera e máquinas de estado e salva o resultado como um arquivo .exode aberto que os pacotes de tempo de execução reproduzem em React, Vue, Svelte, Angular, Solid, React Native, SwiftUI e Flutter.
Arquitetura central
Por que engenheiros e designers escolhem o ExodeUI
Design, logic and motion in one file that runs inside your app.
Física da Primavera em Tempo Real
Substitua curvas de duração frágeis por rigidez natural, massa e física de amortecimento que reagem com fluidez à velocidade do usuário.
Lógica de Máquina de Estado Visual
Conecte estados complexos de pairar, ativar, arrastar e carregar visualmente sem escrever milhares de linhas de transições CSS frágeis.
Exportação de código de produção nativo
Reproduza o mesmo arquivo em React, Vue, Svelte, Angular, Solid, React Native, SwiftUI e Flutter, com entradas e eventos que seu código controla.
Rastreamento Contínuo de Gestos
Rastreamento de arrastar, arremessar, pinçar e ponteiro de primeira classe com impulso contínuo e detecção de colisão de limites.
Avaliação objetiva
Como o ExodeUI se compara a Traditional UI Animation Tools
Where ExodeUI is stronger, and what to weigh before you switch.
ExodeUI
- Um arquivo aberto é executado em oito tempos de execução da estrutura
- Mecanismo de física incorporado com velocidade e impulso reais
- Gráfico de nó de máquina de estado visual para lógica de ramificação
- Entradas e eventos que o código do seu aplicativo controla
Traditional UI Animation Tools
- Produz vídeos MP4 estáticos, GIFs ou After Effects JSONs pesados
- Quadros-chave lineares baseados em tempo que quebram quando o usuário interrompe a interação
- Os desenvolvedores devem reconstruir manualmente cada curva de animação no código
- Os estados interativos geralmente precisam ser codificados manualmente em torno do player
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 InteractiveButton() {
retornar (
<ExodeUITela
src="/interactive_button.bexode"
entradas={{ pressionado }}
onTrigger={(nome) => console.log('Evento ExodeUI:', nome)}
/>
);
}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.