> ## Documentation Index > Fetch the complete documentation index at: /llms.txt > Use this file to discover all available pages before exploring further. # Code Snippet - Apple Terminal Pro > Apple Terminal Pro profile: black background with grey text and lime green cursor, per-character typing animation of a shell session. # Code Snippet - Apple Terminal Pro Apple Terminal Pro profile: black background with grey text and lime green cursor, per-character typing animation of a shell session. **Code Snippet - Apple Terminal Pro** ```html code-snippet-apple-terminal-pro.html theme={null} Apple Terminal Pro
bash — 80×24
Last login: Mon Jun 2 09:14:22 on ttys008 Building production bundle... vite v5.3.1 building for production... ✓ 142 modules transformed. dist/index.html 0.48 kB dist/assets/index-Cv3rN.js 284.12 kB dist/assets/index-Du4mP.css 42.08 kB ✓ built in 2.31s
user@Mac myapp %
``` Copy npx hyperframes add code-snippet-apple-terminal-pro to the clipboard That writes one file: `compositions/code-snippet-apple-terminal-pro.html`. ## Add it to your video It runs for 12 seconds at 1920×1080. Paste this into your composition: ```html index.html theme={null}
``` Move it in time with `data-start`. Put it on a different timeline row with `data-track-index`. See [data attributes](/concepts/data-attributes.md) for the rest. Tagged `code` `developer` `showcase` `terminal` `apple` `apple-terminal`. ## Related topics * [Browse the complete Catalog](/catalog.md) * [Add assets and Catalog items in the browser editor](/studio/assets-and-blocks.md) * [Put blocks together into one video](/concepts/compositions.md) ## Related topics - [Code Terminal Run](/catalog/components/code-terminal-run.md) - [Text, captions and code on screen](/prompting/captions-catalog.md) - [Continue a Claude Code or Codex project in Studio](/studio-app/existing-project.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.