CSS demos you can play with right now

Hundreds of CSS demos, each running live on its creator's own site: some of them vibe-coded with AI, all of them playable in your browser with nothing to install. Press a card to play one on its own page, or start the cruise to ride through them one after another.

Projects that lean on CSS, the language that styles web pages, for more than styling: a fluid simulation with no JavaScript at all, a long run of seed-based generative art pieces, a PlayStation wave background, small games and fidget toys.

Play all 471 CSS demos → Browse all projects Submit your vibe

Made one of these? See how many people played yours → or use email

Best first 1–100 of 471

Questions about css

Can CSS really make games and art?

More than you would think. Modern CSS has animations, 3D transforms, gradients and blend modes, so it can carry a whole visual on its own, and most projects here pair it with a little JavaScript or a canvas for the rest.

What should I try first?

The generative art series rewards rerolling: reload one and the seed draws a new variation. The pure CSS pieces are worth a look for how far they get without a script.

How do I see how it was done?

Each project page links to its GitHub repo, and your browser's inspector shows the styles live, which is often the fastest way to see how a CSS trick works.