Hover Reveal List
An editorial index — hover a row and its image floats beside the cursor, leaning into your movement.
pointereditorial2 files · 114 locdeps: clsx, tailwind-merge
Installation
With the shadcn CLI, pointing at this platform’s registry:
npx shadcn@latest add https://opusui.131199999.xyz/r/hover-reveal-list.jsonOr offline, straight from your opus55 checkout (copies every file it needs):
node ../tailwind_component/opus55/scripts/add.mjs hover-reveal-listUsage
import { HoverRevealList } from "@/components/opus/effects/hover-reveal-list";
<HoverRevealList items={[{ title: "Project", meta: "2026", image: "/p.jpg", href: "/p" }]} />API
| Prop | Type | Default | Description |
|---|---|---|---|
| items | { title; meta?; image; href? }[] | — | Rows to render. |
| previewWidth | number | 260 | Floating preview width (px). |