Pila de fotos

Fotos impresas apiladas que se reparten en abanico al pasar el cursor; con un clic la de arriba pasa al fondo.

Vista previa en vivo

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { PhotoStack } 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
count	number	5	Cuántas fotos hay en la pila (2 a 5).
size	number	172	Ancho de cada foto, en px.
fan	number	12	Grados entre foto y foto cuando se abren en abanico.
paperColor	string	"#f6f2ea"	Color del papel fotográfico.
fanOnHover	boolean	true	Si es false, el abanico queda abierto siempre.

Antes y después
Pro
Comparador con divisor de vidrio que se arrastra.
Galerías
Coverflow
Gratis
Portadas en perspectiva con reflejo: la central mira de frente y las demás se abren en abanico; flechas, arrastre con inercia, clic y teclado.
Galerías
Galería en órbita
Gratis
Tarjetas con escenas generadas en un carrusel circular 3D: gira solo, se arrastra con inercia y un clic trae una tarjeta al frente.
Galerías