ZeroGravity UI

React components that move.

Scroll effects, pointer fields, display type and playful scenes — built on plain DOM, canvas and CSS. No animation runtime, no physics engine, no external packages at all.

Browse componentsView on GitHub
TSX
import { ScrollStack } from "zerogravity"

<ScrollStack top={72} peek={18}>
    <article>Sticky, not scripted</article>
    <article>Scale and fade</article>
</ScrollStack>

Featured

Antigravity

A particle field that flows around the cursor and settles into formations.

ScrollStack

Full-height sections that slide over each other on scroll, and unstack back.

Reel

A roulette-style carousel you can drag, flick, scroll sideways or step.

Meadow

A living pastel hero scene that drifts, bobs and flutters around your content.

Rasterexp

One picture through four stylised abstractions: blur, glass, glyph, pixel.

Ricochet

Short text built from destructible pixel blocks, with breakout or shooter play.