--- title: "Code Snippet - Apple Terminal Red Sands" description: "Apple Terminal Red Sands profile: deep red background with sandy text, per-character typing animation of a shell session." --- ## Install ```bash Terminal npx hyperframes add code-snippet-apple-terminal-red-sands ``` That writes one file: `compositions/code-snippet-apple-terminal-red-sands.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 Red Sands 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-red-sands ``` ## 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`.