Shadcn.io is not affiliated with official shadcn/ui
Shimmer Button
Button with a flowing shimmer border around a solid primary core for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.
Shimmer Button preview
Eye-catching primary button with a continuous shimmer that flows around the outer frame like liquid metal catching light. The inner pill stays a confident primary color while the shimmer ring keeps subtle motion alive, drawing the eye without screaming for attention. Hover for a gentle lift, tap for a satisfying press. Perfect for premium CTAs, upgrade flows, or anywhere a button needs to feel both important and alive.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this button for you — no copy-paste, no CLI:
use shadcnio to install the shimmer-button button into my projectRelated Components
Glow Border Button
Continuous rotating glow
Flow Button
Hover rotating border
Shine Button
Diagonal light sweep
Neon Button
Glowing neon halo
Spotlight Button
Cursor-following light
Gradient Button
Shifting gradient bg
FAQ
Was this page helpful?
Sign in to leave feedback.
Shake Button
Button that shakes horizontally to indicate errors or invalid actions for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.
Shine Button
Sleek button with a diagonal light sweep on hover—that premium shine effect for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.