# Media

> Image comparison, zoom, galleries and photo layouts.

- [Image Cropper](https://www.assembli.design/components/image-cropper.md): A photo cropper for avatars and covers: drag to reposition, scroll or pinch to zoom toward the pointer, straighten on a ruler dial, rotate and flip. The image always covers the crop at any angle, thirds appear while you adjust, and the outside dims (round for avatars). Keyboard pan, zoom and rotate, natural-pixel coordinates, plus drawCrop and cropToBlob to export.
- [Video Player](https://www.assembli.design/components/video-player.md): Custom controls over a native video: poster with a big play button, auto-hiding control bar, chaptered scrubber with buffered range and hover-time tooltip, skip, volume, speed menu, captions from inline WebVTT, picture-in-picture, fullscreen and YouTube-style keyboard shortcuts.
- [Cursor Label](https://www.assembli.design/components/cursor-label.md): A springy custom cursor that swells into a label (View, Play, Drag) over any element tagged with data-cursor, and shrinks to a dot elsewhere. One delegated pointer handler, no per-item wiring.
- [Glass Lens](https://www.assembli.design/components/glass-lens.md): A draggable liquid-glass lens that really bends what is behind it: a canvas-generated displacement map feeds an SVG backdrop-filter, with a specular rim and arrow-key nudging. Falls back to frosted blur outside Chromium.
- [Morph Gallery](https://www.assembli.design/components/morph-gallery.md): One set of tiles, three layouts. Switching between grid, list and mosaic is a shared-layout animation, so every tile glides to its new place, and category filters collapse the rest away.
- [Cursor Image Trail](https://www.assembli.design/components/cursor-image-trail.md): Move across the stage and a trail of cards is stamped behind the cursor, each tilting, then shrinking away in order. Pure CSS artwork, no image files.
- [Hover Index List](https://www.assembli.design/components/hover-index-list.md): A big typographic index where hovering a row dims the rest and a preview card chases the cursor on a spring, tilting with pointer velocity and wiping between images. Focus moves it for keyboard users.
- [Image Compare](https://www.assembli.design/components/image-compare.md): Before/after slider with a draggable divider. Drag anywhere, hover-follow mode, keyboard arrows, labelled corners and a springy grip. Accepts images or any React nodes.
- [Iris Gallery](https://www.assembli.design/components/iris-gallery.md): Row of panels that expand on hover while a circular clip-path iris opens from the cursor to reveal each panel's alternate artwork. Keyboard and touch friendly.
- [Kaleidoscope Canvas](https://www.assembli.design/components/kaleidoscope-canvas.md): Draw with the pointer and your stroke is mirrored across N-fold symmetry with glowing, fading ink. Pick segment count, brush and palette; export to PNG.
- [Magnifier Lens](https://www.assembli.design/components/magnifier-lens.md): A round loupe that glides over any content and shows it zoomed. Works on images, SVG or live DOM because the lens renders a scaled clone of its children. Spring-smoothed, with a pop-in.
- [Polaroid Pile](https://www.assembli.design/components/polaroid-pile.md): A scatter of instant photos you can throw around. Drag to move, the touched print jumps to the top, and one button fans them out or scatters them back on springs.
- [Vinyl Sleeve](https://www.assembli.design/components/vinyl-sleeve.md): An LP standing in 3D: a card sleeve with stacked-slice thickness and a record tucked behind it. Press play and the record slides out on a spring and spins with a fixed sheen over the grooves; pause and it tucks back in. Leans toward the cursor, with a track list and an equaliser on the playing track.
- [Waveform Scrubber](https://www.assembli.design/components/waveform-scrubber.md): An audio-style waveform player where bars swell around the playhead and your cursor like liquid. Click or drag to seek, with a time tooltip, keyboard seeking, and a play/pause button. Feed it real peak data or let it generate a demo.

Back to [all components](https://www.assembli.design/components.md).