React media and file viewer components for Tailwind CSS
Media components play, show and edit photos, video, audio and documents inside your app. Video Player and Audio Player have controls for chapters, captions and speed, and the audio player draws a waveform you can scrub. Carousel runs on embla for photos, listing cards and testimonials, Image Lightbox opens photos full screen out of their thumbnail, and Image Cropper prepares a photo before upload. Document viewers open PDF (on PDFium), Word, Excel, CSV and PowerPoint files in the browser, DOCX Editor edits Word documents with real pages, comments and tracked changes, and File System is a Finder-style file browser.
All Media[15]
QR Code
A designed QR code: rounded or dotted modules, soft eyes, a center logo, any colors, a caption and one-tap PNG, SVG or image copy.
Carousel
Swipeable rows of slides on embla: photos, listing cards, testimonials and onboarding, with peek, arrows, dots, thumbnails and autoplay.
PowerPoint Viewer
A PowerPoint (.pptx) viewer with real slides, thumbnails, zoom, search, speaker notes, a single slide view and a fullscreen presenter.
Image Lightbox
A full-screen photo viewer that zooms out of its thumbnail: swipe between images, pinch and double-tap to zoom, swipe down to close.
Video Player
A video player with controls that hide while you watch, a chapter scrubber, captions, speed, picture in picture and full screen.
Image Cropper
Crop a photo before upload: aspect presets, pinch or wheel zoom, fine and 90° rotation, a thirds grid and a sized JPEG, PNG or WebP export.
Location Map
A real map to pick or show a place: a pin you drag or drop, an optional radius with a towns count, offline search and a static fallback.
Audio Player
An audio player with a waveform you can see and scrub: a podcast card, a chat voice message or a thin call-log bar.
Excel Viewer
An Excel (.xlsx) and CSV viewer with real cell styles, number formats, frozen panes, sheet tabs, a formula bar, sort, search and zoom.
DOCX Viewer
A Word (.docx) viewer with real pages, headers and footers, thumbnails, zoom, search, comments, tracked changes, download and upload.
CSV Viewer
A CSV and TSV viewer for large files: typed columns, sort, filters, search, selection with copy, resizable and frozen columns, zoom.
DOCX Editor
A Word (.docx) editor with real pages, styles, fonts, tables, images, find and replace, comments and tracked changes, saved back to .docx.
File System
A Finder-style file browser: sidebar, icons, list, columns and gallery views, preview panel and Quick Look on real documents.
About Media
Location Map picks or shows a place with a pin you drag, QR Code draws a styled code you can download, and Step Player shows stepped progress with play and pause. On a phone you swipe between photos and slides, pinch and double tap to zoom, and swipe down to close the lightbox. The inline map does not capture the page scroll and opens a full-height sheet on tap, and menus such as playback speed open as bottom sheets. 1 of the 15 media components is free: the source is open to everyone through the CLI, shadcn and the docs page (the MCP server needs a free account key). The other 14 are part of Pro.