Coverflow

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.

Vista previa en vivo

BrumaÁlbum 04

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { Coverflow } 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
items	CoverflowItem[]	"9 portadas de ejemplo"	Portadas (si no pasas ninguna se usan nueve de ejemplo).
coverSize	number	156	Lado de cada portada cuadrada, en px.
startIndex	number	0	Portada que empieza al centro (desde 0).
autoplay	number	0	Segundos entre avances automáticos (0 los desactiva).
reflection	boolean	true	Muestra el reflejo bajo cada portada.
seed	number	0	Cambia las escenas generadas de las portadas.

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
Mosaico
Gratis
Mosaico de columnas que aparece pieza por pieza al entrar en vista, con rebote suave y un destello; al pasar el cursor la pieza se acerca y muestra su título.
Galerías
Pila de fotos
Gratis
Fotos impresas apiladas que se reparten en abanico al pasar el cursor; con un clic la de arriba pasa al fondo.
Galerías