Linterna

Una capa oscura que solo deja ver el contenido oculto donde apunta el haz de una linterna, con luz cálida, resorte al abrirse y caída suave.

Vista previa en vivo

Archivo 07 · SelladoN 25.6866° O 100.3161°

Solo existe lo que alcanzas a iluminar.

Nivel−3Acceso restringido

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.

2. Instala Linterna

npx shadcn@latest add @furin-pro/flashlight

Prop	Tipo	Por defecto	Descripción
children	ReactNode	""	Contenido oculto en la oscuridad (por defecto, una bóveda de ejemplo).
radius	number	130	Radio del haz de luz, en px.
color	string	"#FFE2A8"	Color de la luz.
ambient	number	0.05	Cuánto se ve el contenido oculto aun en la oscuridad (0 = nada, 0.3 = se adivina).
glow	number	1	Intensidad del brillo cálido del haz.
flicker	boolean	true	Hace titilar el haz muy sutilmente, como una linterna de verdad.
hideCursor	boolean	false	Oculta el cursor del sistema dentro del contenedor.
autoplay	boolean	false	Se pasea solo cuando nadie mueve el cursor.

Anillo elástico
Gratis
Un anillo que sigue al cursor con retraso elástico, se estira con la velocidad y, sobre lo clicable, se transforma en su silueta como un imán suave.
Cursores
Cursor gelatina
Gratis
Un cursor de gelatina translúcida con brillo especular: arrastra gotas que lo siguen, se estiran en la estela y se funden con él cuando te detienes.
Cursores
Estela de chispas
Gratis
El cursor suelta chispas con física: heredan su impulso, caen por gravedad, rebotan en el piso y se apagan de blanco a brasa.
Cursores