PRO

Minimap Scrubber

A filmstrip navigator with a fixed selector window. A column of thumbnails glides under a bordered indicator as you wheel or drag; whichever overlaps the indicator most dims to mark itself active and swaps the large centered preview, and clicking a thumbnail eases it into the indicator. Turns horizontal on narrow screens. Lerped, no dependencies.

Component

E427

Responsive Minimap

Selected frame
Frame 1
Frame 2
Frame 3
Frame 4
Frame 5
Frame 6
Frame 7
Frame 8
Frame 9
Frame 10
Frame 11
Frame 12
Frame 13
Frame 14
Frame 15
Install
npx shadcn@latest add @compronents/minimap-scrubber

Installs from ui.aryank.space. Needs a registry token and a one-time @compronents entry in components.json. The docs walk through both.

Files
Checking access…
API
PropTypeDefaultDescription
imagesstring[]Fifteen BLANK-hosted framesFilmstrip thumbnails; the active one fills the preview.
brand / code / labelstring / string / stringBLANK / E427 / Responsive MinimapNav wordmark and the two site-info lines.
Customize
imagesasset-url

Thumbnail filmstrip and the frames shown in the preview.

brand / code / labeltext

Nav wordmark and the two site-info lines.

Dependencies
None.