Dev Design LibraryTailwind CSS Terminal Components
Dev Design Library indexes 27 Tailwind CSS 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 styles its components with Tailwind CSS utility classes. Terminal components belong to the Developer tools group.
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…
TerminalAnimations (Svelte) · SvelteA terminal-like UI component with typing animations, sequence control, and intersection observer support.
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.