Capas de papel

Paisaje recortado en capas de papel con fibras, borde de corte y sombras suaves; el cursor es la luz y las capas se separan al acercarlo.

Vista previa en vivo

Todo en capas

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 Capas de papel

npx shadcn@latest add @furin-pro/paper-layers

Prop	Tipo	Por defecto	Descripción
skyColor	string	"#3b3563"	Color del cielo arriba.
horizonColor	string	"#f0a07a"	Color del cielo en el horizonte y de la capa más lejana.
midColor	string	"#8e4a6e"	Color de las capas del medio.
frontColor	string	"#14183a"	Color de la capa más cercana.
layers	number	6	Cuántas capas de papel tiene el paisaje (3 a 8).
depth	number	1	Cuánto se separan las capas y se alargan sus sombras (0 a 2).
speed	number	1	Velocidad del vaivén de las capas (1 = normal).
interactive	boolean	true	Si es true, el cursor es la luz: mueve las sombras y separa las capas.

Cáusticas
Pro
La luz del fondo de una alberca: redes de luz enfocada que se mueven con las olas, con ligera dispersión de color.
Fondos
Celdas
Pro
Mosaico de celdas de Voronoi que respiran y se reacomodan, con bordes finos y una luz que sigue al cursor y abulta las celdas cercanas.
Fondos
Charca
Pro
Agua poco profunda con cáusticas calculadas del oleaje, piedras y orilla; las sombras de los peces esquivan al cursor y el cursor deja ondas.
Fondos