100 HTML Studies

Single-file experiments · Visualization, Sandbox

100 HTML Studies — platform support
Plays onDesktop and Phone & tablet
ControlsMouse, Touch
Good to knowThe gallery reads fine on a phone. The individual studies were designed at desktop width.
Works offlineYes — this page plays our own copy, so it keeps working if the original host goes down
PriceFree. No account, no download, no ads.
Originalmiaai-lab.github.io/GPT-6-Astra-100-HTML-Files/ · by MiaAI-Lab

A gallery of one hundred self-contained HTML pages — generative art, physics toys, layout experiments and interface studies — each one a single file with its prompt published beside it.

100 HTML Studies is a gallery of one hundred self-contained web pages, each one a single HTML file with no external dependencies: generative art, editorial layouts, physics toys and interface studies. It is a collection rather than a game, and it is here because it is the clearest single answer to the question of what this kind of tool actually produces when it is pointed at the open web.

Each study can be opened full-screen in its own tab, and each one can be expanded in the gallery to read the prompt that produced it. That second part is what makes it worth browsing rather than skimming — you can read the brief and then look at what came back.

How to play 100 HTML Studies

  1. Scroll the gallery. Each card is one study, numbered and titled.
  2. Click a study to open it on its own, or expand the card in place to read its original generation prompt.
  3. Every study is a single file with everything inlined, so each one loads instantly and keeps working offline.
  4. The interactive ones — the physics toys and the instrument panels — respond to the mouse; the typographic studies are there to be read.

Click Fullscreen above the game for the largest play area. If the game does not load, use Open in new tab to play it directly from our copy.

Why it's worth your time

One hundred pieces published with their prompts attached is unusual. Most collections show the output; this one shows the instruction beside it, which turns a gallery into something closer to a reference — you can see which briefs produced restrained work and which produced noise.

Everything is inline HTML, CSS and JavaScript with no external dependencies, so the whole gallery is about 1.4 MB. The site and studies are in English. The gallery reads fine on a phone; the studies themselves were laid out at desktop width.

How it was made and where it lives

Published on GitHub Pages from a public repository. The author publishes as MiaAI-Lab. Original: https://miaai-lab.github.io/GPT-6-Astra-100-HTML-Files/. The Play button above runs our own unmodified copy, so the game keeps working here if that page goes down — which on free hosting usually has nothing to do with the author. Nothing about the game itself is changed, and the original stays linked from every page.

If you like 100 HTML Studies, try these

For a single piece of generative art rather than a hundred, ORBITAL GARDEN morphs 48,000 particles between three shapes. Moonlit Forge is the same idea taken into 3D.

Frequently asked questions

Is this a game?
No. It is a gallery of one hundred single-file web studies, some interactive, some purely visual.
Can I read the prompts?
Yes. Each study can be expanded to show the prompt that generated it — that is the point of the collection.
Are they really single files?
Yes, each study inlines its own HTML, CSS and JavaScript with no external dependencies.
Is the source public?
Yes, the whole set is in a public repository, linked from this page.
Is 100 HTML Studies free to play?
Yes. Everything on Floating Arcade is free, with no account, ads or downloads.
Can I embed this game on my own website?
Yes — copy the snippet below. The embedded player links back here, which is how we ask to be credited.

Embed 100 HTML Studies on your site

Paste this where you want the game to appear:

Tags: Single-file games · Open source