The 29 KB animation engine

Create stunning WebGL‑style effects without writing a single shader

Fluid distortion, volumetric light, blob tracking, particle physics & cursor‑reactive parallax — all powered by CSS and a tiny JS runtime.

Start building See it in motion
keyboard_arrow_down Scroll
Shader‑grade effects, zero shader code

Presets for fluid distortion, volumetric glow, and blob tracking let you craft cinema‑grade visuals with simple class names.

120 fps on a ~29 KB bundle

GPU‑accelerated CSS pipelines keep the main thread free, delivering buttery smooth animation even on modest devices.

Reactive by default

Cursor‑driven blob, particle fields, and parallax layers react instantly to user input — no extra setup required.

How it works

01

Drop it in

Add the single aether.js tag and the CSS‑only stylesheet to your page.

02

Pick a preset

Choose from fluid, glow, blob, or particles via HTML attributes or a tiny config object.

03

Ship it everywhere

The engine is framework‑agnostic and works in any modern browser — no build step needed.

What creators say

“Aether let me add cinematic water effects to my portfolio in minutes — no WebGL knowledge required.”

LN
Lena Ortiz
Frontend Designer

“The particle system feels native and performs at 120 fps on my phone — truly impressive for a CSS‑only solution.”

MR
Mikko Rajala
Lead Engineer, Wave Studios

Simple, transparent pricing

Free

$0
  • checkFluid distortion preset
  • checkBasic particle system
  • checkCommunity support
Get started

Pro

$19/mo
Most popular
  • checkAll Free features
  • checkVolumetric light presets
  • checkBlob tracking & cursor parallax
  • checkPriority email support
Start free trial

Studio

$49/mo
  • checkAll Pro features
  • checkCustom effect builder
  • checkSLA‑guaranteed uptime
  • checkDedicated account manager
Contact sales

Frequently asked questions

The core engine is ~29 KB gzipped (CSS + JS). No external dependencies.
Chrome, Edge, Safari, Firefox (latest two versions). Requires CSS filters and custom properties.
Yes. All non‑essential motion (parallax, blob, particles, turbulence) is disabled when the user requests reduced motion.

Ready to add cinematic motion to your site?

Subscribe for release updates, beta access, and exclusive tutorials.