Keyline Icons
1,114 free MIT-licensed icons for shadcn/ui, in four styles.
WebsiteWorkflowsWebFree
4.6Visit
Template
Anicon
Over 500 animated SVG icons for React, installed one command at a time.
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 Anicon?
Anicon is a free, open-source library of animated SVG icons for React and Next.js. Add any icon with a single shadcn-style CLI command and it is copied into your project as source code, built with Motion, so there is no icon-pack dependency.
Pros
- 500+ animated icons
- One command per icon, copied as source
- No icon-pack dependency
Cons
- For React and Next.js projects with shadcn set up
- Animated icons add some motion code to your bundle
Anicon alternatives
Similar resources to Anicon, picked from the directory.
21st
12,000+ hand-crafted React and Tailwind components, templates and shadcn themes.
WebsiteWorkflowsWebFreemium
4.7Visit
Coded Visuals
Animated visual compositions for React and shadcn/ui marketing and landing pages.
FrameworkWorkflowsWebFree
4.6Visit
Toggles.dev
Beautiful open-source animated theme toggles for React, Svelte and Vue.
FrameworkWorkflowsWebFree
4.6Visit
microcharts
Word-sized charts for React.
WebsiteWorkflowsWebFree
4.5Visit
shadercn
Beautiful WebGPU/WGSL shader components for React, built on vgpu and TypeGPU and distributed via shadcn.
WebsiteWorkflowsWebFree
4.5Visit
Free alternatives to Anicon
Free resources that cover similar ground.
pdfcn
Beautiful PDF components for React, 100% free with zero config and one-command setup.
FrameworkWorkflowsWeb, Cross-PlatformFree
4.4Visit
NumberFlow
An animated number component for React, Vue, Svelte and JavaScript.
TemplateWorkflowsWebFree
4.4Visit
Paper Shaders
Zero-dependency canvas shaders you can install from npm or design in Paper.
TemplateWorkflowsWebFree
4.4Visit
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
React Bits
Animated UI components for React.
FrameworkWorkflowsWebFree
4.7Visit
Featured on Best Productivity Resources
Made Anicon? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/anicon" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>