\n
\n
donehtml · generative · biomorphic
\n
Void Typist
\n
Type to erase a collapsing text void.
\n
\n
typingcanvasgenerative
\n\n
\n
\n
\n
donevite · viz · cyberpunk
\n
Habit Constellation
\n
Your habits as a star map.
\n
\n
habitvizcanvas
\n\n
\n
\n
\n
donevite · tool · japanese-cyberpunk
\n
Shelf Shelf
\n
Arrange your bookshelf, judge your taste.
\n
\n
bookstooldrag-drop
\n\n
\n
\n
\n
donevite · tool · glassmorphism
\n
Chromatic Calendar — mood as color
\n
Chromatic Calendar — mood as color
\n
seed stack · theme time · single HTML file if html stack, single component if vite
\n
calendarmoodcolor
\n\n
\n
\n
\n
donevite · tool · neo-brutalism
\n
Chromatic Calendar — mood as color
\n
Chromatic Calendar — mood as color
\n
seed stack · theme time · sound on interaction (WebAudio, no assets)
\n
calendarmoodcolor
\n\n
\n
\n
\n
donevite · viz · vaporwave
\n
Habit Constellation
\n
Your habits as a star map.
\n
no strong keyword — random · theme time · 3 colors max (plus black/white) · must work with keyboard only
\n
habitvizcanvas
\n\n
\n
\n
\n
donevite · viz · extreme-minimal
\n
Puddle Atlas
\n
Map every puddle on your street.
\n
no strong keyword — random · theme color · must be playable in 30 seconds · must work with keyboard only
\n
mapsweathercanvas
\n\n
\n
\n
\n
donevite · social · grunge
\n
Ghost Antenna
\n
Leave messages for strangers' radios.
\n
no strong keyword — random · theme color · 3 colors max (plus black/white) · must be playable in 30 seconds
\n
radiosocialaudio
\n\n
\n
\n
\n
donevite · art · organic-brutalist
\n
Moss Clock
\n
A clock that grows moss when you're calm.
\n
no strong keyword — random · theme color · must work with keyboard only
\n
timeartcanvas
\n\n
\n
\n
\n
donehtml · viz · sci-fi-terminal
\n
Ice Melt
\n
Watch a glacier melt in real time.
\n
no strong keyword — random · theme color · must react to scroll
\n
climatevizphysics
\n\n
\n
\n
\n
donehtml · generative · japanese-minimal
\n
Staircase Ballads
\n
Each step you climb writes a lyric.
\n
keyword html (generative) · theme color · sound on interaction (WebAudio, no assets)
\n
musicpedometergenerator
\n\n
\n
\n
\n
donehtml · generative · cyberpunk
\n
Foghorn Funeral
\n
Mourn ships with layered foghorn drones.
\n
keyword html (generative) · theme color · must work with keyboard only
\n
audiocanvaswebaudio
\n\n
\n
\n
\n
donehtml · game · japanese-cyberpunk
\n
Excuse Roulette
\n
Spin for a plausibly deniable excuse.
\n
keyword html (game) · theme color · no external fonts — system fonts only · must react to scroll
\n
gamefungenerator
\n\n
\n
\n
\n
donevite · tool · cottagecore
\n
Drawer Oracle
\n
Photograph-free junk-drawer inventory.
\n
keyword vite (tool) · theme color · 3 colors max (plus black/white)
\n
inventorytoollocalStorage
\n\n
\n
\n
\n
donevite · tool · glassmorphism
\n
Crumb Budget
\n
Track spending in snack units.
\n
keyword vite (tool) · theme color · 3 colors max (plus black/white)
\n
financefuntool
\n\n
\n
\n
\n
donehtml · generative · pop-art
\n
Neon Tide — audio-reactive particle shore
\n
Neon Tide — audio-reactive particle shore
\n
seed stack (dedup guard) · theme color · 3 colors max (plus black/white) · no external fonts — system fonts only
\n
canvasaudioparticles
\n\n
\n
\n
\n
donehtml · social · swiss
\n
Ghost Grid — collaborative pixel haunt
\n
Ghost Grid — collaborative pixel haunt
\n
seed stack · theme color · must have an easter egg · must react to scroll
\n
pixelmultiplayer-ishlocalStorage
\n\n
\n
\n
\n
donehtml · viz · grunge
\n
Folded City — origami map explorer
\n
Folded City — origami map explorer
\n
seed stack (dedup guard) · theme color · must work with keyboard only
\n
maporigamicanvas
\n\n
\n
\n
\n
donevite · game · biomorphic
\n
Pocket Inventory — drag-drop RPG backpack
\n
Pocket Inventory — drag-drop RPG backpack
\n
seed stack (dedup guard) · theme color · sound on interaction (WebAudio, no assets)
\n
gameinventorydrag-drop
\n\n
\n
\n
\n
donevite · tool · steampunk
\n
Receipt Oracle — expense fortune teller
\n
Receipt Oracle — expense fortune teller
\n
seed stack (dedup guard) · theme color · must react to scroll · no external fonts — system fonts only
\n
financefuntool
\n\n
\n
\n
\n
donevite · tool · dark-fantasy
\n
Receipt Oracle — expense fortune teller
\n
Receipt Oracle — expense fortune teller
\n
seed stack · theme color · must react to scroll · must have an easter egg
\n
financefuntool
\n\n
\n
\n
\n
donevite · tool · vaporwave
\n
Crumb Budget
\n
Track spending in snack units.
\n
keyword vite (tool) · theme color · must have an easter egg · sound on interaction (WebAudio, no assets)
\n
financefuntool
\n\n
\n
\n
\n
donevite · tool · organic-brutalist
\n
Comet Queue
\n
Your tasks as comets orbiting the urgent.
\n
keyword vite (tool) · theme color · sound on interaction (WebAudio, no assets)
\n
tasksorbitscanvas
\n\n
\n
\n
\n
donehtml · game · sci-fi-terminal
\n
Glass Orchard
\n
Merge glowing fruit in a glass greenhouse.
\n
keyword html (game) · theme color · 3 colors max (plus black/white)
\n
mergefruitgame
\n\n
\n
\n
\n
donehtml · viz · cyberpunk
\n
Ember Atlas
\n
Chart your week as a cooling heat map.
\n
no strong keyword — random · theme color · sound on interaction (WebAudio, no assets) · 3 colors max (plus black/white)
\n
heatmapdiarycanvas
\n\n
\n
\n
\n
donehtml · generative · japanese-minimal
\n
Paper Garden
\n
Fold origami flora that blooms on click.
\n
keyword html (generative) · theme typography · single HTML file if html stack, single component if vite
\n
origamigardengenerative
\n\n
\n
\n
\n
donevite · tool · bauhaus
\n
Lantern Ledger
\n
A night journal lit one lantern at a time.
\n
keyword vite (tool) · theme typography · uses only one interaction type (click OR drag OR type) · 3 colors max (plus black/white)
\n
journallanternlocalStorage
\n\n
\n
\n
\n
donevite · social · pop-art
\n
Static Picnic
\n
Host a radio potluck for passing strangers.
\n
no strong keyword — random · theme typography · must have an easter egg · must work with keyboard only
\n
radiosocialaudio
\n\n
\n
\n
\n
donehtml · game · extreme-minimal
\n
Glass Orchard — fruit merge
\n
Glass Orchard — fruit merge
\n
seed stack · theme typography · no external fonts — system fonts only
\n
mergefruitgame
\n\n
\n
\n
\n
donevite · tool · memphis
\n
Moon Pantry
\n
A lunar recipe box for midnight cooks.
\n
keyword vite (tool) · theme typography · no images — CSS/canvas only
\n
recipespantrytool
\n\n
\n
\n
\n
donevite · art · biomorphic
\n
Brine Clock
\n
A tide timer that breathes with the sea.
\n
no strong keyword — random · theme typography · no images — CSS/canvas only
\n
tidetimecanvas
\n\n
\n
\n
\n
donehtml · tool · sci-fi-terminal
\n
Lantern Ledger — night journal
\n
Lantern Ledger — night journal
\n
seed stack (dedup guard) · theme typography · 3 colors max (plus black/white) · no external fonts — system fonts only
\n
journallanternlocalStorage
\n\n
\n
\n
\n
donehtml · art · japanese-cyberpunk
\n
Brine Clock — tide timer
\n
Brine Clock — tide timer
\n
seed stack (dedup guard) · theme typography · must have an easter egg · no images — CSS/canvas only
\n
tidetimecanvas
\n\n
\n
\n
\n
donehtml · generative · vaporwave
\n
Kinetic Type Playground
\n
Type words that explode into animated kinetic typography art you can remix.
\n
keyword html (generative) · theme typography · must have an easter egg
\n
typographykinetic-typefontsgenerative-art
\n\n
\n
\n
\n
donehtml · generative · cyberpunk
\n
Kinetic Type Playground
\n
Type words, watch letters dance, bounce and morph into animated typographic art.
\n
keyword html (generative) · theme typography · must be playable in 30 seconds
\n
typographykinetic-typefontsanimation
\n\n
\n
\n
\n
donehtml · generative · grunge
\n
Paper Garden — origami flora
\n
Paper Garden — origami flora
\n
seed stack · theme typography · must react to scroll
\n
origamigardengenerative
\n\n
\n
\n
\n
donehtml · generative · bauhaus
\n
Glyph Drift
\n
Kinetic letterforms swirl into poems you steer with your cursor.
\n
keyword html (generative) · theme typography · 3 colors max (plus black/white)
\n
typographykineticgenerativefonts
\n\n
\n
\n
\n
donehtml · generative · neo-brutalism
\n
Serif Storm
\n
Falling letters form poems you steer with your cursor.
\n
keyword html (generative) · theme typography · 3 colors max (plus black/white)
\n
typographykineticcanvaspoetry
\n\n
\n
\n
\n
donehtml · social · organic-brutalist
\n
Moth Radio — night signals
\n
Moth Radio — night signals
\n
seed stack · theme typography · must react to scroll · must have an easter egg
\n
mothradionight
\n\n
\n
\n
\n
donehtml · generative · swiss
\n
Kern Panic
\n
Kinetic letterforms erupt, collide and settle into playable typographic posters.
\n
keyword html (generative) · theme typography · no external fonts — system fonts only · must have an easter egg
\n
typographykineticphysicsposters
\n\n
\n
\n
\n
donehtml · generative · dark-fantasy
\n
Tide Choir
\n
A harbor that sings the tide in voices.
\n
keyword html (generative) · theme typography · must work with keyboard only · uses only one interaction type (click OR drag OR type)
\n
choirharboraudio
\n\n
\n
\n
\n
donehtml · generative · japanese-minimal
\n
Weight Parade
\n
Letters march, swell and shrink to your typing rhythm live.
\n
keyword html (generative) · theme typography · must work with keyboard only
\n
typographykineticfontsplayground
\n\n
\n
\n
\n
donehtml · generative · steampunk
\n
Ligature Lagoon
\n
Toss letters into a lagoon where currents kern, collide and bloom.
\n
keyword html (generative) · theme typography · must have an easter egg
\n
typographykineticgenerativefonts
\n\n
\n
\n
\n
donehtml · generative · cyberpunk
\n
Type Tumble
\n
Drop words into gravity wells that stretch and stack them into kinetic posters.
\n
keyword html (generative) · theme typography · 3 colors max (plus black/white) · single HTML file if html stack, single component if vite
\n
typographykineticgenerativefonts
\n\n
\n
\n
\n
donehtml · generative · biomorphic
\n
Counterform Carnival
\n
Grow letters into living posters where negative space blooms with motion.
\n
keyword html (generative) · theme typography · 3 colors max (plus black/white)
\n
typographykinetic-typegenerativeposters
\n\n
\n
\n
\n
donehtml · generative · japanese-cyberpunk
\n
Descender Dive
\n
Dive letters underwater; depth bends weight, width, and wobble in real time.
\n
keyword html (generative) · theme typography · sound on interaction (WebAudio, no assets)
\n
typographyvariable-fontskineticcanvas
\n\n
\n
\n
\n
donehtml · viz · grunge
\n
Inkwell Observatory — star notes
\n
Inkwell Observatory — star notes
\n
seed stack · theme typography · sound on interaction (WebAudio, no assets) · must work with keyboard only
\n
starsnotescanvas
\n\n
\n
\n
\n
donehtml · generative · sci-fi-terminal
\n
Baseline Bazaar
\n
Type morphs, bounces and rearranges as you type phrases
\n
keyword html (generative) · theme typography · must be playable in 30 seconds · 3 colors max (plus black/white)
\n
typographykineticfontsplayful
\n\n
\n
\n
\n
donehtml · generative · vaporwave
\n
Slab Serif Speedway
\n
Race variable fonts around a track, speed warps weight and width live.
\n
keyword html (generative) · theme typography · must react to scroll
\n
typographyvariable-fontskineticplayful
\n\n
\n
\n
\n
donehtml · game · pixel-art
\n
Ascender Arcade
\n
Catch rising letters to build words before they escape the screen.
\n
keyword html (game) · theme typography · must have an easter egg · 3 colors max (plus black/white)
\n
typographyarcadekineticfonts
\n\n
\n
\n
\n
donehtml · game · glassmorphism
\n
Kerning Karaoke
\n
Sing to space letters, nail the pitch to kern kinetic lyrics perfectly.
\n
keyword html (game) · theme typography · no images — CSS/canvas only
\n
typographykaraokewebaudiokinetic-type
\n\n
\n
\n
\n
donehtml · generative · steampunk
\n
Reverb Reef
\n
Tap glowing polyps to layer loops into a tide-pool groove.
\n
keyword html (generative) · theme audio · must have an easter egg · 3 colors max (plus black/white)
\n
webaudioloopssamplerplayful
\n\n
\n
\n
\n
donehtml · generative · neo-brutalism
\n
Echo Garden Oscillator
\n
Plant glowing synths in a garden and strum loops into ambient songs.
\n
keyword html (generative) · theme audio · 3 colors max (plus black/white) · must have an easter egg
\n
webaudioambientsequencertoy
\n\n
\n
\n
\n
donehtml · game · extreme-minimal
\n
Kick Drum Dojo
\n
Tap, layer, and battle beats in a tiny rhythm trainer toy.
\n
keyword html (game) · theme audio · must have an easter egg
\n
webaudiorhythmdrumssequencer
\n\n
\n
\n
\n
donevite · tool · bauhaus
\n
Cinder Ledger — ash accounts
\n
Cinder Ledger — ash accounts
\n
seed stack · theme audio · sound on interaction (WebAudio, no assets)
\n
ashledgertool
\n\n
\n
\n
\n
donevite · game · retro-wave
\n
Dune Switch — desert relays
\n
Dune Switch — desert relays
\n
seed stack · theme audio · 3 colors max (plus black/white)
\n
dunerelaysgame
\n\n
\n
\n
\n
donehtml · generative · japanese-minimal
\n
Wobble Choir Lab
\n
Stack wobbly oscillators into a playable choir with morphing vowels.
\n
keyword html (generative) · theme audio · no images — CSS/canvas only · must react to scroll
\n
webaudiochoiroscillatortoyvowels
\n\n
\n
\n
\n
donehtml · generative · grunge
\n
Tape Loop Lagoon
\n
Loop tape snippets into dreamy lagoon layers with playful pitch and ripple effects
\n
keyword html (generative) · theme audio · must work with keyboard only
\n
webaudiosamplingloopsplayground
\n\n
\n
\n
\n
donehtml · generative · memphis
\n
Sub Bass Sandbox
\n
Playful 808 synth toy with sequencer, glide and room echo.
\n
keyword html (generative) · theme audio · 3 colors max (plus black/white) · no images — CSS/canvas only
\n
basswebaudiosequencersynth
\n\n
\n
\n
\n
donehtml · generative · glassmorphism
\n
Granular Grove Synth
\n
Scatter field recordings into evolving granular clouds you conduct with gestures.
\n
keyword html (generative) · theme audio · must work with keyboard only
\n
webaudiogranularsamplingtoyloops
\n\n
\n
\n
\n
donehtml · generative · pop-art
\n
Vinyl Crackle Cove
\n
Loop dusty vinyl textures into evolving lo-fi beats with crackle and wow.
\n
keyword html (generative) · theme audio · no images — CSS/canvas only
\n
webaudiolofisamplerloops
\n\n
\n
\n
\n
donehtml · generative · biomorphic
\n
Hi-Hat Habitat
\n
Breed tiny hi-hat patterns that evolve into glitchy rhythms
\n
keyword html (generative) · theme audio · must be playable in 30 seconds
\n
webaudiorhythmsequencergenerative
\n\n
\n
\n
\n
donehtml · generative · vaporwave
\n
Fader Fern Playground
\n
Pluck glowing ferns to stack loops into misty jungle rhythms.
\n
keyword html (generative) · theme audio · sound on interaction (WebAudio, no assets)
\n
webaudioloopssamplerplayful
\n\n
\n
\n
\n
donehtml · generative · bauhaus
\n
Chorus Bloom Box
\n
Paint arpeggios that ripple into glowing blooms with every chord.
\n
keyword html (generative) · theme audio · single HTML file if html stack, single component if vite
\n
webaudioarpeggiogenerativevisualizer
\n\n
\n
\n
\n
donehtml · game · swiss
\n
Pocket Polyrhythm Park
\n
Tap layered loops to build shifting polyrhythms in a playful pocket park.
\n
keyword html (game) · theme audio · uses only one interaction type (click OR drag OR type) · 3 colors max (plus black/white)
\n
webaudiorhythmsequencertoy
\n\n
\n
\n
\n
donevite · social · dark-fantasy
\n
Ghost Antenna
\n
Leave messages for strangers' radios.
\n
no strong keyword — random · theme audio · no images — CSS/canvas only · 3 colors max (plus black/white)
\n
radiosocialaudio
\n\n
\n