spacescrollgsapdark
Aether — Deep Field Survey
Deep-space planetary survey — a planet parked below the fold scales past the viewport and you fall through into a scroll-scrubbed orbital flyover, with four worlds and hard wipes between.
When a product launch or brand story needs to stop the scroll, start with a cinematic template. These designs use video heroes, scroll-driven 3D, parallax and glass interfaces to deliver the kind of experience usually reserved for agency budgets. They suit product reveals, automotive and mobility launches, space and science stories, energy and sustainability brands, and bold portfolio pieces. Use the Draftly AI editor to change the headline, imagery and palette while the motion keeps working. Publish to your own domain and share a site that feels like a film trailer, built in minutes rather than months.
Deep-space planetary survey — a planet parked below the fold scales past the viewport and you fall through into a scroll-scrubbed orbital flyover, with four worlds and hard wipes between.
Six-page light studio product site for an electric moped brand — floating UI cards, a scroll-scrubbed 360° turntable, an exploded parts sequence, a live finish picker and curtain-wiped page transitions.
Warm editorial artefact archive — a display serif splits apart, artefact cards fly into the gap, then collapse into a scroll-driven stacked deck of seven objects before a full-bleed architectural close.
Cinematic automotive launch — a silk dust sheet lifts off the car under scroll, then a desert run where the car passes in front of and behind a wordmark the size of the screen.
A stone portal onto six worlds — the arch never moves while the world beyond it changes through an arch-shaped mask that opens inside the archway, then floods past the stone to full bleed.
Product launch for an autonomous micro-drone — the product lands inside a sandwich of giant type, unfolds under scroll-scrub with annotated callouts, and the page inverts dark-to-light mid-scroll.
Curated hypercar marketplace listing — a pinned stage that cuts between orbit, bay and push films of the Enzo, then a detail sheet with specs and a contact-the-seller CTA.
Full-screen dark AI landing with CloudFront hero video, 220px General Sans headline, indigo→purple→amber AI gradient, liquid-glass navbar & logo marquee, and requestAnimationFrame fade loop.
Premium fintech stablecoin landing on #F5F5F5 with TT Norms Pro, hero video, savings cards, backers marquee, and Commerce use-case panel.
Dual sticky fullscreen sections with GSAP pill BubbleMenu, mouse-trail SpotlightReveal over react-player video, glass 78% stat card, and Nike swoosh branding.
Fullscreen solar hero with Morning/Night theme toggle, pull-down background transition, blur overlays, Outfit typography, and mobile nav drawer.
Green SaaS hero with Neue Haas Grotesk type, canvas boomerang video background, pill desktop nav, staggered mobile drawer, and FluxEngine CTA block.
Full-screen dark cinematic landing with Cloudinary hero video, centered headline, liquid-glass navbar, and premium blur-fade motion. Vite + React + Tailwind.
Seven-page streaming mini-site with full-viewport cinematic hero, CloudFront video, bottom backdrop-blur mask, liquid-glass chrome, and blurFadeUp stagger.
Single-viewport renewable energy hero with CloudFront video, StaggeredFade headline, liquid-glass navbar and play control, green gradient CTAs, partner marquee, and +37k social proof.
Athletic footwear brand with GSAP pill bubble menu, spotlight video masks, and seven hash-routed pages.
Full-page CloudFront video backdrop, centered hero CTA, Discover and Mission scroll sections, and a motion-animated liquid-glass footer with Helvetica navigation.
Air-purifier landing with canvas spotlight mask, parallax grid SVG, pill navbar, and mobile hamburger menu.
Expanded one-page AI landing with tabbed hero overlays on CloudFront video, fadeInUp motion, logo marquee, and scroll-linked nav (Solutions, For Teams, About, Learn Hub). Vite + React + Tailwind.
Dark violet landing (#08020e) with parallax hero video, dashboard mock (chat + live preview), grass foreground, liquid-glass nav, Material Symbols, and framer-motion scroll transforms.
500vh scroll-scrubbed Mux HLS hero with Dirtyline ScrollFloat type, glass About panel with 3D parallax and brand marquee, and GSAP PillNav liquid-fill navigation.
Six-section black scroll landing for an electric RV brand: Instrument Serif + Inter, liquid-glass CTAs, CloudFront hero/feature/CTA videos, Mux HLS statement section, and fade-rise motion.
Light single-page landing with rounded CloudFront video hero, Outfit headline, svgl logo marquee, floating glass dock nav, and scroll sections for Features, Ecosystem, Docs, and Contact. Vite + React + Tailwind v4 + motion.
Yes. The editor changes text, colours and media while keeping the scroll and video effects intact.
They are responsive and optimised, but heavy video can be slower on weak connections. You can swap or shorten media in the Assets panel.
Yes. Upload your own video and images in the Assets panel.