Present interactive media
Display galleries, play audio, generate video, and process images.
Options for this task
Jump to a library or tool (18)
Embla Carousel
Library / toolA carousel engine with React integration.
- Good for
- Building a custom swipeable carousel while controlling its visual design.
Flickity
Library / toolA touch-friendly carousel library.
- Good for
- Displaying swipeable image galleries and horizontally browsable content.
html-to-image
Library / toolA utility for rendering a DOM node as an image.
- Good for
- Exporting interface fragments, cards, or diagrams as downloadable graphics.
IMG.LY Background Removal
Library / toolBrowser tooling for removing image backgrounds.
- Good for
- Creating subject cutouts without sending every image to an application server.
Lightbox2
Library / toolA script that opens images in an overlay.
- Good for
- Adding a straightforward enlarged-image viewer to a webpage.
lightGallery React
Library / toolA React integration for image and video galleries.
- Good for
- Presenting media in an interactive gallery with overlay viewing.
LiveKit
Library / toolInfrastructure and SDKs for realtime audio and video.
- Good for
- Building interactive calls, rooms, and live media experiences.
next-image-export-optimizer
Library / toolImage optimization tooling for statically exported Next.js sites.
- Good for
- Preparing optimized images when no Next.js image server runs in production.
next-image-s3-imgproxy-loader
Library / toolA Next.js image loader for S3 and imgproxy-based image delivery.
- Good for
- Connecting image optimization to an existing storage and proxy setup.
next-video
Library / toolA video component and workflow for Next.js applications.
- Good for
- Embedding video with storage, streaming, and player integration.
NSFWJS
Library / toolA browser-oriented image classifier for potentially sensitive visual content.
- Good for
- Adding a client-side classification signal to an image moderation workflow.
react-sounds
Library / toolReact utilities for adding sound effects to interfaces.
- Good for
- Providing audio feedback for application interactions.
Remotion
Library / toolA framework for creating videos with React.
- Good for
- Generating parameterized video compositions from reusable components.
Swiper
Library / toolA touch-oriented slider and carousel library.
- Good for
- Building swipeable content with configurable navigation and transitions.
Tonal
Library / toolA JavaScript library for music-theory calculations.
- Good for
- Working with notes, chords, intervals, and scales in music software.
Tone.js
Library / toolA Web Audio framework for creating interactive music in the browser.
- Good for
- Scheduling sound, synthesis, and musical interaction in web applications.
vits-web
Library / toolA project for running text-to-speech generation in the browser.
- Good for
- Experimenting with local speech synthesis in web interfaces.
Yet Another React Lightbox
Library / toolA customizable lightbox component for React.
- Good for
- Opening an image gallery in an extensible overlay viewer.
Before you decide
Try a small, realistic example. Check the runtime, accessibility, maintenance, and license requirements for the features you need.