Scroll-driven · Zero JS

Motion that follows your scroll.

Scroll down. The hero scales away, the bar at the top fills, the band slides, and each section rises in - all tied to your scroll position, all in native CSS. Not a line of JavaScript.

FLUXSCROLLFLUXDRIVENFLUXCINEMAFLUXSCROLLFLUX

01

A progress meter that tracks you

The bar across the top is a single element animated against the scroll timeline of the page. It fills exactly as far as you have read - computed by the browser, not a script.

02

Sections that rise on cue

Each block animates against a view timeline - it knows when it is entering the viewport and reveals itself in step with your scroll. Smooth on the way down, and on the way back up.

03

A band linked to the page

The headline strip above slides sideways as you scroll vertically - two axes of motion from one gesture. The kind of thing that used to need a heavy animation library.

The web platform grew up. FLUX uses scroll-driven animations - a 2024 CSS feature - so the choreography ships in the stylesheet and the JavaScript bundle stays empty.

Get started

Direct the scroll.

Activate the flux layout and theme, write your Markdown, and the page choreographs itself.

Scroll-driven motion needs a recent Chromium or Safari 18+; elsewhere the page falls back to a clean static layout - nothing breaks.