Frontier Infra
- Client
- Frontier Infra · real estate (demo)
- Year
- 2026
The build
A sticky, non-pinned hero (a 3,600px-tall section with a full-viewport sticky stage inside it) choreographs masked cloud layers parting to reveal the house as the wordmark crossfades from drawn outline to solid mark. Every animation is pulled from a shared motion-preset library rather than inlined per component, with a dedicated matchMedia pass for the mobile hero and a reduced-motion fallback throughout.
The standout
The cloud parting itself — nested transform layers (ambient drift on the outer div, scroll-scrubbed parting on the inner) that compose instead of fighting, so the reveal stays buttery at any scroll speed.
The outcome
Shipped as a live demo build — a perf- and SEO-hardened scroll cinematic for a real-estate brand concept.
Discipline
Built with
Start a project
Want something like Frontier Infra?
Every build starts with one conversation and one point of contact — the founder who wrote this code. Tell me what you have in mind.