Coded Visuals
Animated visual compositions for React and shadcn/ui marketing and landing pages.
FrameworkFreeWeb
4.6Visit
Framework
termcn
Beautiful, ready-to-use terminal UI components for React, installed with shadcn.
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is termcn?
termcn is a free, open-source collection of terminal UI components for building command-line apps in React, built on Ink and OpenTUI. It includes tables, charts, spinners and more, with dozens of colour themes such as Catppuccin, Dracula, Nord and Tokyo Night, plus templates. Components are added with the shadcn CLI, so the code lives in your project and you can customise it.
Pros
- Polished terminal components with many built-in themes
- One shadcn command per component, code you own
- Free and open source (MIT)
Cons
- Only for React-based CLIs (Ink or OpenTUI)
- Young project, still growing
Who should use termcn
Developers building command-line tools who want them to look as good as a web app.
Who may not need it
People building CLIs in languages other than JavaScript or TypeScript.
termcn alternatives
Similar resources to termcn, picked from the directory.
Toggles.dev
Beautiful open-source animated theme toggles for React, Svelte and Vue.
FrameworkFreeWeb
4.6Visit
Spectrum UI
Open-source animated React components and blocks for SaaS and AI apps.
FrameworkFreeWeb
4.5Visit
pdfcn
Beautiful PDF components for React, 100% free with zero config and one-command setup.
FrameworkFreeWeb, Cross-Platform
4.4Visit
audiocn
169 copy-and-paste audio components for React and shadcn/ui.
FrameworkFreeWeb
4.3Visit
beUI
Free, open-source animated React components built with Motion and Tailwind CSS.
FrameworkFreeWeb
4.3Visit
Free alternatives to termcn
Free resources that cover similar ground.
Evil Charts
Free, open-source animated chart components for React and shadcn/ui.
FrameworkFreeWeb
4.3Visit
Web Artifacts Builder Skill
An official Claude skill for building elaborate React, Tailwind and shadcn/ui artifacts on claude.ai.
AI ToolFreeWeb
4.8Visit
Keyline Icons
1,114 free MIT-licensed icons for shadcn/ui, in four styles.
WebsiteFreeWeb
4.6Visit
shadercn
Beautiful WebGPU/WGSL shader components for React, built on vgpu and TypeGPU and distributed via shadcn.
WebsiteFreeWeb
4.5Visit
8bitcn/ui
Retro 8-bit shadcn/ui components.
WebsiteFreeWeb
4.4Visit
Anicon
Over 500 animated SVG icons for React, installed one command at a time.
TemplateFreeWeb
4.4Visit
Featured on Best Productivity Resources
Made termcn? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/termcn" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>Weekly newsletter
New tools and visual guides, every Monday.
One short email a week with the best new tools and websites, plus my latest visual guides. Free, and you can unsubscribe anytime.
Join the newsletter