Crazy Components Lab

Two code components · Vol. 01

Sections that do real work

Two sections that
explain themselves.

Two sections that
explain themselves.

Two sections that
explain themselves.

Most sites explain their architecture with a static diagram and their pricing with three cards. These two let visitors take the product apart, and turn the price up and down themselves.

Most sites explain their architecture with a static diagram and their pricing with three cards. These two let visitors take the product apart, and turn the price up and down themselves.

01

Strata

Exploded architecture

3D · Canvas

02

Detent

Rotary pricing instrument

Physics · Sound

01 — Strata

Scroll to explode · Drag to orbit · Hover to inspect

Architecture/ 05 layers

Five layers. One request. Zero seams.

Hover any layer to see what it does. Every request travels the whole stack — and back — in under 120 ms.

02 — Detent

Turn · Flick · Pull the headline · Hover a plan

PRICING

How many requests do you send a month? Turn the dial to that number and the price works itself out.

Above 20 million a month there’s no list price. Tell us what you’re building and we’ll work it out together.

Up to 2M requests, 24 h email support, unlimited projects, 30-day log retention, usage alerts.

Model DT-01
$49 per month
ProPer month
500K requests a monthSave 20% yearly
No card needed to start.

Every control lives in the panel on the right.

Every control lives in the panel on the right.

Select either section to change its content, theme, camera, physics, sound and fonts. Both are React code components with no outside dependencies.

Crazy Components Lab · 2026

Create a free website with Framer, the website builder loved by startups, designers and agencies.