Link peek with a safe area
Hover a note link or footnote in a long read and a drawn preview card opens after 300ms, survives the trip into it, and never flickers between neighbours.
Library
600+ live pieces. Narrow by what you do to them, by type, platform, section or style. Hover a card to try it, then open it to copy its brief.
Pieces
Sort
By interaction
Drag to crop a profile photo
A circular crop for a pottery studio's member app: drag with momentum, pinch or wheel zoom around the pointer, rubber-band edges and live avatar previews.
Blur-up photo album
A shared album that loads like a real network: dominant-colour tiles, blurred previews, sharp photos four at a time, one failed tile with Retry, and a slow-network replay.
Export render with a settling ETA
A video editor's export panel: an indeterminate Preparing bar that eases into real progress, a tabular frame counter, a smoothed ETA, inline cancel confirm, file size on finish.
Swipe-to-grade flashcard review
A vocabulary review deck: tap to flip the card in 3D, fling right for Got it or left for Again, with tilt, tint, a growing stamp, live piles and undo.
Swipe tab pager with stretching pill
Market-app tabs over swipeable pages: the tomato pill tracks your finger, stretches between tabs mid-swipe and snaps by velocity, with rubber-banded ends.
Clip trimmer with a filmstrip
Trim a pottery clip on a drawn filmstrip: kiln-orange handles that rubber-band at a 1.0s minimum, a draggable playhead, a dimmed outside and a loop preview.
Price range over a histogram
A two-thumb nightly price filter sitting on a histogram of cabin prices: bars fill as the range covers them, the count updates live and the thumbs squash when they meet.
Slide to pay back a friend
A gold handle you drag along an ink track to repay a friend: letters dim as it passes, it resists near the end, snaps through at 90% and becomes a receipt.
Liquid squish toggles
Switches whose knob is a soft droplet: it squashes on press, stretches as it travels, pours water into the track behind it and wobbles on arrival.
Island live activities
A black pill at the top of the screen that springs between a timer, a food order and a call, splits in two, and grows into a card with controls.
Reaction burst picker
Hold the react button, slide across six hand-drawn faces that swell under your finger, let go: the face flies home, bursts, and the count rolls.
Signature pad with type instead
A signature field at the end of a tenancy renewal: speed-weighted smooth ink, undo per stroke, a typed script fallback, and a date stamp on send.
Hold-to-record voice note
A chat composer mic you hold to record: it swells, a live waveform grows, slide left to bin the note or up to lock, release to send a scrubbable bubble.
Sign-in mascot with following eyes
A library sign-in where Pip's pupils trail the pointer, read along the caret, cover up for the PIN, peek when it's shown, blink and squint.
Slingshot launch to send
Pull a paper-plane letter back on a rubber band, watch the dotted arc, let go: it flies with gravity into a mailbox or springs home with a wobble.
Paper cutout steps
Four picnic delivery steps beside a pop-up book whose stacked paper layers rise, bounce and parallax with the pointer as each step is chosen.
Pencil annotations features
A drawn red pencil travels to the hovered feature and sketches a loose circle, an underline, an arrow, a margin note and a doodle in real time.
Telescope focus features
Features section for a stargazing app: a hand-drawn brass telescope swivels toward the hovered feature while a round eyepiece view pulls a drawn scene from blur to sharp.
Mailbox flag newsletter signup
Letter-club signup beside a hand-drawn country mailbox: the door cracks open as you type, the red flag rises on a valid email, and a lilac envelope is posted on submit.
Growing vine footer
A nursery footer with an ink-and-wash honeysuckle along the sitemap: hover a link and a tendril draws down to it and a leaf unfurls; the current page wears a flower.
Sleepy cat footer
A tea shop footer with a hand-drawn ginger cat asleep on the sitemap: it breathes, lifts its head to watch the link you hover, and stretches when you click.
Constellation footer links
A night-sky footer for an invented café and rooftop telescope: links are stars, and each one you hover is inked to the last while a drawn telescope turns to it.
Lighthouse spotlight menu
A full-screen menu for an invented writer where a hand-drawn lighthouse swings its beam onto whichever link you hover, focus or tap.
ASCII ocean with sharks
A canvas ocean drawn as a monospace character grid: procedural sharks that flex, a school that parts around the pointer, caustics, kelp and a hero plate.
Onboarding personality quiz
A five-question Material 3 Expressive onboarding quiz with big tonal answer cards, a wavy progress bar, back, and a result card that says what the app will set up.
Vinyl record player
A music player built around a turntable: the disc spins while playing, the tonearm swings on and tracks inward across the side, with a drag scrubber and A/B tracklist.
Store locator with synced map
A 440px searchable, filterable workshop list beside a hand-drawn SVG city map whose pins sync with the list, live opening hours and a drawn bike route.
Lamp configurator with materials
A product page for an SVG table lamp: material, glaze and size radio groups redraw it, with a live price breakdown, delivery window and add to bag.
Dashboard with assistant insights
A weekly shop dashboard where an assistant writes three insight cards above the charts; each card lights its chart, explains why, and takes feedback.
Spatial glass windows
Three floating glass windows at different depths over a soft room-light scene, with ornament toolbars, a window that comes forward on focus, and gaze hover.
Scroll ring carousel
Ten film posters on a 3D ring that turns 36 degrees per card with scroll, drag or arrow keys, snaps to the front card and swaps the 76px title below.
Scroll exploding product grid
Twelve product cards lie scattered and tilted under the headline, then fly into a tidy 6 x 2 grid as the pinned section scrolls, and scatter again on the way back.
Scroll mask reveal sequence
Four drawn landscapes on a pinned stage; each next scene opens through a circle that grows out of the current scene's sun or moon as you scroll.
Parallax cursor gallery
A salon-hung museum wall of drawn gouaches whose frames and paint layers drift at depths with the pointer, plus a focus mode that FLIPs one work up to full size.
Scroll-morphing playlist header
A 500px playlist header whose 260px cover and 104px title shrink into a 72px sticky bar on one registered --p driven by a CSS scroll timeline.
Scroll-driven chapters
A long read in four chapters on CSS view timelines: a chapter rail fills as you read, each chapter tints the page, and its drawn plate settles from 1.22x.
Receipt email
A plain, trustworthy order receipt as a 600px table email: confirmation, order number, delivery estimate with steps, line items, totals with VAT, payment, address and help.
Product launch email
A launch email for an invented code-review tool: dark hero with a drawn product shot, three changes with tiny visuals, one orange button and a reply-to-me sign-off.
Editorial newsletter email
A weekly editorial newsletter as a real 600px table email: Playfair masthead, a drawn lead image, three short items, a pull quote and a footer, with a dark-mode set.
No pieces match those filters. and try again.