PRO

Minimap Parallax Scroll

An infinite full-screen project feed with wheel and touch inertia, snap-to-project, parallax images, and a centered minimap strip that mirrors the scroll in miniature.

Component
    Install
    npx shadcn@latest add https://ui.aryank.space/r/minimap-parallax-scroll.json

    Installs from ui.aryank.space. To add it by hand, copy the files in Usage below, or register the @compronents namespace via the docs.

    Files

    API
    PropTypeDefaultDescription
    projects{ title: string; image: string; category: string; year: string }[]5 BLANK-hosted JPGsLooped project entries shown full screen and in the minimap.
    scrollSpeed / lerpFactornumber0.75 / 0.05Wheel delta multiplier and per-frame interpolation.
    Customize
    projectslinks

    Title, image, category, and year per project.

    scrollSpeed / lerpFactortuple

    Wheel multiplier and inertia smoothing.

    Dependencies
    None.