---
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."
---
import { InstallCommand } from "/snippets/install-command.jsx";
## Install
That writes one file: `compositions/code-snippet-apple-terminal-silver-aerogel.html`.
## Source
```html
Apple Terminal Silver Aerogel
Last login: Mon Jun 2 09:14:22 on ttys010
Checking system resources...
Filesystem Size Used Avail Use%
/dev/disk3s1s1 460G 142G 302G 32%
/dev/disk3s6 460G 5.0G 302G 2%
/dev/disk3s2 460G 11G 302G 4%
Memory: 14.2 GB / 16.0 GB used (89%)
CPU: 8-core, 12% load average
user@Mac ~ %
```
## Usage
After installing, add the block to your host composition:
```html
```
## 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
{/* hf:generated-footer */}
Tagged `code` `developer` `showcase` `terminal` `apple` `apple-terminal`.
## Related topics
- [Browse the complete Catalog](/catalog)
- [Add assets and Catalog items in Studio](/studio/assets-and-blocks)
- [Build a richer composition](/go-further)