# Media

> Image comparison, zoom, galleries and photo layouts.

- [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).