Snap Parallax Projects
An endlessly scrolling project list that settles on whole panels. Wheel or drag moves it freely, but a tenth of a second after input stops it eases to the nearest panel boundary on a cubic curve, so it never rests half way between two projects. Panels are built into a fifteen either side buffer and destroyed past fifty. Each image is held at 1.5 zoom and lags its panel by a fifth, and the layout alternates so the picture swaps sides project to project.
npx shadcn@latest add https://ui.aryank.space/r/snap-parallax-projects.jsonInstalls from ui.aryank.space. To add it by hand, copy the files in Usage below, or register the @compronents namespace via the docs.
| Prop | Type | Default | Description |
|---|---|---|---|
| projects | SnapProject[] | Six BLANK projects | Title, image, and isAlternate, which swaps the image to the left half. |
| scrollSpeed / lerpFactor / snapDuration | number | 0.75 / 0.05 / 500 | Wheel multiplier, easing factor, and how long the settle to the nearest panel takes. |
projectstextTitles, images, and which side the image sits on.
None.