Skip to main content

​
Apple Terminal Novel

macOS Terminal.app window in the built-in Novel profile — warm parchment #DFC18A background with deep brown text. A distinctive earthy look, with per-character typing animation. code developer showcase terminal apple

​
Install

npx hyperframes add code-snippet-apple-terminal-novel
Install all Apple Terminal themes at once:
Terminal
npx hyperframes add apple-terminal

​
Details

PropertyValue
TypeBlock
Dimensions1920×1080
Duration12s

​
Files

FileTargetType
code-snippet-apple-terminal-novel.htmlcompositions/code-snippet-apple-terminal-novel.htmlhyperframes:composition

​
Usage

After installing, add the block to your host composition: 
<div
  data-composition-id="code-snippet-apple-terminal-novel"
  data-composition-src="compositions/code-snippet-apple-terminal-novel.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 Novel profile — warm parchment background with #3E2900 dark brown 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