When to use
- When making app screens, designs, or UI mockups appear in 3D
- Introducing multiple screens of a product showcase simultaneously
- 톤: tech, brand (product)
- Recommended duration: 4–6초
Installation
npx hyperframes add ui-3d-reveal
→ compositions/ui-3d-reveal.html.
Wiring
<div data-composition-src="compositions/ui-3d-reveal.html"
data-start="5" data-duration="5"
data-track-index="0"
data-width="1080" data-height="1350">
</div>
Parameters
- UI images, rotation angles, and appearance order are configured inside the block
짝
- Good fit:
cinematic-zoom,app-showcase(tech product deck) - Avoid:
glitch,destruction— interferes with clean 3D repetition