53 copy-paste items in this section.
A macOS-style dock whose icons swell smoothly as the cursor passes over them, with a label tooltip on each.
A horizontal nav with a single pill that glides to the hovered or selected item.
Expandable sections whose panels animate their height with a rotating chevron. Single or multiple open.
Scroll-snap slider with arrow buttons, dot indicators, keyboard control and optional autoplay.
Express to Lisbon, arrives Thursday
Multi-step flow with numbered progress, a line that fills as you advance, and sliding step content.
Before and after slider. Drag the handle or use the arrow keys to reveal either side.
Responsive column layout for mixed-height blocks, with a staggered entrance.
Keyboard-friendly list with a staggered entrance, a sliding highlight and scroll fades.
Bento layout of spanning cards with a cursor spotlight and a hover lift.
Dune Hour
Erg Chebbi, the last light before dusk
A large featured image above a row of thumbnails. Picking a thumbnail crossfades the feature with a slow settle, slides the caption in and restarts the autoplay progress.
A typographic archive index of year, title and type. Hovering or focusing an entry dims the other rows and shows a floating image preview that trails the pointer.
NO. 01 / ERG CHEBBI
A dark stage with the images standing in a row. A soft spotlight cone picks out the active one while the rest wait dimmed behind; drag across the stage, click or use the arrows to move the light.
A grid of image cards. Opening a card grows it from its own spot to fill the grid with the title and caption; Back or Escape shrinks it back into place.
Glacier Line
Ambient, 38 min
A classic cover flow: the center image faces you while the others turn away in 3D and stack to each side, with a soft reflection on the floor. Drag, click a side image or use the arrow keys.
Erg Chebbi at dawn
Roll 14, Portra 400
A strip of film with sprocket holes and edge numbers drifts under a center gate, and the frame in the gate is projected large in the viewer above.
Prints hang from a clothes rail on small hangers and swing like pendulums when the pointer brushes past or the rail is dragged. Clicking one pulls it forward.
Low Tide
Marlow Keys, 2026
A cover flow where the active image throws soft colored light onto the stage while the neighbors turn away into the dark.
Polaroid-style prints lie scattered at loose angles. Drag any of them to the top of the pile, or tidy the whole table into a neat grid.
Now passing
Dune No. 4
Archival print, 40 x 50 cm
Framed images walk toward the viewer along a lit runway in 3D, growing and stepping aside as they pass. Hovering a frame stops the flow.
Coastal route
Click a photo to open it full screen
A thumbnail strip where each image opens in a lightbox. The picture zooms out of its thumbnail and flies back on close, with previous and next, Escape and a focus trap.
A swipeable carousel with a rolling two-digit page counter, a progress hairline and arrow buttons that disable at both ends.
A card carousel with a draggable scrubber under it. Dragging moves the track continuously and releases onto the nearest stop. Arrow keys step between stops.
Notification cards stacked with depth. Hover, focus or the Expand button spreads them into a list, and each card dismisses with a swipe or its close button. New cards drop in from the top.
A task list with an add field, a check mark that draws itself, a strike-through that sweeps across the text, collapsing delete and up and down reordering that glides into place.
Cards that grow into a modal and shrink back into the same spot. The card morphs by measuring its box, the content crossfades, and everything stays inside its own frame.
Connect a repository
Pick where your site lives.
Switches between views with tabs or steps. Moving forward slides content to the left, moving back slides it to the right, and the container height eases to the new view.
Landscape panels that open one at a time on a story-style timer, with segmented progress at the top. The ridges of each scene slide into place as its panel widens, and hovering pauses the reel.
A row house opened up with five plaster arches.
Timber colonnade around a reading room.
A round skylight tracks the day.
Stacked bands that open like an aperture: the image stays fixed while the band grows from its center, so more of the scene is revealed rather than scaled. Each open band shows a description and a project link.
Product panels set at staggered heights with titles running up their edges. The open panel levels out, its title swings from vertical to horizontal on a spring and the product rises into view.
Live workspace
Revenue, deploys and signups, as they happen.
A headline surrounded by floating interface cards on several depth planes. As you scroll, near cards travel further and stay sharp while far cards drift slowly, blurred and dimmed.
Cover glass
A 0.4 mm sapphire window with an anti-glare coating sits flush with the frame.
Lens stack
Aspherical glass keeps corners sharp at f/1.8 from edge to edge.
Sensor
Larger pixels collect 2.3 times the light, so night shots stay clean.
Logic board
A dedicated image core merges nine frames in under 40 ms.
A pinned exploded view beside captions that scroll past. The view pans and zooms to the part each caption describes and lights it up, with a progress rail tracking the walkthrough.
Field notes / 48 photos
A tilted wall of photographs in columns that drift in opposite directions at different speeds as you scroll, around a pinned title and call to action. Tiles lift and show their caption on hover.
Maya Lindqvist
An event pass with a holographic foil pattern, a rainbow seal and engraved lines that catch the light as the card tilts toward the pointer. Click or press Enter to flip it to a scannable back.
A loose pile of cards that fans into an arc like a hand of playing cards. Hovered cards rise and push their neighbors aside, and picking one lifts it to the front while the rest fold back.
Lisbon
Portugal / 14:20
Reykjavik
Iceland / 13:20
Kyoto
Japan / 22:20
Cape Town
South Africa / 15:20
Vancouver
Canada / 06:20
Marrakech
Morocco / 14:20
A rolodex of city cards where the front card flips over its top edge to reveal the next. Flip with a click, the wheel, a vertical drag, arrow keys or on a timer.
Field notes
12 places / 2026
Images laid out along a spiral that drifts forever, growing and brightening as they leave the center. Drag, scroll or use the arrow keys to move along it.
A carousel in perspective: the active card is large and sharp while its neighbors turn away, shrink and dim. Supports drag, arrows, dots, keyboard and autoplay that pauses on hover.
A vertical drum picker. Options sit on a cylinder in perspective and snap to the center after a drag, flick, wheel step or key press. Set the text size with style or className on the picker.
Copenhagen / Est. 2014
Rooms thatbreathe.
A full-frame menu that slides in as three layered panels, then reveals its links one by one. The hamburger morphs into a close icon, Escape closes it and focus stays inside.
Ship the interfaceyour product deserves.
Open components for React and Tailwind.
A compact top bar that unfolds downward into a card with three link cards and a call to action. The panel floats over the page, so nothing below it moves.
99.98%
uptime over the last 30 days
A card whose border lights up in the segment nearest the pointer, with a soft bloom spilling both outside and inside. While idle the glow slowly circles the border.
A three-column bento grid where one cursor-following glow lights every tile border and surface. Tiles lift on hover or focus and swap their description for a secondary caption; built-in visuals animate on their own.
All systems steady
12 services reporting, 0 incidents
A pill navigation whose active indicator is a gooey blob. Three blobs with different timings stretch and merge through an SVG filter as the selection moves. Arrow keys, Home and End change the selection.
Tromso to Narvik, 6h 40m
A poster card that tilts slightly toward the pointer while a specular band and a lit edge slide across its surface.
Staff Designer, Lumen
@mirak
A profile card with a foil layer whose rainbow shifts with the pointer angle, an initials avatar and a stats row.
38 m2, south facing, from 1,450 / month
A canvas card whose picture breaks into a grid of pixels in a wave that starts where the pointer enters, then reforms on leave.
Container cranes, rain and 4 a.m. light
A card whose image follows the pointer on a spring and swings with its speed, while a large title and an outlined echo trail behind it.
Friday release
Sticker pack 02
Laptop lid, but make it loud
Drag the corner to peel. Click to stick it back.
A die-cut sticker on its backing sheet. Drag to peel a corner and reveal the backing, click or press Enter to peel or reset.
A tight pile of rotated cards that fans out with an overshooting bounce on hover or focus and settles back on leave.
Core runtime
Docs and DX
Design system
Build tooling
Accessibility
Release lead
A grid of cards that stays grayscale except under a soft spotlight that follows the pointer, where each card lights up in its own accent.
A row of image panels where the hovered or focused one grows wide and the rest fold into slim strips with vertical labels.
A wall of tiles in columns that drift against the pointer at different depths, with the hovered tile lifting forward.
Write down one thing you noticed before checking your phone.
Take a different route home and describe the first detail that surprised you.
Draft a thank-you note to someone who will never read it.
Fix one tiny thing today that has annoyed you for months.
List five sounds you can hear right now, from nearest to farthest.
A deck of cards where you drag or flick the top card away with momentum and it drops to the back. Arrow keys cycle too.
