Dev Design LibraryReact Terminal Components
Dev Design Library indexes 27 React terminal components from 15 open-source UI libraries, with the most coming from Notra, ReUI, Velora UI, Cult UI and ObsidianUI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list targets React. Terminal components belong to the Developer tools group.
Faulty TerminalReact Bits · ReactTerminal CRT scanline squares effect with flicker + noise.
TerminalMagic UI · ReactA terminal component
Terminal AnimationCult UI · ReactComposable terminal animation primitives with typed command playback, tabbed scenarios, and customizable output…
Dark terminalReUI · ReactANSI-style colored terminal output built from plain lines.
Mac TerminalAmicro Micro Transitions · ReactMac Terminal loading animation.
TerminalAI Elements · ReactDisplay streaming console output with full ANSI color support.
Dashboard Shell 01Shadcn Space · ReactA modern dashboard shell with a sidebar and header, ideal for admin dashboards to organize and navigate through…
Dashboard ShellObsidianUI · React
Claude CodeNotra · ReactA Claude Code terminal session with the compact header, tool calls, a running turn and the prompt, built from the…
Terminal LoaderGreatUI · React
TerminalWatermelon UI · React
Developer tool heroVelora UI · ReactMinimal hero on a retro grid with a typed headline accent, an install terminal and two CTAs.
Glass TerminalOpaline · ReactA macOS terminal on glass whose commands type themselves out, line by line, when scrolled into view.
TerminalReactFrame · ReactA macOS-style terminal window that types out a scripted sequence of commands, outputs and comments, with a blinking…
TerminalAceternity UI · React
ANSI terminal outputReUI · ReactAgent stdout with SGR colour codes parsed by ansiToLines, retintable via --code-ansi-* variables.
Claude Code PromptNotra · ReactThe input between two rules with the permission mode, PR link and effort below.
TerminalVelora UI · ReactA terminal window that types its lines in view.
Terminal outputReUI · ReactUnhighlighted command output with a wrap toggle.
Claude Code TerminalNotra · ReactThe terminal window with traffic lights and a title bar for Claude Code sessions.
CLI install summaryReUI · ReactWhat a shadcn add run resolved, installed and wrote, including a file it kept because it already existed.
CodexNotra · ReactA full recreation of an OpenAI Codex CLI session built from the Codex components on shadcn Base UI.
Codex ComposerNotra · ReactThe prompt band with a block cursor, the model and directory status line and shortcut hints.
Codex TerminalNotra · ReactThe Codex window: a title bar, a scrolling transcript and a pinned footer for the prompt.
OpenCodeNotra · ReactA recreation of an OpenCode terminal session with a transcript, the prompt and the sidebar.
OpenCode ComposerNotra · ReactThe prompt panel with agent, model, provider and effort, over a status row with the busy scanner, context and shortcuts.
OpenCode WindowNotra · ReactThe OpenCode terminal surface that sets the background, monospace font and line grid.