Pila de fotos
GratisFotos impresas apiladas que se reparten en abanico al pasar el cursor; con un clic la de arriba pasa al fondo.
Galerías
Galerías
Gratis
Mosaico
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.
- Plan
- Gratis · MIT
- Dependencias
- Solo React
- Props
- 7 (6 ajustables)
Instalación
1. Instala el paquete
npm i furin2. Impórtalo
import { MasonryReveal } 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.
Props
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| items | MasonryItem[] | "7 piezas de ejemplo" | Piezas del mosaico (si no pasas ninguna se usan siete de ejemplo). |
| columns | number | 3 | Cuántas columnas tiene el mosaico. |
| gap | number | 10 | Separación entre piezas, en px. |
| radius | number | 14 | Radio de las esquinas de cada pieza, en px. |
| stagger | number | 95 | Milisegundos entre la aparición de una pieza y la siguiente. |
| replayEvery | number | 0 | Segundos entre reapariciones del mosaico (0 lo deja quieto). |
| seed | number | 0 | Cambia las escenas generadas de las piezas. |
Sigue explorando
Coverflow
GratisPortadas 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