Back to UI Components
Components

Shimmer Button

A button whose border carries a moving light around its edge, used for primary actions in a toolbar or form.

Shimmer Button is a real, MIT-licensed React + Tailwind UI component from the open-source Magic UI library. Run the install command above with the shadcn CLI and it drops the component's actual source straight into your project.

The summary, category and setup steps on this page are written by VintuxAI.

CategoryComponents
LibraryMagic UI
npx shadcn@latest add "https://magicui.design/r/shimmer-button.json"

How to use it

  1. Run the install command above — the shadcn CLI drops the real component files into your project.
  2. Install the dependencies listed below it, if any.
  3. Import the component and restyle it with your own Tailwind tokens.
Compiled and written by VintuxAI from public sources.
← Back to UI Components