Galería en órbita

Tarjetas con escenas generadas en un carrusel circular 3D: gira solo, se arrastra con inercia y un clic trae una tarjeta al frente.

Vista previa en vivo

AuroraColección 01

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { OrbitGallery } 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	OrbitGalleryItem[]	"8 tarjetas de ejemplo"	Tarjetas del carrusel (si no pasas ninguna se usan ocho de ejemplo).
cardWidth	number	132	Ancho de cada tarjeta, en px.
cardHeight	number	184	Alto de cada tarjeta, en px.
autoRotate	number	9	Grados por segundo que gira solo cuando nadie lo toca (0 lo deja quieto).
tilt	number	8	Inclinación de la vista, en grados.
seed	number	0	Cambia las escenas generadas de las tarjetas.

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
Antes y después
Pro
Comparador con divisor de vidrio que se arrastra.
Galerías