PixelImage
Imagen que se revela píxel a píxel.
- Código: RODD·CP·062
- Familia: Componentes
- Origen: Magic UI (Dillion Verma y colaboradores) · Licencia MIT
Cómo instalarlo
npx shadcn@latest add "https://magicui.design/r/pixel-image.json"
Cuándo usarlo
Sustituyen a un componente estándar cuando la experiencia es parte del producto.
Props para personalizarlo
| Prop | Tipo | Por defecto |
|---|
| src | string | |
| grid | PredefinedGridKey | "6x4" |
| customGrid | Grid | |
| grayscaleAnimation | boolean | true |
| pixelFadeInDuration | number | 1000 |
| maxAnimationDelay | number | 1200 |
| colorRevealDelay | number | 1300 |
Otros efectos de componentes
- Stack — Pila de fotos arrastrable con autoplay.
- AccordionGallery — Paneles que se expanden al hover revelando imágenes con parallax.
- BounceCards — Abanico de tarjetas que entran rebotando.
- Carousel — Carrusel responsive con gestos táctiles y bucle.
- CurvedInput — Campo de texto curvado con botón de envío.
- DragElements — Elementos que puedes arrastrar y lanzar.