snap

EFFECTS PLAYGROUND

Feel the motion.

Every micro-state that makes Snap feel mechanical and precise. Click to trigger each one and test the feel for yourself.

FULL SEQUENCE

Crop, hum, resolve.

Watch the whole pipeline: the frame locks, the dot matrix snaps in and hums under tension while the cursor feed streams bytes, then the scan line sweeps it into clean text.

or click the frame
STEP BY STEP
01

Shutter start & dot grid pop

On release, the 1px sand border collapses inward to lock the frame, then the dot matrix snaps in center-outward like a mechanical shutter - an 80ms spring with zero dampening.

02

Horizontal scan & vertical collapse dissolve

A 1px scan line sweeps left to right. The sand dots behind it collapse vertically into 1px lines, then dissolve into the resolved text on a snapped ease.

CORE STATES
01

The trigger glow

The corner focus glow that fires the instant you invoke Snap. Subtle, premium, and impossible to miss.

02

The crop selection

A 1px sand marquee with custom SVG corner markers and a microscopic monospace dimensions pill.

live
1280 x 720
03

The processing swipe

A 1px vertical sand line sweeps the crop with a 40px trailing glow - a snapped, mechanical pass as the text is read.

04

The blueprint skeleton

Thin sand wireframe pills shimmer left-to-right, then morph into crisp, structured text.