TOC Minimap Mercury

ui

TOC minimap where scroll progress is a column of liquid mercury: a gooey SVG blob climbs the rail, absorbs section ticks, teardrops under fast scroll, and bulges toward hovered ticks.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/toc-minimap-mercury.json"

Sign In

TOC Minimap Mercury

ui

TOC minimap where scroll progress is a column of liquid mercury: a gooey SVG blob climbs the rail, absorbs section ticks, teardrops under fast scroll, and bulges toward hovered ticks.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/toc-minimap-mercury.json"

components/ui/toc-minimap-mercury.tsx