Show Off

Backdrops

Sits behind your content and never asks for attention directly.

Ambient Aurora Canvas

You want soft coloured light behind a hero section. Pure CSS with a noise overlay to kill banding, so it stays cheap on a long page.

Gradient Stripes

The background should answer the cursor. WebGL stripes with a mouse-tracked spotlight and film grain, noticeably heavier than the aurora.

Particle Image

You already have the photograph and want it to come apart. Half a million GPU particles drift off it on a noise field and smear where the cursor passes.

Liquid Ripple Image

The photograph should stay whole and move like water. Ripples bloom along the pointer trail, refract what is under them, and the loop parks itself once they fade.

Showing a set of cards or images

Six decks, separated by how a visitor moves through them.

Orbital Image Carousel

People should browse photos by dragging. A cylindrical rail with snapped inertia and keyboard stepping, so it still works without a mouse.

Stacked Tinder-Swipe Cards

You want one decision at a time. The top card flicks away under a thumb and the next rises, which reads as native on a phone.

Scroll Stack

Scroll position is the control. Cards pin and tilt into a deck as the page moves, with no scroll hijacking anywhere in the sequence.

Fan Hover Card Stack

A short set of profile or team cards that fans out on hover. Shows everything at once, and does nothing at all on touch.

Expanding Cards

A row of tall editorial frames that open on hover. One stays wide, the rest collapse into vertical slivers of the same photograph.

Stack Reveal

The deck should cycle on click, front card dropping away and the rest promoting. Right when there is nothing for the visitor to decide.

Framing content on the page

Bento Box Grid Layout

A feature grid where one tile should take over when clicked. The layout re-composes around whatever you promote.

Refraction Glass Container

Glass that genuinely bends what sits behind it instead of blurring it. Costs more than a backdrop filter, so spend it on one card.

Text and data that changes

Split-Flap Vestaboard Display

Short strings or live counters that update on a schedule. The mechanical flip makes a change land as an announcement.

Retro Terminal Emulator

Command output or a scripted install walkthrough. Types itself at speed without re-rendering the lines already on screen.

Animated Code Diff Viewer

Showing what your tool changed in someone else's code. Additions and removals inline, or a flip between before and after.

Three-dimensional objects

Heavier than the rest of this category. One to a page.

Interactive 3D Globe

Customers, servers, or offices spread across the world. Drag to orbit, with pins you can point at real coordinates.

Dimensional Book Cover

A publication, changelog, or case study that should feel like an object. Opens on click, then turns pages on a weighted hinge.

Lifted Archive Folder

A document set that should read as physical. The flap peels back on click and the contents fan out behind it.

Tactile Keyboard

Shortcuts or typing are the product itself. Real key travel with synthesized switch sound, which needs audio permission to land fully.

iPhone Siri

Your product is an app and the mockup should do something. Tapping the Dynamic Island blooms a glass sheet that keeps refracting the wallpaper and widgets beneath it.

Marking a moment

Physics-Based Confetti Cannon

A signup, purchase, or milestone worth celebrating. Canvas particles with real gravity and drag, so ribbons flutter rather than drop.