explaingit

elder-plinius/fable-showcase

Analysis updated 2026-05-18

68HTMLAudience · vibe coderComplexity · 1/5Setup · easy

TLDR

A gallery of 57 self-contained HTML demos, from generative art to physics simulations, all built in one day by parallel Claude Fable 5 agent runs.

Mindmap

mindmap
  root((Fable Showcase))
    What it does
      Hosts 57 HTML demos
      No dependencies per demo
      Embeds gallery thumbnails
    Categories
      Simulation and life
      Generative art
      Physics and motion
      Sound and music
    How it was made
      One starting prompt
      275 parallel agent runs
      Design build QA pipeline
    Audience
      Creative coders
      AI agent enthusiasts

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Open any single demo file in a browser for inspiration on generative art techniques.

USE CASE 2

Study how a single prompt was fanned out into many parallel AI agent runs.

USE CASE 3

Browse the gallery to see examples of self-contained, dependency-free HTML projects.

USE CASE 4

Reuse one demo's code as a starting point for your own creative coding project.

What is it built with?

HTMLJavaScriptCSS

How does it compare?

elder-plinius/fable-showcaseassyoucandy/telemt-server-guidewangdaodaodao/tabulabili
Stars686765
LanguageHTMLHTMLHTML
Setup difficultyeasymoderateeasy
Complexity1/53/51/5
Audiencevibe coderops devopsgeneral

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

In plain English

The Fable 5 Showcase is a gallery of 57 small, self-contained web demos, ranging from generative art and physics simulations to playable instruments and procedural worlds. The whole collection came out of one experiment: the author asked Claude Code to spend an entire week's worth of Anthropic API credits in a single day, using only the Claude Fable 5 model, and to build as many creative demos as it could along the way. Each demo is a single HTML file with no outside dependencies. There is no build step, no content delivery network, no framework, and no network requests once the page loads, so anyone can download one file and open it directly in a browser. The demos are grouped into loose categories. There are simulation and life themed pieces like a flocking bird animation, a particle life system, and a slime mold simulation. There is generative art such as a fractal explorer, an I-Ching oracle, and a tarot card generator. There are physics and motion pieces including an orbital mechanics sandbox and a black hole lensing visualization. There are larger virtual worlds like a gothic cathedral and a small pocket planet, plus sound and music toys such as a playable circle of fifths, and lighter curiosities like a pinball table and a falling sand terrarium. To build all of this, a single starting prompt in Claude Code fanned out into roughly 275 separate Fable 5 agent runs working in the background at the same time. Each individual demo went through its own design, build, polish, and quality check steps before being added to the gallery. Thumbnail previews were generated by rendering each demo in a headless browser and embedding the resulting images directly into the gallery page, so the whole showcase stays self-contained with no external image hosting. The repository includes the main gallery page, a folder for each individual demo, and a folder of the captured thumbnail images. The README does not mention a specific software license.

Copy-paste prompts

Prompt 1
Explain how a single prompt could fan out into 275 separate agent runs building different demos.
Prompt 2
Show me how the gallery page embeds thumbnail images without hosting them externally.
Prompt 3
Help me understand what makes a demo like this fully self-contained with no dependencies.
Prompt 4
Suggest a new creative demo idea in the same style as the ones in this collection.

Frequently asked questions

What is fable-showcase?

A gallery of 57 self-contained HTML demos, from generative art to physics simulations, all built in one day by parallel Claude Fable 5 agent runs.

What language is fable-showcase written in?

Mainly HTML. The stack also includes HTML, JavaScript, CSS.

How hard is fable-showcase to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is fable-showcase for?

Mainly vibe coder.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.