NeonGradientCard
Tarjeta con un borde de neón en degradado.
- Código: RODD·CP·061
- Familia: Componentes
- Origen: Magic UI (Dillion Verma y colaboradores) · Licencia MIT
Cómo instalarlo
npx shadcn@latest add "https://magicui.design/r/neon-gradient-card.json"
Cuándo usarlo
Sustituyen a un componente estándar cuando la experiencia es parte del producto.
Props para personalizarlo
| Prop | Tipo | Por defecto |
|---|
| className | unknown | |
| children | unknown | |
| borderSize | number | 2 |
| borderRadius | number | 20 |
| neonColors | unknown | {
firstColor: "#ff00aa",
secondColor: "#00FFF1",
} |
Otros efectos de componentes
- ReflectiveCard — Tarjeta metálica que refleja tu webcam y la luz.
- StaggeredMenu — Menú a pantalla completa con entrada escalonada.
- AnimatedBeam — Haces de luz que conectan elementos, ideal para integraciones.
- BoxCarousel — Carrusel en forma de cubo 3D.
- ChromaGrid — Rejilla en escala de grises que se colorea donde miras.
- DecayCard — Tarjeta cuyo contenido se desintegra al pasar el ratón.