๐Ÿฆ‰
Example Gallery

Think-In-HTML in action

Each of these is a single self-contained .html file generated by Think-In-HTML โ€” no server, no dependencies. Click one to open the interactive lesson. The two freeform lessons below are fully bespoke โ€” a different design and a different working interactive model every time.

๐Ÿ“ˆ

The Pricing Desk

Novus-Hackathon โ€” src/app/api/suggest-price/route.ts

How an AI price suggestion gets clamped to the live market before it ever reaches a trade. Ask the AI, toggle "let it go rogue," and watch the guardrail catch it on a live number line.

Freeform mode Bespoke design Interactive simulator
Open lesson โ†’
โฑ๏ธ

The Window

Novus-Hackathon โ€” src/lib/rate-limit.ts

A fixed-window rate limiter as a live ops dashboard. Fire requests, watch 200s flip to 429 at the limit, then watch the counter reset โ€” or flip "infra down" to see it fail open.

Freeform mode Bespoke design Interactive simulator
Open lesson โ†’
โš™๏ธ

How Think-In-HTML Works

Think-In-HTML repository

The pipeline explained through a film-studio analogy โ€” from rules to source to the rendered premiere. A dogfooded lesson about the tool itself.

Code mode 10 blocks Aurora skin
Open lesson โ†’
โ™ป๏ธ

Inside EPRx Exchange

Novus-Hackathon โ€” src/lib/epr

From plastic debt to certificate: the buyer journey taught through a carbon-offset analogy, then the real domain math, then the security "aha".

Code mode 12 blocks Blueprint skin
Open lesson โ†’