Animated Icon Button Components

Dev Design Library indexes 29 Animated icon button components from 12 open-source UI libraries, with the most coming from Amicro Micro Transitions, beUI, Nexvyn UI, Rare UI and transitions.dev. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the icon button components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Icon button components belong to the Actions group.

• Icon Swaptransitions.dev · HTML/CSS
• Bookmark Save PillAmicro Micro Transitions · ReactInteractive Save / Saved state pill toggle with icon morph.
• Action SwapbeUI · React
• Notification BellRare UI · ReactAn iOS-style notification bell with an unread count badge.
• Bookmark Save ButtonOpenSourceUI · React
• Bookmark ToggleKinetics · HTML/CSSRibbon fills and drops in on save
• Icon BarNexvyn UI · ReactA horizontal toolbar of icon buttons with bloom-open label reveal on hover/selection, accent dot indicator, and roving…
• Action buttonArc Library · ReactA compact button for frequent toolbar actions.
• Bookmark ButtonUI Lab · ReactFills from the bottom up and lands with a small squash.
• Social Icon ButtonsMicroKit · ReactCircular social links that trade their icon for a brand-colored arrow and glow on hover.
• Hover rotate refreshFLX UI · ReactRefresh button whose icon rotates a full 360° on each click.
• Liquid Icon ButtonLiquefy UI · ReactIcon-only button in liquid glass style.
• Button CameraAmicro Micro Transitions · ReactCamera button whose video icon morphs into the video-off icon.
• Action Swap BlurbeUI · React
• Plus Minus ToggleAmicro Micro Transitions · ReactDual square toggle buttons with solid color fills and spring micro-bounce.
• Action Swap CascadebeUI · React
• Button DirectoryAmicro Micro Transitions · React
• Action Swap RollbeUI · React
• Button EditAmicro Micro Transitions · React
• Button LockAmicro Micro Transitions · React
• Button MicrophoneAmicro Micro Transitions · React
• Button NetworkAmicro Micro Transitions · React
• Button PowerAmicro Micro Transitions · React
• Button PreviewAmicro Micro Transitions · React
• Button ReloadAmicro Micro Transitions · React
• Button SearchAmicro Micro Transitions · React
• Button SettingsAmicro Micro Transitions · React
• Button VisibilityAmicro Micro Transitions · React
• Button VolumeAmicro Micro Transitions · React

Libraries with Animated icon button components

• Amicro Micro Transitions
• beUI
• Nexvyn UI
• Rare UI
• transitions.dev

Related categories

• Icon Button Components
• React Icon Button Components
• Tailwind CSS Icon Button Components
• shadcn/ui Icon Button Components
• Animated Action Components
• Animated Button Components
• Animated Toggle Button Components
• Animated Theme Toggle Components
• Animated Copy Button Components
• Animated CTA Button Components
• Animated Button Group Components
• Animated FAB Components
• Animated Like Button Components
• Animated Hold Button Components
• Animated Submit Button Components
• Animated Share Button Components
• Animated Send Button Components