--- title: "Code Snippet - Apple Terminal Silver Aerogel" description: "Apple Terminal Silver Aerogel profile: dark grey background with white text, per-character typing animation of a shell session." --- ## Install ```bash Terminal npx hyperframes add code-snippet-apple-terminal-silver-aerogel ``` That writes one file: `compositions/code-snippet-apple-terminal-silver-aerogel.html`. ## Add it to your video It runs for 12 seconds at 1920×1080. Paste this into your composition: ```html index.html
``` Move it in time with `data-start`. Put it on a different timeline row with `data-track-index`. See [data attributes](/concepts/data-attributes) for the rest. ## Add it to a project ### Ask your agent ```text Add the Code Snippet - Apple Terminal Silver Aerogel block from the HyperFrames Catalog to this project. Replace the demo content with mine and match the existing design and timing. ``` ### Install from the terminal ```bash npx hyperframes add code-snippet-apple-terminal-silver-aerogel ``` ## Use it Ask your agent to replace the example content, match the project style, and place the block at the right moment in the video. **Wiring it by hand.** The installed block can be added to a host composition with: ```html ``` ## Related topics - [Browse the complete Catalog](/catalog) - [Add assets and Catalog items in Studio](/studio/assets-and-blocks) - [Build a richer composition](/go-further) {/* hf:generated-footer */} Tagged `code` `developer` `showcase` `terminal` `apple` `apple-terminal`.