Media Viewer

ikui/media-viewer

UnverifiedComponent

A full-screen media lightbox that pages through a mixed list of images, videos, and audio in one swipeable carousel. Images fit the viewport, videos play inline with native controls, and audio slides show a waveform player under an optional cover that scales while it plays. Renders through a portal with its own fade, scroll lock, Escape-to-close, and slide counter — no dialog dependency. Controlled via open / onOpenChange with an initialIndex.

Install it

npx shadcn@latest add https://raw.githubusercontent.com/WuChenDi/ikui/main/media-viewer.json

This registry does not serve an item endpoint we could read, so we hold its metadata but not its source.

What it pulls in

npm packages

lucide-react

Other registry items

@ikui/waveform-player
carousel
button

Files it writes

registry/ikui/media-viewer.tsx

More from ikui

All 30 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Audio Waveformaudio-waveform	ikui	Components	Unverified	no deps
Cascadercascader	ikui	Components	Unverified	1 dep
Chartchart	ikui	Components	Unverified	1 dep
Copy Buttoncopy-button	ikui	Components	Unverified	1 dep
Data Tabledata-table	ikui	Components	Unverified	7 deps · 12 files
Date Range Pickerdate-range-picker	ikui	Components	Unverified	3 deps
Heatmap Calendarheatmap-calendar	ikui	Components	Unverified	1 dep
Image Compareimage-compare	ikui	Components	Unverified	1 dep