Theme
Start building — free

Halftone — print screen.

A drop-in animated WebGL background. Two real halftone separations at a 60-degree offset over a domain-warped tone field, with the dots swelling into solid ink under the cursor.

by vividsites Studio3D sectionFree
Installs
680
Remixes
158
Kind
3D section
Page weight
—
3D models
0GLB
Files
—
Recording · the live build runs from the full prompt
halftone.vividsites.app
Live

Screen recording of Halftone.

Blocks from this site

6 parts of Halftone, each one install.

All components
Live

Opening

Part 1 of Halftone

Hero
$npx shadcn add @vividsites/halftone-opening
Live

Second act

Part 2 of Halftone

Section
$npx shadcn add @vividsites/halftone-second-act
Live

Third act

Part 3 of Halftone

Section
$npx shadcn add @vividsites/halftone-third-act
Live

Detail

Part 4 of Halftone

Section
$npx shadcn add @vividsites/halftone-detail
Live

Close

Part 5 of Halftone

Section
$npx shadcn add @vividsites/halftone-close
Live

Footer

Part 6 of Halftone

Section
$npx shadcn add @vividsites/halftone-footer
Related components

More in backgrounds & shaders, also moving.

See all