Animated Like Button Components

Dev Design Library indexes 17 Animated like button components from 10 open-source UI libraries, with the most coming from Amicro Micro Transitions, Shadcn Space, UI Lab, Spectrum UI and React Bits. 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 like button components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Like button components belong to the Actions group.

• Pulse HeartReact Bits · ReactLike button that contracts to a dot, flips colour at its smallest frame and pulses back while the count swaps one glyph.
• Like Buttontransitions.dev · HTML/CSS
• HeartbeatAmicro Micro Transitions · ReactHeartbeat loading animation.
• Like ButtonSpectrum UI · ReactA heart like button micro-interaction with a spring pop, ring pulse, radial particle burst, and a rolling odometer count
• Button 20 - Animated Like ButtonShadcn Space · ReactLike button with burst particle effect and sliding count
• Like ButtonOpenSourceUI · React
• Like BurstKinetics · HTML/CSSToggles, pops the heart, and emits a radial particle ring
• Like ButtonBadtz UI · ReactA dynamic button that animates on click, creating a burst of heart icons that randomly scatter before fading out.
• Like ButtonUI Lab · ReactPops, bursts and rolls the count when you like.
• Like ButtonSpaceUI · ReactA like button with burst particles, a ripple ring, a spring-animated heart, and a smooth NumberFlow count transition.
• Pumping HeartAmicro Micro Transitions · ReactPumping Heart loading animation.
• Button 21 - Animated Upvote ButtonShadcn Space · ReactUpvote button with ripple, upward particles, and sliding count
• Star ButtonUI Lab · ReactSpins once and throws off tiny sparks when starred, then rolls the count.
• Button FavoriteAmicro Micro Transitions · React
• Toggle 02 - Animated Like ButtonShadcn Space · ReactAn animated like (heart) button with active scale pop-up animation and particle radial burst effects.
• Button LikeAmicro Micro Transitions · React
• Toggle 03 - Animated Upvote ButtonShadcn Space · ReactAn animated Product Hunt / Reddit style upvote button with bouncing arrow and sliding digit counter.

Libraries with Animated like button components

• Amicro Micro Transitions
• Shadcn Space
• UI Lab
• Spectrum UI
• React Bits

Related categories

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