design-infraReport a problem or share feedback← Catalog
Neon Gradient Card
freemagicui/neon-gradient-card
A beautiful neon card effect
$
npx shadcn@latest add @magicui/neon-gradient-card- Source
- Magic UI
- Kind
- component
- Categories
- card, background
- Use as
- wrapper — wraps your existing element
- Applies to
- card
- Motion
- on loop · medium · css · low cost
- Licence
- MIT (magicuidesign/magicui). Magic UI Pro templates are a separate paid product — not catalogued.
- Live demo
- magicui.design
- Docs
- magicui.design
Similar
Compare all 4 →- Canvas Reveal Effectaceternity/canvas-reveal-effectA dot background that expands on hover, as seen on Clerk's website
- Noise Backgroundaceternity/noise-backgroundAnimated gradient + noise texture. Works for editorial/brutalist when toned down.
- 3D Globeaceternity/3d-globeA realistic globe component with tooltips and avatar tips