pdfcn
Beautiful PDF components for React, 100% free with zero config and one-command setup.
FrameworkWorkflowsWeb, Cross-PlatformFree
4.4Visit
Framework
Coded Visuals
Animated visual compositions for React and shadcn/ui marketing and landing pages.
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 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
- Ready-to-drop animated visuals for landing pages
- Built for React and shadcn/ui
- Every composition browsable in one gallery
Cons
- Requires a React setup to use
- Focused on marketing-style visuals
Who should use Coded Visuals
Developers and designers who want polished animated visuals for marketing and SaaS pages.
Who may not need it
People working outside the React ecosystem.
Coded Visuals alternatives
Similar resources to Coded Visuals, picked from the directory.
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
Astryx Design System
An open-source design system that is fully customizable and agent ready.
FrameworkWorkflowsWebFree
4.6Visit
Toggles.dev
Beautiful open-source animated theme toggles for React, Svelte and Vue.
FrameworkWorkflowsWebFree
4.6Visit
Libraries.dev
High-crafted UI effect libraries for AI agents and modern apps.
WebsiteWorkflowsWebFreemium
4.8Visit
Free alternatives to Coded Visuals
Free resources that cover similar ground.
Keyline Icons
1,114 free MIT-licensed icons for shadcn/ui, in four styles.
WebsiteWorkflowsWebFree
4.6Visit
microcharts
Word-sized charts for React.
WebsiteWorkflowsWebFree
4.5Visit
Spectrum UI
Open-source animated React components and blocks for SaaS and AI apps.
FrameworkWorkflowsWebFree
4.5Visit
Anicon
Over 500 animated SVG icons for React, installed one command at a time.
TemplateWorkflowsWebFree
4.4Visit
audiocn
169 copy-and-paste audio components for React and shadcn/ui.
FrameworkWorkflowsWebFree
4.3Visit
Motion (motion.dev)
Fast, production-grade animation library for React, JavaScript and Vue.
FrameworkWorkflowsWebFree
4.7Visit
Featured on Best Productivity Resources
Made Coded Visuals? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/coded-visuals" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>