KnowSugar Scroll Scrub Landing
Scroll-driven health awareness landing page in a single index.html with inline CSS and JS. An 8-second all-intra video of a sugar cube shattering into crystals that reassemble into a human bust is scrubbed frame by frame as you scroll, while the inset hero card expands to full-bleed and the transparent navbar ink fades from dark to white. A second scene staggers in four frosted-glass fact cards, with a clip-path intro and careful mobile and short-viewport breakpoints.
Gallery
How it works
Four steps. No downloads.
Pick an asset
Filter by type, style, compatibility and access. Preview it live.
Copy the prompt
The prompt already contains the design rules and links to every source it needs.
Personalize it
Your AI will recreate an exact copy of the selected template.
Ship it
Get a premium site in minutes with AI. Then adapt it to your own project.
Questions?
Payment, access, templates — ask anything.
Write us on Telegram
We reply to questions about payments, template usage, access issues and customization. Usually within a few hours.
Open TelegramRelated