Componentes
Motion
Reveal
Entrada al viewport con stagger (IO + CSS).Grupo con stagger
Vista previa
Cómo funciona
De ruido a señal
Cada hijo entra 0.12s después del anterior.
<RevealGroup stagger={0.12}>
<Badge>Cómo funciona</Badge>
<Heading level={2}>De ruido a señal</Heading>
<Text tone="muted">…</Text>
</RevealGroup>
// O suelto, para un solo elemento:
<Reveal y={26} duration={0.55}>
<Card title="…" />
</Reveal>Comparación de temas
El mismo componente bajo distintos modos y marcas. No cambia el componente — solo los tokens (CSS variables) del contenedor.Legacy · claro
Cómo funciona
De ruido a señal
Cada hijo entra 0.12s después del anterior.
Editorial · claro
Cómo funciona
De ruido a señal
Cada hijo entra 0.12s después del anterior.
Technical · oscuro
Cómo funciona
De ruido a señal
Cada hijo entra 0.12s después del anterior.
Warm · claro
Cómo funciona
De ruido a señal
Cada hijo entra 0.12s después del anterior.
Playful · claro
Cómo funciona
De ruido a señal
Cada hijo entra 0.12s después del anterior.