Design Lounge
Install

Library

543 live pieces. Narrow by type, platform, section or style, then open one to see it live and copy its brief.

Pieces

Sort
Nº 543Section · Web

Sticker board

A cork-framed kraft board of six paper notes, taped or pinned, beside a sticker sheet: click a sticker and it pops onto the board at its spot with a spring; click again to peel it off.

Nº 542Section · Web

Taped photo grid

Eight photo pages in a four-column grid on a kraft board, each tilted up to 3° and held by a tape strip or a red pin, with a Caveat caption and a date; hover straightens a page and lifts it 6px.

Nº 541Section · Web

Collage hero

A scrapbook hero on a kraft board: a torn-paper headline block held by tape, a handwritten note with an arrow, three taped photo pages that shift on hover, a round sticker and a ticket stub.

Nº 540Section · Web

Sunset grid hero

A synthwave hero: a canvas sun with cut stripes over a cyan perspective grid rolling toward the viewer, a tube-letter magenta title; capped at 1.5 DPR, paused off-screen, still under reduced motion.

Nº 539Component · Web

Tactile stat tiles

Three raised stat tiles on one putty surface: a 72px answer with a delta in a well pill and a seven-bar chart in a well, two smaller tiles beside it, and a segmented control that swaps Night for Week.

Nº 538Component · Web

Tactile media controls

A neumorphic player card: a drawn disc in a well, a scrubber with a raised ink-ringed knob, an 80px play button that stays pressed while playing, and a volume well, on one putty with 3:1 edges.

Nº 537Screen · Mobile app

Tactile settings panel

A phone settings screen in monochrome neumorphism: raised rows on one putty surface, inset switches whose knob fills ink when on, a slider in a well, and a segmented control, all edged for 3:1.

Nº 536Screen · Web

Glass dashboard home

A home-energy dashboard as frosted panels over one drawn sky: a glass bar, an 88px live number, an SVG generation curve, a battery ring and a device list, with a solid fallback.

Nº 535Section · Web

Card grid with sticker filters

Six bordered work cards in a 3×2 grid, each with a flat colour band and a drawn mark; hover pushes a card into its shadow, and pressed filter tags hide the rest with a 160ms fade.

Nº 534Section · Web

Signup form that rises to the caret

A neo-brutalist signup card: inputs lift up-left into a blue shadow on focus, the button sinks on hover, an ink-bordered error box, and a rotated pink stamp for the done state.

Nº 533Section · Web

Pricing tiers with a lifted pick

Three bordered pricing tiers with hard offset shadows; the middle one sits higher on an 8px shadow with a tilted sticker, and a square switch flips every price to yearly with a 160ms drop.

Nº 532Section · Web

Hero with a fanned issue stack

A neo-brutalist hero: a 76px uppercase headline with one word in a yellow block, two hard-shadow buttons, and three bordered issue covers that fan out on hover and rotate on a Next button.

Nº 531Section · Web

Apogee

A canvas flight from Earth's night limb, out past a shrinking Earth and the Moon, to a deep field. Scroll is the throttle; a HUD counts distance, velocity and mission time.

Nº 530Section · Web

TU-16

A hero where the product is the demo: a pocket drum machine in HTML/CSS with rubber pad depth, key-mapped pads, an LCD echo, a tempo knob and synthesized drums.

Nº 529Section · Web

Le Dernier Feu

A place at an hour: a canvas night with a haloed moon, snow-lit Alpine ridges, a lit hut with rising embers, a giant serif name, a live clock and a countdown.

Nº 528Component · Web

Rewrite the selected sentence

Three sentences. The first is marked. Shorter replaces it. Restore puts it back. The other two can be marked the same way.

Nº 527Component · Web

Confidence and one other option

The short headline sits on a 72% bar. The long headline is the other option. Using either says which is in the edition.

Nº 526Component · Web

Ask with a source and a model

Style sheet starts attached. Add source offers two more. Quill or Quill small. Send reports the model, the sources, and the count.

Nº 525Component · Web

Agent tool chip

Three chips for a read, an edit, and a rule. Opening one shows a single line. The list does not expand.

Nº 524Component · Web

Agent approval card

A notice stays a draft until Yes. No keeps it. The card says which, and nothing sends itself.

Nº 523Component · Web

Toolbar that swaps with the selection

Zero rows shows Filter. One row shows Open, Rename, Download. Two open rows show Merge. A locked row leaves only Download.

Nº 522Component · Web

One bar split into shares

A single bar in four shares of one total. The selected share grows to 48px. The readout names the amount. There is no ring.

Nº 521Component · Web

Label that rises in the field

The label sits in the field at 15px, then rises and scales to 11px when the field is focused or already filled.

Nº 520Screen · Mobile app

Solander password reset

A grouped phone screen that emails a reset link, then shows that address with Resend held for 30 seconds.

Nº 519Screen · Mobile app

Skeleton list swap

Reedmark opens on a pulsing notice skeleton, then five real rows after 1.4 seconds. Replay runs it again. Reduced motion skips the pulse and the wait.

Nº 518Component · Web

Scrub a firing curve

A 90 minute kiln curve. Drag or press an arrow key. The big number is the degree at that minute.

Nº 517Screen · Web

Scroll past three path models

Three chapters beside a canvas. Scroll moves the camera past a gate, a cistern, and a belvedere. Buttons jump.

Nº 516Component · Web

Rolling label row

Three full-width rows. Hover, focus, or a click rolls the label up to a second line and turns the row black.

Nº 515Screen · Web

Quern score ladder

Today, This week, and All reorder twelve Quern scores. Your row stays marked, and a few rows show places gained or lost.

Nº 514Screen · Mobile app

Phone shopping bag

An iOS bag for Wickmere with three swatched lines, steppers, a cents total pinned to the bar, and one button when the bag is empty.

Nº 513Pattern · Mobile app

Phone rating prompt

An 'Enjoying Brindle?' sheet after a delivered order. Yes hands off to a generic five-star system review alert; Not really opens a private feedback form; Not now backs off.

Nº 512Screen · Mobile app

Phone privacy and data

Dark iOS privacy screen: real system permission states, a deep link to Settings, a tracking switch, a data export that runs requested, preparing, ready, and a confirmed clear.

Nº 511Screen · Mobile app

Phone past orders

A Sablecroft list of past orders with status, date, count, and total, opening in place to items, a status sentence, and a receipt.

Nº 510Screen · Mobile app

Phone notification settings

iOS notification settings with a system-off banner, per-category push or email chips, a quiet-hours wheel picker with a live summary, and a lock-screen preview.

Nº 509Screen · Mobile app

Phone checkout

Threadrow phone checkout with an address, two priced deliveries, and a saved card, where Place order stays off until a speed is picked.

Nº 508Screen · Web

Pebbleline attract screen

A Pebbleline coin-op attract screen: bezel, looping ledge demo, blinking Press start, high score, and a credit that opens Stage 1.

Nº 507Screen · Mobile app

New note composer

Whinchat's new-note screen. Post stays off until the body has text, four drawn thumbs appear on request, and Cancel opens a discard sheet on a dirty draft.

Nº 506Screen · Mobile app

Manage subscription, honest cancel

An iOS subscription screen: navy plan card, monthly or yearly with real arithmetic, billing rows, Restore purchases, and a cancel sheet that states the end date and the losses.

Nº 505Screen · Web

Mallow Court brick rally

A finishable Mallow Court rally: paddle, bricks, three lives, a score from cleared bricks, Esc to pause, and Play again.

Nº 504Screen · Mobile app

M3 snackbar with undo

One Woldwalk snackbar, Trail archived, with Undo. A second archive replaces it. It sits above the home inset and leaves after 4 seconds.