Terminal

Bring your code demos to life with a cinematic, fully customizable terminal component for Framer.

Terminal lets you showcase CLI commands, AI workflows, deployment logs, and developer tools with realistic typing animations, glowing visuals, and a polished macOS-inspired interface. Designed for modern SaaS, AI, and developer-focused websites, it transforms static code snippets into engaging product experiences.

Customize every detail from typing speed and command timing to colors, blur, glow effects, spacing, and window styling. Display multiple commands in sequence, enable looping animations, show line numbers, or let visitors copy commands with a single click.

Whether you're launching an AI product, documenting an API, or building a premium landing page, Terminal helps your code look as impressive as your product.

Features

• Realistic typing animation
• Sequential multi-command playback
• Adjustable typing and output speed
• Configurable delays between commands
• macOS-inspired terminal interface
• Optional line numbers
• Copy-to-clipboard button
• Cinematic glow and hover effects
• Glass blur and opacity controls
• Fully customizable colors and spacing
• Auto-loop playback
• Custom CSS class support
• Responsive and performance optimized

Perfect For

• AI products
• Developer tools
• SaaS landing pages
• API documentation
• CLI walkthroughs
• Open-source projects
• Portfolio websites
• Product launches

Turn ordinary terminal demos into cinematic product experiences.