FLIP
Split-Flap Text
Letters spin through random glyphs and lock into place, like a Solari board.
LIVE
OPEN →
Copy-paste components with personality. For people building websites that don't want to look like every other SaaS in 2026.
Most UI libraries are sterile. They feel like
waiting rooms. Swamp UI is the opposite — alive,
weird, a little overgrown. Built for sites that have a soul.
— Sophie. She's been to museums in 60+ countries, and is tired of every website looking like the Apple Store.
Every component lives on its own page. Click any card to see it live, learn how it works, and copy the code.
Letters spin through random glyphs and lock into place, like a Solari board.
Click-anywhere ripples + ambient plop sound. The internet's most relaxing button.
Mouse leaves a trail of glowing fireflies that drift up and fade. Pure CSS magic.
A wandering firefly that guides first-time visitors through your site.
A string of camp lights that play pentatonic notes when clicked. Always musical.
Tiny SVG cats that walk across your page. Click them and they meow.
Generate a unique fantasy name for each visitor on first load. Remembered via localStorage.
A kawaii character + floating frosted chat bubble. Drop it on any page. Works scripted out of the box; plug in any chat endpoint to go live.
Pull a card from the bog. 15 archetypes — The Heron, The Fog, Frog King — with a short reading. Split-flap name reveal. Daily-seed mode.
Rhythm-timing minigame. Each pad pulses on its own beat — tap when it blooms. Miss the timing and you splash.
Hold to charge, release to cast. Wait. Click on the bite. 14 swamp catches — minnow, boot, a message that says you've already decided.
Your cursor is a jar. Fireflies drift, dodge if you rush. Catch 7 and release them as a constellation.
Whack-a-mole with a swamp narrative. Don't swat the dragonflies — they're helping. Reach 30 and the swamp sleeps.
Click a lily pad and the frog arcs through the air to land on it. Physics-feeling parabolic bounce.
Three steps. No package manager. Works in any HTML file.
HTML, CSS, JS. One click copies each..html file. No build step. No imports.