Apple Terminal Solid Colors

Apple Terminal Solid Colors profile with deep purple background and white text, per-character typing animation.

Apple Terminal Solid Colors

macOS Terminal.app window in the built-in Solid Colors profile — vivid deep purple #4C0099 background with white text. Eye-catching and vibrant, with per-character typing animation.

code developer showcase terminal apple

Install

Terminal

npx hyperframes add code-snippet-apple-terminal-solid-colors

Install all Apple Terminal themes at once:

Terminal

npx hyperframes add apple-terminal

Details

Property	Value
Type	Block
Dimensions	1920×1080
Duration	12s

Files

File	Target	Type
code-snippet-apple-terminal-solid-colors.html	compositions/code-snippet-apple-terminal-solid-colors.html	hyperframes:composition

Usage

After installing, add the block to your host composition:

<div
  data-composition-id="code-snippet-apple-terminal-solid-colors"
  data-composition-src="compositions/code-snippet-apple-terminal-solid-colors.html"
  data-start="0"
  data-duration="12"
  data-track-index="1"
  data-width="1920"
  data-height="1080"
></div>

Features

• Faithful recreation of macOS Terminal.app Solid Colors profile — #4C0099 deep purple background with white text
• macOS window chrome with traffic light buttons and centered title bar
• Per-character GSAP typing animation — command types out character by character
• Output lines reveal sequentially after command executes
• Cursor blinks three times at the end then holds steady
• Self-contained HTML — no external assets, only GSAP CDN