Shadcn.io is not affiliated with official shadcn/ui
Icon Button
Animated icon button with active state glow, particles, and color customization for React applications.
Icon Button preview
Interactive icon button with delightful active state animations. When activated, the icon fills with color while particles burst outward and a radial glow pulses behind it. Features customizable RGB color, multiple sizes, and optional animation toggle. Built with Motion for React using AnimatePresence for seamless state transitions. Perfect for like buttons, favorites, bookmarks, or any toggle action that deserves celebration.
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 icon-button button into my projectRelated Components
Copy Button
Clipboard copy with feedback
Ripple Button
Material Design ripple effect
Magnetic Button
Particle attraction effect
Flip Button
3D flip reveal animation
Theme Toggle Button
Light/dark mode toggle
Liquid Button
Fluid fill animation on hover
FAQ
Was this page helpful?
Sign in to leave feedback.