Elastic Rail

component

A scroll progress rail that bulges with overscroll and twangs back. It obeys the wave equation, so its pitch follows f = (1/2L)·√(T/μ) — a longer rail rings lower, with nothing tuned per page.

pnpm dlx shadcn@latest add "https://morphiq.prathampatel.design/r/elastic-rail.json"

Sign In

Elastic Rail

component

A scroll progress rail that bulges with overscroll and twangs back. It obeys the wave equation, so its pitch follows f = (1/2L)·√(T/μ) — a longer rail rings lower, with nothing tuned per page.

pnpm dlx shadcn@latest add "https://morphiq.prathampatel.design/r/elastic-rail.json"

components/elastic-rail/index.js