design-infraReport a problem or share feedback← Catalog
Shine Border
freemagicui/shine-border
Shine border is an animated background border effect.
$
npx shadcn@latest add @magicui/shine-border- Source
- Magic UI
- Kind
- component
- Categories
- misc
- Use as
- wrapper — wraps your existing element
- Applies to
- cardbuttoninput
- Motion
- on loop · subtle · css · low cost · respects reduced motion
- 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 →- Border Beammagicui/border-beamLight travelling around a card's border; subtle way to highlight one pricing tier or the hero screenshot. colorFrom/colorTo default orange/purple — pass var(--primary). Parent needs `relative overflow-hidden rounded-*`.
- Border Beamsmoothui/border-beamA BorderBeam component for SmoothUI.
- Border Trailmotion-primitives/border-trailAn effect that creates animated border trails around elements on interaction.