> ## Documentation Index
> Fetch the complete documentation index at: https://hyperframes-fix-docs-render-project-dir.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Apple Terminal Silver Aerogel

> Apple Terminal Silver Aerogel profile with dark grey background and white text, per-character typing animation.

# Apple Terminal Silver Aerogel

macOS Terminal.app window in the built-in Silver Aerogel profile — dark grey `#3D3D3D` background with clean white text. A professional neutral look with per-character typing animation.

`code` `developer` `showcase` `terminal` `apple`

<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/code-snippet-apple-terminal-silver-aerogel.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/code-snippet-apple-terminal-silver-aerogel.png" autoPlay muted loop playsInline />

## Install

<CodeGroup>
  ```bash Terminal theme={null}
  npx hyperframes add code-snippet-apple-terminal-silver-aerogel
  ```
</CodeGroup>

Install all Apple Terminal themes at once:

```bash Terminal theme={null}
npx hyperframes add apple-terminal
```

## Details

| Property   | Value     |
| ---------- | --------- |
| Type       | Block     |
| Dimensions | 1920×1080 |
| Duration   | 12s       |

## Files

| File                                              | Target                                                         | Type                    |
| ------------------------------------------------- | -------------------------------------------------------------- | ----------------------- |
| `code-snippet-apple-terminal-silver-aerogel.html` | `compositions/code-snippet-apple-terminal-silver-aerogel.html` | hyperframes:composition |

## Usage

After installing, add the block to your host composition:

```html theme={null}
<div
  data-composition-id="code-snippet-apple-terminal-silver-aerogel"
  data-composition-src="compositions/code-snippet-apple-terminal-silver-aerogel.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 Silver Aerogel profile — #3D3D3D dark grey 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