Morphicons
Morph any SVG icon into another with spring physics.
WebsiteWorkflowsWebFree
4.5Visit
Framework
AnimateIcons
1,170+ free animated SVG icons for React, built on Lucide and Motion.
Day 43 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
What is AnimateIcons?
AnimateIcons offers more than 1,170 free, open-source, hand-crafted animated SVG icons for React in Lucide and Huge styles. Add them with the shadcn CLI or npm and make them move on hover, focus or from your own code.
Pros
- 1,170+ animated icons
- Installs via shadcn CLI or npm
- Free and open source
Cons
- React only
- Animation adds a little weight to pages
Who should use AnimateIcons
React developers who want icons that move.
Who may not need it
People who only need static icons.
AnimateIcons alternatives
Similar resources to AnimateIcons, picked from the directory.
Reverse UI
Premium animated UI components for modern web apps.
FrameworkLearningWebPaid but Affordable
4.3Visit
Tween UI
GSAP and CSS animated components for React that you copy and own.
FrameworkWorkflowsWebFree
4.3Visit
Keyline Icons
1,114 free MIT-licensed icons for shadcn/ui, in four styles.
WebsiteWorkflowsWebFree
4.6Visit
audiocn
169 copy-and-paste audio components for React and shadcn/ui.
FrameworkWorkflowsWebFree
4.3Visit
beUI
Free, open-source animated React components built with Motion and Tailwind CSS.
FrameworkLearningWebFree
4.3Visit
Free alternatives to AnimateIcons
Free resources that cover similar ground.
Evil Charts
Free, open-source animated chart components for React and shadcn/ui.
FrameworkLearningWebFree
4.3Visit
GSAP
A wildly robust JavaScript animation library built for professionals.
FrameworkWorkflowsWebFree
4.8Visit
Motion (motion.dev)
Fast, production-grade animation library for React, JavaScript and Vue.
FrameworkWorkflowsWebFree
4.7Visit
Rare UI
A free, open-source registry of rare animated React components.
WebsiteWorkflowsWebFree
4.6Visit
Spectrum UI
Open-source animated React components and blocks for SaaS and AI apps.
FrameworkWorkflowsWebFree
4.5Visit
Transitions.dev
Essential UI transitions for web apps, built to use with AI coding agents.
FrameworkWorkflowsWebFree
4.5Visit
Featured on Best Productivity Resources
Made AnimateIcons? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/animateicons" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>