Skip to content
Day 69: new resources are added every day. See what's new
Best Productivity ResourcesBy Shushant LakhyaniVerified creator

Template

Anicon

Over 500 animated SVG icons for React, installed one command at a time.

Visit Anicon4.4

  • Rating

    4.4 / 5

  • Pricing

    Free

  • Difficulty

    Beginner

  • Works on

    Web

Built with love by Shushant Lakhyani. Building bestproductivityresources.com

Free: 1,100+ ways people make money onlineFree: 399+ ways to make money online

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: what Anicon does well

  • 500+ animated icons
  • One command per icon, copied as source
  • No icon-pack dependency

Cons: where it falls short

  • For React and Next.js projects with shadcn set up
  • Animated icons add some motion code to your bundle

Anicon alternatives

Not sold on Anicon? These do a similar job, and each card says what it has in common.

All Workflows resources

Keyline Icons

Focus: icons, design and open source. Shares svg and react with Anicon. A website, not a template. Rated 4.6 (Anicon: 4.4).

WebsiteFreeWeb
4.6Visit

21st

Focus: tailwind, components and ui. Shares react and shadcn with Anicon. A website, not a template. Freemium (Anicon: Free). Rated 4.7 (Anicon: 4.4).

WebsiteFree planWeb
4.7Visit

Coded Visuals

Focus: animated visuals, landing pages and marketing. Shares react and shadcn with Anicon. A framework, not a template. Rated 4.6 (Anicon: 4.4).

FrameworkFreeWeb
4.6Visit

Toggles.dev

Focus: theme toggle, dark mode and svelte. Shares react and shadcn with Anicon. A framework, not a template. Rated 4.6 (Anicon: 4.4).

FrameworkFreeWeb
4.6Visit

microcharts

Focus: charts, sparklines and data visualization. Shares react and svg with Anicon. A website, not a template. Rated 4.5 (Anicon: 4.4).

WebsiteFreeWeb
4.5Visit

Free alternatives to Anicon

Want to spend nothing? These free picks cover similar ground.

shadercn

Focus: shaders, webgpu and wgsl. Shares react and shadcn with Anicon. A website, not a template. Rated 4.5 (Anicon: 4.4).

WebsiteFreeWeb
4.5Visit

pdfcn

Focus: pdf, components and documents. Shares react and shadcn with Anicon. A framework, not a template. Same 4.4 rating.

FrameworkFreeWeb, Cross-Platform
4.4Visit

NumberFlow

Focus: animated numbers, ui component and accessibility. Shares react with Anicon. Same 4.4 rating.

TemplateFreeWeb
4.4Visit

GSAP

Focus: animation, javascript and scroll animations. Shares svg with Anicon. A framework, not a template. Rated 4.8 (Anicon: 4.4).

FrameworkFreeWeb
4.8Visit

Motion (motion.dev)

Focus: animation, javascript and vue. Shares react with Anicon. A framework, not a template. Rated 4.7 (Anicon: 4.4).

FrameworkFreeWeb
4.7Visit
Are you the maker of Anicon?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 database

Free 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 list

For 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 newsletter

You sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.