Fondos
Pro
Limaduras de hierro
Miles de limaduras de acero que se alinean al campo de un imán real (dipolo) que las sigue: líneas de campo entre polos, brillo anisotrópico, rebote al moverlo y un giro de 180° al hacer clic.
- Plan
- Pro · licencia comercial
- Dependencias
- Solo React
- Props
- 9 (9 ajustables)
Atracción fatal
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 Limaduras de hierro
npx shadcn@latest add @furin-pro/iron-filingsProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| filingColor | string | "#8e9bb0" | Color base del acero de las limaduras. |
| background | string | "#0d0f12" | Color de fondo de la mesa. |
| glowColor | string | "#ffa24d" | Color del halo cálido bajo el imán. |
| density | number | 1 | Cantidad de limaduras (1 = unas 6 500 en 900×420 px). |
| strength | number | 1 | Alcance del campo del imán (1 = normal). |
| scrim | number | 0.5 | Oscurece el centro bajo el contenido para que se lea (0 a 1). |
| flipOnClick | boolean | true | Si es true, el clic invierte el imán y las limaduras giran 180° con rebote. |
| autoplay | boolean | true | Si es true, el imán pasea solo cuando no hay cursor. |
| interactive | boolean | true | Si es true, el imán sigue al cursor. |
Sigue explorando
Mar de nubes
ProVuelo sobre un mar de nubes volumétricas al atardecer: raymarching con sol de frente, bordes plateados, sombras violeta y torres de nube; el cursor orienta la cámara.
Fondos
Mármol vivo
ProMármol pulido cuyas vetas fluyen lentamente; el reflejo de una caja de luz barre la piedra y sigue al cursor.
Fondos