Media

Media components cover image lightboxes, HTML5 audio/video players, and canvas-based image editing for Liquid Glass React apps on Next.js and Tailwind CSS — a dedicated category for teams searching “react media player,” “image lightbox,” or “react image crop.”

Image Preview ships a full-screen gallery with zoom, pan, keyboard navigation, captions, and download. Media Player wraps native video and audio with frosted chrome controls: seek, volume, mute, fullscreen, closed captions (WebVTT), and a quality selector that swaps renditions while preserving playback position — without pulling a heavy player framework. Image Editor adds crop handles, aspect presets, rotate/flip transforms, and filter sliders (brightness, contrast, saturation, grayscale, sepia, blur) with Blob/DataURL export.

These free components install via `npx @intellihelper/cli add image-preview media-player image-editor` so you own the TypeScript source. Ideal for AI chat image attachments, product galleries, podcast UIs, and in-app crop-before-upload flows. Pair with File Upload for intake and Aspect Ratio for layout frames. Read the tutorial: React Media Components guide on the playground Guides index.