Work

Parallax Mouse

Layered parallax for React

A side project I built in 2016 for the fun of it. Stack a few layers, give each one a factor, and they drift with the cursor on spring physics - the easiest way I know to make a hero section feel alive.

Timeline

2016 - NOW

Open source

Stack

  • React
  • TypeScript
  • Spring Physics
  • npm
  • Open Source

Live

Visit live
Parallax Mouse live demo - a 3D stack of labeled parallax layers shearing apart as the cursor moves, beside the package headline
DOWNLOADS

-

Downloads, last 30 days

43★

GitHub stars

7

Forks

26k+

Downloads past year

2016

First built

THE WHY

It started as something to play with.

I built this in 2016 because I liked how parallax felt and wanted to see if I could pull it off. There was no plan beyond that, just a weekend of nudging layers around until the motion felt right.

The useful part turned out to be hero sections. A flat header gets some depth, and the whole thing is a wrapper plus a couple of layers with different factors. Not much code for a first impression that lands.

WHERE IT STANDS

Still installed every week, years later.

The throwaway project is the one that stuck. People still pull it down every week, which is why I gave it a v2: hooks, TypeScript, and a rewrite of the motion internals. Maintaining something strangers actually depend on has taught me more about API design than anything I've built just for myself.

NEXT PROJECT

04

Greenroom

Live rooms for independent artists

Read case study

Greenroom artist dashboard - all-time stats for earnings, shows hosted and fill rate, alongside audience insights and a list of past shows