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 @compronents/snap-parallax-projectsInstalls from ui.aryank.space. Needs a registry token and a one-time @compronents entry in components.json. The docs walk through both.
Checking access…
| 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.