Morphicons
Focus: library. Shares icons and svg with AnimateIcons. A website, not a framework. Rated 4.5 (AnimateIcons: 4.3).
WebsiteFreeWeb
4.5Visit
Framework
AnimateIcons
1,170+ free animated SVG icons for React, built on Lucide and Motion.
Rating
4.3 / 5
Pricing
Free
Difficulty
Beginner
Works on
Web
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
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: what AnimateIcons does well
- 1,170+ animated icons
- Installs via shadcn CLI or npm
- Free and open source
Cons: where it falls short
- React only
- Animation adds a little weight to pages
Who AnimateIcons is for
React developers who want icons that move.
Who can skip it
People who only need static icons.
AnimateIcons alternatives
Not sold on AnimateIcons? These do a similar job, and each card says what it has in common.
Reverse UI
Focus: ui components, web design and premium. Shares animation and react with AnimateIcons. Paid but Affordable (AnimateIcons: Free). Same 4.3 rating.
FrameworkPaid but AffordableWeb
4.3Visit
Tween UI
Focus: gsap, tailwind and components. Shares animation and react with AnimateIcons. Same 4.3 rating.
FrameworkFreeWeb
4.3Visit
Keyline Icons
Focus: shadcn, design and open source. Shares icons and svg with AnimateIcons. A website, not a framework. Rated 4.6 (AnimateIcons: 4.3).
WebsiteFreeWeb
4.6Visit
UIAble
Focus: shadcn, ui components and tailwind. Shares react with AnimateIcons. Freemium (AnimateIcons: Free). Rated 4.4 (AnimateIcons: 4.3).
FrameworkFree planWeb
4.4Visit
audiocn
Focus: audio, shadcn and components. Shares react with AnimateIcons. Same 4.3 rating.
FrameworkFreeWeb
4.3Visit
Free alternatives to AnimateIcons
Want to spend nothing? These free picks cover similar ground.
beUI
Focus: animated components, tailwind and motion. Shares react with AnimateIcons. Same 4.3 rating.
FrameworkFreeWeb
4.3Visit
Evil Charts
Focus: charts, shadcn and recharts. Shares react with AnimateIcons. Same 4.3 rating.
FrameworkFreeWeb
4.3Visit
GSAP
Focus: javascript, scroll animations and motion. Shares animation and svg with AnimateIcons. Rated 4.8 (AnimateIcons: 4.3).
FrameworkFreeWeb
4.8Visit
Motion (motion.dev)
Focus: javascript, vue and framer motion. Shares animation and react with AnimateIcons. Rated 4.7 (AnimateIcons: 4.3).
FrameworkFreeWeb
4.7Visit
Rare UI
Focus: components, tailwind and open source. Shares react with AnimateIcons. A website, not a framework. Rated 4.6 (AnimateIcons: 4.3).
WebsiteFreeWeb
4.6Visit
Spectrum UI
Focus: nextjs, tailwind and components. Shares react and animation with AnimateIcons. Rated 4.5 (AnimateIcons: 4.3).
FrameworkFreeWeb
4.5Visit
Are you the maker of AnimateIcons?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.
Free Notion database
1,100+ ways people are making money online
Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.
Get the free databaseFree Notion database
399+ ways to make money online
Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.
Get the free listFor research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.
Weekly newsletter
Everything new, every Monday.
One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.
Join the newsletterYou sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.