# Components — which HTML to copy

Open the HTML and the PNG. Steal markup + CSS.

## 01 OS — `tools/01-os.html`

![01](screenshots/01-os.png)

Full **Aetheria OS**: nebula orbs, floating glass shards, topbar, cards, switches, sliders, modal, fields. Start here for any “desktop glass app”.

## 02 Component vault — `tools/02-component-vault.html`

![02](screenshots/02-component-vault.png)

**Atoms:** buttons, pills, inputs, chips, tabs. Copy before inventing new controls.

## 03 Media players — `tools/03-media-players.html`

![03](screenshots/03-media-players.png)

Video / audio / image suite on glass. Use for media chrome.

## 04 ID cards — `tools/04-id-cards.html`

![04](screenshots/04-id-cards.png)

Identity / access passes, cyan+violet glows, mono IDs.

## 05 Messenger — `tools/05-messenger.html`

![05](screenshots/05-messenger.png)

Thread + composer on frost. Outgoing bubbles can use violet glow; incoming stay quieter glass.

## 06 Mobile mesh — `tools/06-mobile-mesh.html`

![06](screenshots/06-mobile-mesh.png)

Dense P2P / HUD (GhostMesh). Use for ops walls, not marketing landings.

## 07 Health registry — `tools/07-health-registry.html`

![07](screenshots/07-health-registry.png)

Personnel / info cards, status chips. Use for records and directories.

## 08 Flow — `tools/08-flow.html`

![08](screenshots/08-flow.png)

On-demand stepper / wizard. Active step = violet; others = glass circles.

## 09 Analytics toolbar — `tools/09-analytics-toolbar.html`

![09](screenshots/09-analytics-toolbar.png)

Multi-line glass toolbar + visualization. Theme chips (cyan / amber / rose / emerald) match screenshot palettes.

## 10 Dialogs — `tools/10-dialogs.html`

![10](screenshots/10-dialogs.png)

Ultra-glass modals. Overlay dim + `--glass-blur-lg` panel. Not a white Bootstrap dialog.

## 11 Motion — `tools/11-motion.html`

![11](screenshots/11-motion.png)

Glassmorphic transitions. Pick one motif; do not enable every demo in production.

## 12 Kinetic — `tools/12-kinetic.html`

![12](screenshots/12-kinetic.png)

Action button matrix & 25-animation exhibition. Catalog only.