What is termcn?
Copy-paste terminal UI components for React command-line apps and AI agent CLIs on Ink or OpenTUI.
Who is termcn best for?
termcn is best for TypeScript developers building terminal apps or AI agent CLIs who want themed, ready-made UI parts.
AI agent CLIs
Ready parts such as chat thread, streaming text, tool call, tool approval, thinking block and token usage cover a coding agent's terminal screen.
Terminal dashboards
Tables, data grids, charts, sidebars and grid or column layouts build status screens that run in any terminal with ANSI and Unicode support.
Ink or OpenTUI projects
Each component comes in an Ink and an OpenTUI version, and you can drop down to the renderer's raw API when you need more control.
Coding agents that add UI
Through the shadcn MCP server, Claude Code, Cursor and other clients can find termcn components and install them from a prompt.
How much does termcn cost?
termcn is free: every component, hook and theme is open source under the MIT license, with no paid tier and no account.
- 99 Ink and 97 OpenTUI components
- 40 terminal color themes
- Install with the shadcn CLI or MCP server
termcn has no paid plan. Components are copied into your project as source files, so you own and edit them; the code is on GitHub under the MIT license. Full pricing on github.com. We checked these prices on .
How do readers rate termcn?
No one has rated termcn yet. Be the first.
Sign in to rate. One rating per account.
Is termcn open source?
Yes. termcn's code is public under the MIT licence, so you can read it, change it and run it yourself.
On GitHub
1,228stars
- Last commit
- 11 Nov
- Repository age
- 7 months
- Licence
- MIT
- Repository
- shadcn-labs/termcn
How do I connect Termcn to my AI agent?
termcn MCP is Termcn's official MCP server. Add it to your agent once, then ask it to install termcn terminal UI components with your coding agent.
Uses the shadcn registry to let your agent find termcn components, the terminal interface pieces built on Ink and OpenTUI, and add them to your command-line app.
Termcn gives each account its own server address. Open the setup guide, copy your address, then add it to Claude Code like any other server.
It runs on your computer, so Claude Code starts it when it needs it.
Termcn's setup guide covers the sign-in.
Then ask your agent
- Runs
- On your computer
- Sign-in
- See guide
- Maker
- Termcn
- Guide
- termcn.dev
Questions about termcn
What is termcn?
Copy-paste terminal UI components for React command-line apps and AI agent CLIs on Ink or OpenTUI.
Who is termcn for?
termcn is best for TypeScript developers building terminal apps or AI agent CLIs who want themed, ready-made UI parts.
Is termcn free?
Yes. termcn has a free plan: 99 Ink and 97 OpenTUI components.
Is termcn open source?
Yes. termcn is open source under the MIT license, with the code on GitHub, and there is no paid tier. Components install with the shadcn CLI and become source files in your project that you can change.
Does Termcn have an MCP server?
Yes. termcn MCP is Termcn's official MCP server, so agents such as Claude Code, Cursor, Codex and GitHub Copilot can install termcn terminal UI components with your coding agent. It runs on your computer.
Where can I try termcn?
On its official website, termcn.dev.
How do I install a termcn component?
Run the shadcn CLI with the termcn registry, for example npx shadcn@latest add @termcn/ink/spinner, or use the opentui namespace for OpenTUI. Your project needs Ink or OpenTUI set up first.
BoardUI
React Bits
21st.dev
Magic UI
shadcn/ui
Arc UI