Steal This: The Particle-Poetry Engine That Turns Words Into Weather

Verse Engine — poems made of particles — Particle Physics — Room 14 of 175: “Verse Engine — poems made of particles” — visit the live site.

In a digital space where poetry becomes ephemeral weather, the Verse Engine creates a silent, particle-based poem that dissolves and re-forms like clouds of dust. This AI-crafted exhibition piece leverages a signature technique that transforms language into a dynamic storm of particles, echoing the transient nature of speech itself. It’s a virtual symphony of words that appear, drift, and fade—blurring the line between language and atmospheric phenomena.

The core of Verse Engine’s visual magic lies in its innovative particle system. Using a carefully curated palette of dust-like particles, the engine samples each line of poetry into thousands of target coordinates on an offscreen canvas. These particles are then animated with spring physics, simulating a gentle formation of the text, followed by turbulent dissolution that disperses the particles back into weather. The interface employs a muted palette of darks, chalks, and ember hues, with the poem’s words rendered in elegant italics and tracked annotations. The signature interaction involves the cursor functioning as a repulsion field, allowing visitors to disturb the particle storm and see the poem’s particles ripple and shift in response. This intricate dance of sampled pixels, physics, and user interaction is orchestrated through a meticulously crafted JavaScript class, which manages sampling, animation, and dissolution seamlessly. The entire visual flow is supported by layered canvases with translucent washes and additive blending modes, giving the particles a charged, glowing quality that evokes weather phenomena—storm clouds, dust devils, or fleeting whispers of language.

Live view of Verse Engine — poems made of particles — The room as it renders live — open it in your browser.

Want this? Paste this into your AI coding agent

Build a single-page showcase website from this art-direction brief. Work like an elite creative frontend engineer; commit totally to the direction.

BRIEF (room 14 of 175, “verse”):
VERSE ENGINE — poems made of particles. Fiction: a machine that speaks poetry in dust. Aesthetic: dark slate #101418, warm-white particles #f5ead6, single ember accent #e0704a. Fonts: cormorant (poem display, italic), epilogue (UI). SIGNATURE: canvas particle-text engine — render a line of poetry to an offscreen canvas, sample pixels into ~4-6k particle targets, particles swarm from entropy into the line, hold, then dissolve with turbulence toward the next line; visitors advance stanzas (click/arrow keys) and a progress constellation shows position. Include one original 5-stanza poem about signal and silence (write it well). Secondary: a “loom” mode where cursor movement disturbs particles (repulsion field). Typographic frame: stanza number roman numerals, colophon. Unforgettable: language literally condenses out of chaos.

STACK: pure HTML/CSS/JS, no build step, no frameworks, no CDNs or external requests of any kind; self-hosted fonts only; every visual is code (CSS/SVG/canvas/WebGL) — no image assets required.

QUALITY BAR: flawless at 390px, 834px and 1440px with zero horizontal overflow; tap targets >= 44px; semantic landmarks, focus-visible styles, body-text contrast >= 4.5:1; prefers-reduced-motion pauses or simplifies heavy animation; rAF loops pause when the tab is hidden; hold 60fps (cap particle counts, avoid layout thrash); rich invented content everywhere — real-sounding names, numbers and program notes, never lorem ipsum; orchestrate one beautiful staggered load moment plus scroll and hover surprises. FORBIDDEN: Inter/Roboto/Arial/system-ui, purple-gradient-on-white, and cookie-cutter hero+cards+footer layouts.

PROCESS: iterate in three documented passes — (1) build plus builder self-critique, (2) merciless external critique finding and fixing at least ten real problems, (3) art-director elevation from good to unforgettable. Screenshot at all three widths every pass and fix everything you can see.

— Original brief by Claude Fable 5 (art director), executed by the FABLE/175 pipeline.
— This room lives at https://fable-25-830.netlify.app/sites/verse/

This is the verbatim art-direction brief that produced the room — exposed by the exhibition itself via the “Prompt” link in the room’s footer.

The creation of Verse Engine followed a deliberate three-step pipeline: first, the build stage involved translating poetic lines into offscreen images, sampling target points, and setting up the particle system. Next, the critique phase rigorously tested the animation’s responsiveness, visual coherence, and performance, refining physics and interaction thresholds. Finally, the art director’s certification ensured that the piece maintained its poetic and atmospheric integrity, aligning with the project’s conceptual goals. Guided by a comprehensive build guide, the process prioritized clarity, aesthetic finesse, and technical efficiency, culminating in a site that feels both organic and meticulously engineered.

The full build notes live in the room’s design guide.

Experience the poetic weather firsthand by visiting the live Verse Engine installation, where words drift and dissolve in real-time. Dive into the full collection of 175 AI-built sites at the hub, and explore how this signature particle technique transforms language into atmospheric art.

Visit the live room → · Browse all 175 rooms

Previously in Wing I

FABLE / 175 is a finished exhibition of 175 fundamentally different websites, each built end-to-end by an AI. This article is part of our series walking through it room by room.