hyperframes-fx-app-showcase

App Showcase

When to use

• App/SaaS/mobile product launch and feature introduction
• Emphasize feature diversity by showing 3 devices simultaneously
• 톤: tech, brand (product tech)
• Recommended duration: 5–7 seconds (one card's worth)

Install

npx hyperframes add app-showcase

→ compositions/app-showcase.html.

Wiring (replaces the entire card)

<div data-composition-src="compositions/app-showcase.html"
     data-start="5" data-duration="5"
     data-track-index="0"
     data-width="1080" data-height="1350">
</div>

App screenshots are referenced from within compositions/app-showcase.html . Replace with assets/screen-1.png etc.

Parameters

• Screen images, floating angles, and colors are edited within the block

짝

• Good fit: cinematic-zoomenter this block with, logo-outro finish with
• Avoid: does not match emotional tone