Share-Sheet Carousel
HTML to video · A whole scene · Apache-2.0
- What it does
A share sheet springs up from the bottom of the phone and cycles previews inside its card on a fast cut rhythm while the blurred ground swaps behind it, ending on an accept tap. Credited to Miao Yang.
- Get it
Copy the folder into a project, or
npx hyperframes add share-sheet-carousel(fetches it from GitHub main to compositions/share-sheet-carousel.html). It is a whole page with its own timeline: render it alone, or mount it in a film as a sub-composition. 11 settings to change.- Needs
Loads its libraries from the network when it renders (cdn.jsdelivr.net).
- Re-skin
By props (colors, logo, text, pictures)
Declared variables: shareTitle, senderName, itemLabel, stripText, acceptLabel, declineLabel, slideImage1, slideImage2 and 3 more. 11 hex colors and 1 font stack are written in the file's CSS. It also reads its own custom properties with fallbacks (--hf-ui-accent); set them on a wrapping element to…
- Size
1080 x 1920 · 7 s
- License
Apache-2.0
- From