STRATUS — Cinematography Drone Launch
The sky, composed.
A crisp, engineering-proud launch site for a professional cinematography drone. A live React Three Fiber drone — fully procedural — is pinned mid-screen while one scrubbed GSAP timeline performs an exploded-view assembly: airframe, arms, rotors, gimbal and battery fly apart into a labelled diagram, converge on the gimbal, then bank into a hero beauty pose. Flight-mode diagrams, spec sheets and a live configurator complete a static-export product site.
Role · Design + front-end build (R3F procedural drone, GSAP scroll choreography) · Updated Jul 2026
- 6 page types: scroll-cinema home, specs, imaging, autonomy, buy (configurator), company
- The procedural R3F drone scene (exploded assembly, camera choreography) as reusable components
- Four animated flight-mode SVG diagrams + a procedural sample-shot gallery
- GSAP ScrollTrigger + Lenis motion foundation with a reduced-motion matchMedia gate
- Delivery
- 3–4 days
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · CMS / pre-orders
Specs, modes and copy are typed data; wire the pre-order/configurator to any provider and the content to a CMS.
Delivered as full Next.js source. Retheme the accent, re-spec the drone and bundle options, and wire pre-orders to your provider — the 3D is typed data.
What makes it special
An exploded view on scroll
The drone is pure procedural three.js — body, four rotor arms, gimbal, battery. One scrubbed timeline flies every part apart into a floating, labelled exploded diagram, then reassembles it — the clearest way to sell hardware.
Built from geometry, not models
No GLB, no textures, no photography. Cyan-lit rotors and an emissive lens read as a crisp machine through lighting and proportion alone — zero image weight, recolorable in code.
Flight modes you can read
Orbit, Dolly, Track and Waypoint each get a tiny animated SVG path diagram; the sample-shot gallery is procedural landscape art, not stock photos.
Complete hardware IA
Home cinema, grouped spec sheets, an imaging deep-dive, an autonomy/safety page with a scroll-triggered flight-path animation, a live bundle configurator, and a company page.
Precise and accessible
Cool, cinematic and technical — with every scene behind prefers-reduced-motion and a large, well-lit static hero pose that doubles as the store card. Self-hosted fonts, no runtime external requests.
What’s included
- 6 page types: scroll-cinema home, specs, imaging, autonomy, buy (configurator), company
- The procedural R3F drone scene (exploded assembly, camera choreography) as reusable components
- Four animated flight-mode SVG diagrams + a procedural sample-shot gallery
- GSAP ScrollTrigger + Lenis motion foundation with a reduced-motion matchMedia gate
- Full Next.js 15 / TypeScript source, static export, WCAG 2.2 AA intent
More Electronics & Audio templates
Explore more collections
Frequently asked
- What do I get when I buy STRATUS?
- A one-time licence with the full, editable source code, including 6 page types: scroll-cinema home, specs, imaging, autonomy, buy (configurator), company, the procedural r3f drone scene (exploded assembly, camera choreography) as reusable components, four animated flight-mode svg diagrams + a procedural sample-shot gallery. 14 days setup support and free updates included.
- What is STRATUS built with?
- It's a Next.js marketing site, built with Next.js 15, TypeScript, Tailwind v4, GSAP ScrollTrigger, React Three Fiber. You receive the complete source to host and extend anywhere.
- Can YantraCore customise STRATUS for my brand?
- Yes — buy it as-is for $4,600, or have YantraCore tailor it to your brand, content and requirements. Start from this page or commission a custom build.
- How fast is delivery?
- Delivery is 3–4 days after purchase.
Make STRATUS yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.