Stay connected with us on X, Discord, and LinkedIn to stay up to date with future analysis
All MicroEvals
Vanishing HTML Eval
Create MicroEval
Header image for Vanishing HTML Eval

Vanishing HTML Eval

Prompt

Create a single HTML file that, upon loading, begins to systematically delete and rewrite its own DOM structure in real-time using JavaScript. The page must start with a coherent layout—header, navigation, content sections—but as the user interacts with it (clicks, hovers, scrolls), elements should start vanishing, duplicating, or morphing into entirely new structures. CSS transitions should make these mutations feel organic, like a living organism shedding its skin. The final state of the page should be unrecognizable from its initial form, yet still functional. No external libraries. The mutations must be irreversible—once an element changes, it cannot revert.

A system prompt was added to support web rendering

Drag to resize
Drag to resize
Drag to resize
Drag to resize
Drag to resize
Drag to resize
Drag to resize
Drag to resize
Drag to resize
Drag to resize
Drag to resize
Drag to resize
Drag to resize
Drag to resize