CSS Zen Garden: preview of csszengarden.com

Art & VisualNostalgia & RetroOddly Educational

CSS Zen Garden

One HTML page, hundreds of wildly different designs.

  • 5 minutes
  • Works on phones
  • Alive · checked 17 days ago
Your verdict:

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

Been down this rabbit hole?

Weirdness

What other readers found

Found something odd on CSS Zen Garden? Tell others where to click. The first good one goes right here.

Share what you found

We read every post before it goes live. No links, please, and nothing personal about other people.