Keyline Icons
1,114 free MIT-licensed icons for shadcn/ui, in four styles.
WebsiteWorkflowsWebFree
4.6Visit
Website
Koven Animated Icons
207 animated React icons whose colours follow your shadcn/ui theme.
Day 44 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 Koven Animated Icons?
Koven Animated Icons is a set of 207 animated React icons with one to three colour slots that read from your shadcn/ui theme tokens, including dark mode. Each icon has its own animation variants, round, bevel or sharp corners, and hover, click or in-view triggers. Install from npm or copy individual icons with the shadcn CLI.
Pros
- Icons pick up your theme colours automatically
- Several animations per icon
- MIT licensed, install one icon or all
Cons
- Only for React projects
- Smaller set than static icon libraries
Who should use Koven Animated Icons
Developers using shadcn/ui who want icons with built-in motion.
Who may not need it
Projects that only need static icons.
Koven Animated Icons alternatives
Similar resources to Koven Animated Icons, picked from the directory.
Anicon
Over 500 animated SVG icons for React, installed one command at a time.
TemplateWorkflowsWebFree
4.4Visit
21st
12,000+ hand-crafted React and Tailwind components, templates and shadcn themes.
WebsiteWorkflowsWebFreemium
4.7Visit
shadercn
Beautiful WebGPU/WGSL shader components for React, built on vgpu and TypeGPU and distributed via shadcn.
WebsiteWorkflowsWebFree
4.5Visit
ForgeUI
Animated React and Tailwind components, blocks and templates.
WebsiteWorkflowsWebFreemium
4.4Visit
Motion (motion.dev)
Fast, production-grade animation library for React, JavaScript and Vue.
FrameworkWorkflowsWebFree
4.7Visit
Free alternatives to Koven Animated Icons
Free resources that cover similar ground.
Coded Visuals
Animated visual compositions for React and shadcn/ui marketing and landing pages.
FrameworkWorkflowsWebFree
4.6Visit
Kokonut UI
100+ free, open-source UI components for React and Tailwind CSS.
FrameworkWorkflowsWebFree
4.6Visit
Toggles.dev
Beautiful open-source animated theme toggles for React, Svelte and Vue.
FrameworkWorkflowsWebFree
4.6Visit
pdfcn
Beautiful PDF components for React, 100% free with zero config and one-command setup.
FrameworkWorkflowsWeb, Cross-PlatformFree
4.4Visit
Iconly
A curated inspiration library of 2,400+ app, game and web app icons.
WebsiteWorkflowsWebFree
4.6Visit
Amicons
760 friendly, handcrafted icons in 3,040 variants.
WebsiteWorkflowsWebFree
4.5Visit
Featured on Best Productivity Resources
Made Koven Animated Icons? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/koven-animated-icons" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>