Shadcn.io is not affiliated with official shadcn/ui
Terminal
macOS-style terminal window with typing animation for CLI demos in React
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.
Terminal preview
Scroll to load preview
Installation
Related 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.