Free · Copy · Paste

Components

The moving parts of this site, as single files. Open one, watch it run, copy the source into your project. No package, no sign-up, no attribution needed.

04

Library

React 19 and TypeScript. Next.js ready.

  1. 01

    Preloader — Cut

    A caret types a word, folds into a hairline that fires across the screen, and the screen parts along the cut.

    gsap
  2. 02

    Preloader — Flood

    A typed word scrambles and resolves, the caret floods the screen in the inverted colour, and the flood lifts away in shutters.

    gsap
  3. 03

    Scroll Reveal Text

    A paragraph that is read by scrolling it: each word lights as the reader reaches it.

    gsap
  4. 04

    Hover List

    A numbered list of links. Hovering a row quiets the others; the arrow arrives from the direction it points. CSS only.

    no dependencies
Loading