Spatial design, shipped

Build worldsthat move whenpeople scroll

Aether renders cinematic 3D on the web without the WebGL headache. Drop in a scene, scrub it with scroll, and ship something people actually remember.

Scroll

Trusted by teams shipping at

NorthwindLatticeVantageHelioCobaltForm&CoAtlasMercerNorthwindLatticeVantageHelioCobaltForm&CoAtlasMercer
Why Aether

Everything the moment needs, nothing it doesn't

A focused toolkit for scroll-driven 3D — fast to start, hard to outgrow.

Scene, meet scroll

Pin a canvas, feed it a frame sequence, and the scene plays as people move down the page. The hard scroll math is already done.

Built for 60fps

Direct-to-DOM updates and a single render loop keep things buttery, even on mobile Safari.

Tokens all the way down

Color, type, spacing, and motion live as variables. Change one value, reskin the whole site.

Motion with intent

Springs, staggers, and parallax that emerge from the element you touched — not noise for its own sake.

Drop-in sections

Hero, bento, showcase, pricing, FAQ — every section is a self-contained, accessible component.

Accessible by default

Reduced-motion fallbacks, visible focus, real contrast. The polish doesn't cost anyone the experience.

In the wild

Depth that pulls people through the page

Parallax layers and pinned scenes that reward the scroll instead of fighting it.

Now playingResonanceHalo · Spatial Mix
1:24
3:08
Product launch+38% time on page
Product launch

Halo Audio

A spinning product hero that assembles itself frame by frame as you scroll.

View case study
Selected WorksFORM&CO
Skyline Pavilion · 202401 / 12
Brand site2.1× scroll depth
Brand site

Form & Co

An architectural fly-through that turns a portfolio into a guided tour.

View case study
Northwind EV Charging
82%
Battery
412mi
Range
3.4s
0–60 mph
Torque640 Nm
Campaign+24% test-drive signups
Campaign

Northwind EV

A torque curve you feel — the car powers up as the page does.

View case study
How it works

From flat brief to living page in three moves

01

Bring a scene

Render a short loop in Blender, Cinema 4D, or After Effects — or start from one of ours. 90–120 frames is the sweet spot.

02

Wire the scroll

Point the engine at your frames and set the pin length. The canvas scrubs itself as people scroll. No timeline wrangling.

03

Skin and ship

Edit the tokens to match your brand, drop in copy, and deploy. The motion stays smooth wherever it lands.

0fps-ready

frame sequences preloaded before first paint

<0.0MB

median hero payload after compression

0/100

typical Lighthouse performance on desktop

0sections

drop-in, accessible, token-driven blocks

Said out loud

Teams stop scrolling past their own sites

We shipped a scroll experience in a week that our agency quoted six figures for. The motion is the part everyone screenshots.
MDMara DevlinHead of Brand, Northwind
It's the first 3D site we've built that didn't melt a phone. Our bounce rate dropped the day it went live.
TFTobias FrankDesign Lead, Lattice
The token system meant our rebrand was a half-day, not a quarter. Everything just re-themed.
PAPriya AnandFounder, Form & Co
Pricing

Start free. Pay when it ships.

Every plan includes the full scroll engine and design-token system.

Studio

For solo builders and side projects.

$0/forever
  • 1 live project
  • Full section library
  • Community support
  • Aether badge
Most popular

Team

For teams shipping client work.

$39/mo
  • Unlimited projects
  • Remove Aether badge
  • Figma + Code Connect sync
  • Priority support
  • Custom frame pipelines

Scale

For brands with serious traffic.

Let's talk
  • SSO + roles
  • SLA & uptime guarantee
  • Dedicated render support
  • Onboarding workshop
Questions

The things people ask before they commit

No. The signature effect is a pre-rendered frame sequence scrubbed by scroll — it looks like real-time 3D but runs as fast as an image. You only reach for WebGL if you need the scene to react to the mouse.

Ready when you are

Give people a reason to keep scrolling

Spin up a scroll-driven 3D site today. Free to start, smooth on everything, yours to brand.