Skip to content

Landing Factory Starter

Motion that respects the people watching it.

A static Astro base with design tokens, accessible structure and declarative scroll animation: reveal, pin and parallax from plain HTML attributes.

See the primitives

Three primitives, zero animation code in your sections.

01
Reveal
Add data-reveal and the element fades and rises into place as it enters the viewport.
02
Pin
Add data-pin and a section holds the screen for a set scroll distance, then lets go.
03
Parallax
Add data-parallax and a layer drifts at its own pace behind the content.

Reduced motion? Everything is simply there.

With prefers-reduced-motion, or without JavaScript, nothing is hidden, pinned or smoothed. Content always comes first.

Tokens in one file. Theme in one edit.