Carpeta

Carpeta de cartón que se abre al pasar el cursor y deja asomar sus documentos con un rebote suave.

Vista previa en vivo

Proyectos 2026Archivo · 24 documentos

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { FolderPeek } from "furin";

También con pnpm add furin, yarn add furin o bun add furin. Cada componente trae su CSS y lo importa por ti.

Prop	Tipo	Por defecto	Descripción
label	string	"Proyectos 2026"	Texto de la etiqueta de la carpeta.
sublabel	string	"Archivo · 24 documentos"	Segunda línea pequeña de la etiqueta.
color	string	"#d6a96c"	Color del cartón de la carpeta.
accent	string	"#3b6bff"	Color de acento de los documentos.
documents	number	3	Cuántos documentos asoman (1 a 3).
scale	number	1	Escala de toda la carpeta.
open	boolean	false	Si es true, la carpeta se queda abierta.

Haz en el borde
Gratis
Un haz de luz con cola, cabeza brillante y halo que recorre el contorno de cualquier contenido a velocidad constante.
Tarjetas
Mazo
Gratis
Mazo de tarjetas que se baraja al arrastrar la de arriba: inercia, giro y regreso al fondo con resorte. También con clic o teclado.
Tarjetas
Perfil con foil
Gratis
Tarjeta de perfil con lámina holográfica: se inclina en 3D con el cursor y la iridiscencia cambia con el ángulo.
Tarjetas