CSS Zen Garden shows one page of text restyled by designers around the world using only CSS. When you arrive, you see a page, and a list of designs on the side. Click one and the page transforms completely, with the same words in a different layout, color scheme and mood. The trick is that the HTML never changes; only the stylesheet does. It was created by Dave Shea in 2003, and it became a landmark in the history of web design, showing people what CSS could do at a time when many sites still used tables for layout. It is educational and quietly beautiful, and a good way to see how much of a website's personality lives in its style. Click through a dozen designs, then view the source if you are curious. It is a pleasing history lesson for anyone who works on or cares about the web.
Tips for getting the most out of it
- Click through several designs from the list.
- View the page source to see the shared HTML.
- Great for anyone learning CSS.
Questions about CSS Zen Garden
Who created CSS Zen Garden?
CSS Zen Garden was created by Dave Shea, and our research dates it to 2003. It is a showcase of one HTML page restyled by many designers. In short: One HTML page, hundreds of wildly different designs.
How does CSS Zen Garden work?
The HTML stays the same while each design swaps in a different CSS stylesheet. Pick a design from the list and the page changes completely, which demonstrates how much CSS controls appearance. For reference, CSS Zen Garden is listed as working on mobile, takes about 5 min to enjoy, and we check its link daily.
Sites like CSS Zen Garden
ASCII Art Archive
Thousands of ASCII drawings, sorted by subject.
- 5 minutes
- Works on phones
- Alive · checked 17 days ago
The Public Domain Review
Strange and wonderful out-of-copyright art, books and ephemera.
- Rabbit hole
- Works on phones
- Alive · checked 17 days ago
16colors
An archive of ANSI and ASCII art from the BBS days.
- Rabbit hole
- Works on phones
- Alive · checked 17 days ago
Google Arts & Culture
Museums, art and cultural treasures you can zoom into.
- Rabbit hole
- Works on phones
- Alive · checked 17 days ago






