Terminal
macOS-style terminal window with typing animation for CLI demos in React
Terminal preview
Scroll to load preview
A terminal component with the macOS look—traffic light dots included. Features typing animation that types out commands character by character, and staggered output that reveals lines one by one. Makes CLI instructions feel like a live demo. Good for landing pages, documentation, or anywhere you're showing terminal output.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this component for you — no copy-paste, no CLI:
use shadcnio to install the terminal component into my projectRelated Components
Code Block
Syntax highlighted code
Safari
Browser window frame
Apple Hello Effect
SVG typing animation
Code Tabs
Multi-language examples
FAQ
Was this page helpful?
Sign in to leave feedback.