# Minimal Composition
The smallest renderable HyperFrames composition — a standalone (top-level) root with one clip and one tween:
```html
Minimal HyperFrames Composition
```
Required elements:
- Root `` with `data-composition-id`, `data-start="0"`, `data-width`, `data-height`, `data-duration`
- At least one clip (any element with `data-start`, `data-duration`, `data-track-index`)
- GSAP timeline created paused, registered on `window.__timelines[""]`
This pattern is **standalone** (top-level `index.html`) — no `` wrapper around the root. For sub-compositions (files loaded by `data-composition-src`), see `sub-compositions.md`.