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

Framework

Coded Visuals

Animated visual compositions for React and shadcn/ui marketing and landing pages.

Visit Coded Visuals4.6

  • Rating

    4.6 / 5

  • Pricing

    Free

  • Difficulty

    Intermediate

  • 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 Coded Visuals?

Coded Visuals is a library of animated visual compositions you can drop straight into marketing sites, SaaS pages and landing pages. Browse every visual in one place and use them with React and shadcn/ui.

Pros: what Coded Visuals does well

  • Ready-to-drop animated visuals for landing pages
  • Built for React and shadcn/ui
  • Every composition browsable in one gallery

Cons: where it falls short

  • Requires a React setup to use
  • Focused on marketing-style visuals

Who Coded Visuals is for

Developers and designers who want polished animated visuals for marketing and SaaS pages.

Who can skip it

People working outside the React ecosystem.

Coded Visuals alternatives

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

All Workflows resources

pdfcn

Focus: pdf, documents and developer tools. Shares react and components with Coded Visuals. Rated 4.4 (Coded Visuals: 4.6).

FrameworkFreeWeb, Cross-Platform
4.4Visit

21st

Focus: tailwind, ui and templates. Shares react and components with Coded Visuals. A website, not a framework. Freemium (Coded Visuals: Free). Rated 4.7 (Coded Visuals: 4.6).

WebsiteFree planWeb
4.7Visit

shadercn

Focus: shaders, webgpu and wgsl. Shares react and components with Coded Visuals. A website, not a framework. Rated 4.5 (Coded Visuals: 4.6).

WebsiteFreeWeb
4.5Visit

Toggles.dev

Focus: theme toggle, dark mode and svelte. Shares react and shadcn with Coded Visuals. Same 4.6 rating.

FrameworkFreeWeb
4.6Visit

Libraries.dev

Focus: ui effects, npm and animation. Shares react and components with Coded Visuals. A website, not a framework. Freemium (Coded Visuals: Free). Rated 4.8 (Coded Visuals: 4.6).

WebsiteFree planWeb
4.8Visit

Free alternatives to Coded Visuals

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

Keyline Icons

Focus: icons, svg and design. Shares react and shadcn with Coded Visuals. A website, not a framework. Same 4.6 rating.

WebsiteFreeWeb
4.6Visit

microcharts

Focus: charts, sparklines and svg. Shares react and components with Coded Visuals. A website, not a framework. Rated 4.5 (Coded Visuals: 4.6).

WebsiteFreeWeb
4.5Visit

Spectrum UI

Focus: nextjs, tailwind and animation. Shares react and components with Coded Visuals. Rated 4.5 (Coded Visuals: 4.6).

FrameworkFreeWeb
4.5Visit

Anicon

Focus: animated icons and svg. Shares react and shadcn with Coded Visuals. A template, not a framework. Rated 4.4 (Coded Visuals: 4.6).

TemplateFreeWeb
4.4Visit

Koven Animated Icons

Focus: animated icons, icons and motion. Shares react and shadcn with Coded Visuals. A website, not a framework. Rated 4.4 (Coded Visuals: 4.6).

WebsiteFreeWeb
4.4Visit

audiocn

Focus: audio and ui. Shares react and shadcn with Coded Visuals. Rated 4.3 (Coded Visuals: 4.6).

FrameworkFreeWeb
4.3Visit
Are you the maker of Coded Visuals?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.