Build a media workspace

Try selection, reorder actions, comparison modes, image inspection and adjustment resets. The media and preparation task are illustrative; your application owns editing and export.

Read the integration guide

Loading the interactive Studio workspace…

Install the recipe

pnpm exec lumen add media-workspace --target react

Astro and Elements starters use the same component contracts. Import the installed media-workspace.css once and supply translated labels, state and callbacks.

Keep the host in control

Selection and ordering use stable media IDs. Loading, processing, cancellation, retries, export and persistence belong to your application. A completed job requires confirmation from that job.

Qualify Studio in both themes at phone, tablet and desktop widths, with long labels, large text and keyboard navigation. Use glass selectively on supporting controls.