Skip to content

component

Terminal CLI Demo

By Sobakhul Munir Siroj

Details

Summary

Terminal CLI Demo brings authentic command-line experiences to your Framer site.

Description

Animated Terminal CLI Demo — macOS Command Line Simulator for Framer Terminal CLI Demo brings authentic command-line experiences to your Framer site. This pixel-perfect macOS terminal simulator features realistic typing animations, intelligent output coloring, and smooth auto-scrolling—ideal for showcasing developer tools, APIs, CLI utilities, and technical workflows. Built for speed and simplicity, it’s fully customizable through Properties Panel—no coding required. Live Preview Key Features: Authentic macOS terminal design with traffic-light controls and polished UI Realistic typing animation with adjustable speed Smart output coloring for success, error, warning, and info states Multi-line command and output support with preserved formatting Smooth auto-scroll to keep new content in view Flexible playback: auto-play, loop, hover, or click trigger Performance-optimized animations with static preview support Fully responsive across desktop, tablet, and mobile Customization Controls: Commands & Content Add unlimited command sequences with custom outputs Multi-line formatting with precise line breaks Adjustable delays between commands and responses Adaptable prompt/commands symbol Visual Styling Full color control: background, text, prompt, accents, and status states Toggle macOS window controls with custom colors Adjust border radius, shadow, padding, and line spacing Complete font control with a monospace default Animation Settings Typing speed (10–200ms per character) Cursor blink speed and visibility Loop timing and delay controls Fine-tuned timing between lines and sequences Interaction Options Auto-play on load Trigger on hover Trigger on click Continuous loop mode Ideal Use Cases: SaaS product demos and onboarding flows Developer documentation and setup guides Landing page hero sections with technical flair Tutorials showing step-by-step commands Open-source project showcases Technical portfolios and case studies Ready to Ship: Add Terminal CLI Demo to your Framer canvas, customize your commands, and publish. Create professional terminal animations in minutes—no code, no complexity. If you need help or run into any issues, feel free to reach out at: sobakhul.munir527@gmail.com

Introduction

Animated terminal command simulator

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600164898/148/228/309/79/15
  • All · #5542