Background · Free

Playful Blocks

An ambient field that adds depth without a page rebuild, with a static fallback and a reduced-motion path.

Files: 6 files

Anatomy

What Playful Blocks is made of.

The reference, the spec that describes it, the prompts that rebuild and adapt it, and the proof that they work. Parts not published yet are drawn as outlines.

WorkbenchKit anatomyPlayful BlocksBackground Use over MCP

Playful Blocks · anatomy v1

Reference

image video

Background

Design spec

Spec

Built for a real brief in July, then simplified until it ran at 60fps on a four-year-old laptop. Everything ships with the source, not just the render…

type · colour · spacing · motion

Adaptation

Adaptation prompt The adaptation prompt is not published for this kit yet.palette · typeface · copy

Playful Blocks

reference spec adaptationkit

TypeBackgroundAccessFreeVersion—Parts3 / 6Prompt882 chars

Tested rebuildNot yet verified

Reconstruction prompt

Create a cinematic hero section with a slow volumetric fog pass, camera easing on scroll, and a grain overlay at 6% opacity layered beneath the type. Use a single warm key light

Not yet verifiedNo rebuild of this kit has been tested yet. When one is, the tool, model, date and result appear here.

Not published for this kit yet: adaptation prompt.

Design spec

Built for a real brief in July, then simplified until it ran at 60fps on a four-year-old laptop. Everything ships with the source, not just the render.

Reconstruction prompt

Rebuilds the reference from the spec. The first two lines are public; the rest opens with an account.

Create a cinematic hero section with a slow volumetric fog pass, camera easing on scroll,
and a grain overlay at 6% opacity layered beneath the type. Use a single warm key light

705 more characters — the full prompt comes with the kit.

Uses one of your daily prompt reads.