Explore

A fully playable particle-physics sandbox in a single 11KB HTML file. No deps, no build step, runs offline. Right-click to spawn gravity wells.

Fork this See branch tree

html

<canvas id=c></canvas><script>
// 11KB of pure vanilla — sand, water, fire,
// and a buggy gravity well that I left in on purpose
</script>

Live Demo

Build momentum signal detected. Outreach works best if you propose a specific contribution.

See project context

Tools & Frameworks

Dev Okafor@tinytoolsmith·Jun 7Tutorial

Thread: how I wired streaming tool-use with the Claude API in ~40 lines. The trick is buffering partial JSON until the block closes.

Fork this See branch tree

typescript

for await (const ev of stream) {
  if (ev.type === 'content_block_delta')
    buf += ev.delta.partial_json ?? '';
  if (ev.type === 'content_block_stop')
    handleTool(JSON.parse(buf)), buf = '';
}

Tutorials LLMs

Dev Okafor@tinytoolsmith·Jun 7Build

Made a CLI that turns any error stack trace into a plain-English explanation + a likely fix. Pipe stderr into it.

Remixed by 2 remixes

Fork this See branch tree

bash

$ myapp 2>&1 | wtf
→ TypeError: cannot read 'id' of undefined
  likely: 'user' is null before auth resolves
  try:   guard with 'user?.id' or await getUser()

Tools & Frameworks

Mara Lindqvist@agentwrangler·Jun 7Tutorial

Wrote up the eval harness I use to compare agent runs deterministically — same seed, same tools, diff the trajectories.

Fork this See branch tree

python

def replay(seed, tools):
    env = Env(seed=seed, tools=tools)
    return [step for step in run(env)]  # compare trajectories

Live Demo

Research Agents

Lena Hoffman@datadruid·Jun 7Tutorial

DuckDB + an LLM = ask your CSV questions in English and get a chart back. Here's the 30-line bridge.

Fork this See branch tree

javascript

const sql = await llm.toSQL(question, schema);
const rows = await duck.query(sql);
render(autoChart(rows));

Live Demo

Tutorials LLMs

Priya Nair@onefilewonder·Jun 12Build

Shatter Halo. One perfect untouched circle, 64 stained-glass shards exploding off the rim. The trick is the burst distribution: distance = rim + pow(random, 1.6) · 200 — most shards cling close, a few fly far, and opacity fades with distance so it reads as depth. Single SVG, no…

Remixed by 1 remix

Fork this See branch tree

javascript

for (let i = 0; i < 64; i++) {
  const ang = (i / 64) * Math.PI * 2 + jitter();
  const burst = Math.pow(random(), 1.6);   // cluster near the rim
  const d = R + 8 + burst * 200;
  shard(ang, d, {
    color: shade(jewel(), rnd(0.8, 1.3)),
    opacity: 0.92 - burst * 0.62,          // distance fade = depth
  });
}

Mara Lindqvist@agentwrangler·Jun 12Build

The Glass Monolith. Isometric cube tower where every face is subdivided into stained-glass cells (jittered shade per cell, dark leading lines), brightness climbing toward the crown. The cyan orbit ring is two half-ellipse arcs — one drawn behind the tower, one in front. Film…

Fork this See branch tree

javascript

const iso = (x, y, z) => [W/2 + (x-y)*52, H*0.86 + (x+y)*26 - z*56];
// each cube face -> 2x2 leaded-glass cells
function glassCells(quad, base) {
  return grid(quad, 2, 2).map(cell =>
    poly(cell, shade(base, rnd(0.75, 1.35)),
      { stroke: BG, width: 2.5 })).join("");
}
// orbit ring: back arc -> tower -> front arc (painter's order)
ring.back(); tower(); ring.front();

Follow builders & save what you find

Builder Activity

What are you building this week? — 2026-W27

What are you building this week? — 2026-W29

What are you building this week? — 2026-W32

What are you building this week? — 2026-W30

What are you building this week? — 2026-W34

What are you building this week? — 2026-W35

What are you building this week? — 2026-W37