PixelCard
Tarjeta que se revela con una expansión de píxeles.
- Código: RODD·CP·036
- Familia: Componentes
- Origen: React Bits (David Haz) · Licencia MIT + Commons Clause
Cómo instalarlo
npx shadcn@latest add https://reactbits.dev/r/PixelCard-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 |
|---|
| gap | number | varies by variant |
| speed | number | varies by variant |
| colors | string | "#f8fafc,#f1f5f9,#cbd5e1" |
| noFocus | boolean | false |
| className | string | "" |
| style | object | {} |
| children | ReactNode | null |
Otros efectos de componentes
- SpotlightCard — Tarjeta con foco de luz que sigue al cursor.
- TiltedCard — Tarjeta 3D que se inclina hacia el puntero.
- BorderGlow — Borde con brillo de malla degradada que sigue la dirección del cursor.
- CardSwap — Pila de tarjetas que se intercambian solas.
- CssBox — Caja 3D hecha solo con CSS que puedes rotar.
- DomeGallery — Cúpula 3D de imágenes que giras con el dedo.