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 https://ui.aryank.space/r/minimap-scrubber.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
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.