design-infraReport a problem or share feedback← Catalog
Cool Mode
freemagicui/cool-mode
Cool mode effect for buttons, links, and other DOMs
$
npx shadcn@latest add @magicui/cool-mode- Source
- Magic UI
- Kind
- component
- Categories
- misc
- Use as
- wrapper — wraps your existing element
- Applies to
- button
- Motion
- on press · medium · js · medium 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 →- Button Magnetic Buttonbeui/button-magneticCursor attraction for a prominent action. Use sparingly and check touch, keyboard and reduced-motion behavior in the target app.
- Gooey Filtersmoothui/gooey-filterA GooeyFilter component for SmoothUI.
- 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-*`.