SpotlightCard
Tarjeta con foco de luz que sigue al cursor.
- Código: RODD·CP·041
- Familia: Componentes
- Origen: React Bits (David Haz) · Licencia MIT + Commons Clause
Cómo instalarlo
npx shadcn@latest add https://reactbits.dev/r/SpotlightCard-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 |
|---|
| spotlightColor | string | rgba(255, 255, 255, 0.25) |
| className | string | |
Otros efectos de componentes
- 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.
- FlyingPosters — Pósters 3D que vuelan en bucle con el scroll.