Premium
Algorave Live Coding
A live-coding set on black: five pattern lines are typed and evaluated one by one, each line flashing in its track color, while a scrolling piano roll of colored blocks pulses behind the code and every mini-notation word lights as its note plays.
Written and rendered by AI CSS Animations Nov 2, 2026
- Type
- prompt
- Made with
- Claude Opus 5.5 in Claude Code
- Built in
- HTML/CSS
- Topics
- Code · Music
About this style
Algoraves are club nights where performers write the music live in code and project their editor, so the audience watches the patterns being typed and changed. Live-coding environments in this tradition describe rhythm with a compact mini-notation, where a short string such as "bd*2 [~ bd]" defines a whole bar, and many highlight each word as it sounds. The projected screen is the show: readable code, a flash on every evaluation and visuals driven by the same events as the sound.
Premium
Unlock the prompt
Everything you see above is live. Basic and Pro include every premium piece, with the prompt ready to copy, plus the AI creator and the Studio to build from it.
Similar prompts
A terminal types a deploy command with a human rhythm, output streams with spinners and a progress bar, then every glyp…
A dark code editor in an original pink-and-lilac theme: dimmed ghost text suggests a function body, two Tab presses acc…
Quicksort replayed honestly on a deep teal stage: 24 cream bars, an amber pivot with a dashed level line, pointers walk…
A light desktop history view on a lilac backdrop: commits land one by one at the top of a lane graph, a feature branch…
More like this on the motion design inspiration board: Code animation inspirationMusic video inspiration