Carrusel con física de derrape: la fila se pasa de la marca y regresa, cada tarjeta se inclina y se corta en diagonal con retraso según su distancia, y de la base sale humo de llanta. Arrastre con inercia, teclado y avance automático.
Movimiento
Movimiento
Pro
Trompo
Indicador de carga: un trompo metálico (shader con reflejos de estudio, torneado, aro moleteado y franjas anodizadas) con la física real del trompo pesado: precesa, nuta, se frena por fricción, cabecea y le dan cuerda de nuevo. Clic para darle cuerda.
- Plan
- Pro · licencia comercial
- Dependencias
- Solo React
- Props
- 6 (6 ajustables)
Cargando
Instalación
1. Configura el registro Pro una sola vez
Los componentes Pro no están en npm ni en el registro público de shadcn: se instalan con tu licencia desde el registro privado de Furin.
Usar mi licencia2. Instala Trompo
npx shadcn@latest add @furin-pro/spinning-topProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| size | number | 240 | Tamaño del indicador (cuadrado), en px. |
| speed | number | 1 | Velocidad de la simulación (1 = tiempo real). |
| metal | "steel" | "titanium" | "gold" | "copper" | "steel" | Metal del cuerpo. |
| accent | string | "#ff5a2e" | Color anodizado de las franjas espirales. |
| floor | boolean | true | Sombra y reflejo en el piso. |
| label | string | "Cargando" | Texto accesible del indicador de carga. |
Sigue explorando
Folioscopio
ProTexto animado como un folioscopio de papel: cada hoja es un cuadro distinto (cae, se aplasta, rebota y las letras hierven a mano) y se hojean en 3D con grano de papel, canto apilado y brillo de página. Clic para volver a hojear.
Movimiento
Texto que se detiene como una cinta que frena: el tono de la ondulación se hunde, las letras se juntan, bajan en arco y se desenfocan, con bandas de VHS y un tramo de pausa. Un toque frena o arranca.
Movimiento