Coverflow

Classic coverflow with reflections — click, drag, swipe, wheel or arrow keys. Exposes listbox semantics.

css-3dkeyboardwheel2 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/coverflow.json

Or offline, straight from your opus55 checkout (copies every file it needs):

node ../tailwind_component/opus55/scripts/add.mjs coverflow

import { Coverflow } from "@/components/opus/three/coverflow";

<Coverflow initial={2}>{covers}</Coverflow>

Prop	Type	Default	Description
initial	number	0	Starting index.
itemWidth	number	220	Cover size (px).
angle / spacing	number	55 / 0.42	Side rotation and spread.
onChange	(i: number) => void	—	Active index changed.