Skip to content
Day 69: new resources are added every day. See what's new

Framework

termcn

Beautiful, ready-to-use terminal UI components for React, installed with shadcn.

Visit termcn4.5
  • Rating

    4.5 / 5

  • Pricing

    Free

  • Difficulty

    Intermediate

  • Works on

    Cross-Platform

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

  • Polished terminal components with many built-in themes
  • One shadcn command per component, code you own
  • Free and open source (MIT)

Cons: where it falls short

  • Only for React-based CLIs (Ink or OpenTUI)
  • Young project, still growing

Who termcn is for

Developers building command-line tools who want them to look as good as a web app.

Who can skip it

People building CLIs in languages other than JavaScript or TypeScript.

termcn alternatives

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

Coded Visuals

Focus: animated visuals, landing pages and marketing. Shares react and shadcn with termcn. Adds Web. Rated 4.6 (termcn: 4.5).

FrameworkFreeWeb

Toggles.dev

Focus: theme toggle, dark mode and svelte. Shares react and shadcn with termcn. Adds Web. Rated 4.6 (termcn: 4.5).

FrameworkFreeWeb

Spectrum UI

Focus: nextjs, tailwind and components. Shares react and shadcn with termcn. Adds Web. Same 4.5 rating.

FrameworkFreeWeb

Arc UI

Focus: next.js, ui components and animation. Shares react and shadcn with termcn. Freemium (termcn: Free). Adds Web. Rated 4.4 (termcn: 4.5).

FrameworkFree planWeb

Blocks.so

Focus: tailwind css, ui blocks and next.js. Shares shadcn and react with termcn. Adds Web. Rated 4.4 (termcn: 4.5).

FrameworkFreeWeb

pdfcn

Focus: pdf, components and documents. Shares react and shadcn with termcn. Adds Web. Rated 4.4 (termcn: 4.5).

FrameworkFreeWeb, Cross-Platform

Free alternatives to termcn

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

audiocn

Focus: audio, components and ui. Shares react and shadcn with termcn. Adds Web. Rated 4.3 (termcn: 4.5).

FrameworkFreeWeb

beUI

Focus: animated components, tailwind and motion. Shares react and shadcn with termcn. Adds Web. Rated 4.3 (termcn: 4.5).

FrameworkFreeWeb

Evil Charts

Focus: charts, recharts and data visualization. Shares react and shadcn with termcn. Adds Web. Rated 4.3 (termcn: 4.5).

FrameworkFreeWeb

Keyline Icons

Focus: icons, svg and design. Shares react and shadcn with termcn. A website, not a framework. Adds Web. Rated 4.6 (termcn: 4.5).

WebsiteFreeWeb

shadercn

Focus: shaders, webgpu and wgsl. Shares react and shadcn with termcn. A website, not a framework. Adds Web. Same 4.5 rating.

WebsiteFreeWeb
Are you the maker of termcn?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.