Masonry
Masonry responsive con reflujo animado.
- Código: RODD·CP·031
- Familia: Componentes
- Origen: React Bits (David Haz) · Licencia MIT + Commons Clause
Cómo instalarlo
npx shadcn@latest add https://reactbits.dev/r/Masonry-TS-TW
Cuándo usarlo
Sustituyen a un componente estándar cuando la experiencia es parte del producto.
Props para personalizarlo
| Prop | Tipo | Por defecto |
|---|
| items | array | required |
| ease | string | "power3.out" |
| duration | number | 0.6 |
| stagger | number | 0.05 |
| animateFrom | string | "bottom" |
| scaleOnHover | boolean | true |
| hoverScale | number | 0.95 |
| blurToFocus | boolean | true |
| colorShiftOnHover | boolean | false |
Otros efectos de componentes
- PillNav — Navegación en píldora con resaltado deslizante.
- ScrollStack — Tarjetas que se apilan con profundidad al hacer scroll.
- Stepper — Asistente de pasos con transiciones animadas.
- AnimatedList — Lista que aparece elemento a elemento, como notificaciones.
- BubbleMenu — Menú de burbujas que se expande con elementos escalonados.
- CircularGallery — Galería curva infinita que se arrastra o se desplaza con scroll.