voxite· catalog
voxite.app ↗🤖 Make this in 30 min

Level D · scroll-driven dasharray

SVG Path on Scroll

SVG path with stroke-dasharray. As the page scrolls, dashOffset decreases → the line draws itself. Milestone dots appear at key points.

Level E · holographic conic + grain

Iridescent Foil

Holographic foil: conic-gradient rainbow + multiply blend + grain on top. Constantly rotates, like foil under light.

Level E · bloom + CA + grain + vignette

Postprocessing FX

@react-three/postprocessing — Bloom + ChromaticAberration + Noise + Vignette. Emissive icosphere. The package is already in the template.

Level E · 3 layers scroll-driven

Per-block Parallax Hero

3 SVG layers (distant mountains / mid mountains / close trees). useTransform on scrollYProgress → different motion speeds. Stars on top.

R3F · scroll-driven rotation

Page-pin 3D

Прокрути секцию (250vh) — torus-knot вращается на 4×360° по Y и 1×180° по X. Камера фиксирована, контент-overlay прокручивается мимо.