A free, MIT-licensed set of 350+ animated React icons built on Lucide and Motion, installable through the shadcn CLI registry.
IconsReactAnimation+2
lucide-animated.com
useAnimations
useanimations.com
Free MIT-licensed library of 298 handcrafted animated icons built with Lottie, optimized for a 32px grid and usable on web, React, iOS and Android.
What is useAnimations?
useAnimations offers a catalog of animated icons covering categories from navigation and media to weather, commerce and loading states. Icons ship as SVG plus Lottie JSON, support looping and click-triggered playback, and can be downloaded individually or pulled from a machine-readable catalog. Beyond a react-useanimations package, every icon is published on the shadcn registry for one-command installs, all under MIT with no attribution required.
Best for
- Animating micro-interactions in web and mobile apps
- Adding Lottie icon animations to React projects
- Installing animated icons via shadcn registry
Key features
- 298 handcrafted animated icons on a 32px grid
- SVG and Lottie JSON formats
- Loop and click-trigger playback modes
- react-useanimations npm package
- shadcn registry entries for every icon
- MIT license, no attribution required
Related resources
lucide-animated.com
A library of beautifully crafted animated icons built for Svelte, open source on GitHub and searchable right on the site.
IconsSvelteAnimation+2
movingicons.dev
1,440+ beautifully crafted open-source 3D icons, free for personal and commercial use with no attribution required.
Icons3DOpen Source+2
3dicons.co