Terminal

Terminal is a premium Framer component for showcasing code, CLI commands, and AI workflows with a polished typing animation. Whether you're presenting an LLM runtime, developer tool, deployment flow, or command-line tutorial, it delivers the look and feel of a real terminal while remaining fully customizable.

Every aspect of the experience can be tailored from typing speed and command output timing to colors, glass blur, glow effects, spacing, and window styling. The component supports multiple commands with sequential playback, optional looping, realistic line numbers, and copy-to-clipboard functionality, making it ideal for interactive product demos and developer-focused landing pages.

Designed with performance and flexibility in mind, Terminal blends seamlessly into modern SaaS, AI, open-source, and portfolio websites, helping transform static code snippets into engaging visual storytelling.

Customize everything

• Terminal window title

• Multiple commands and outputs

• Typing speed & output speed

• Delay between commands

• Font size

• Title bar height

• Line numbers

• Copy button

• Glow effects

• Hover glow interaction

• Glass blur

• Background opacity

• Terminal & title bar colors

• Side, top & bottom padding

• Auto-loop animation

• Custom CSS class support