Remember CSS Zen Garden? One HTML file. Hundreds of radically different designs. The site that changed everything.

It’s 2025, and we’re at a similar inflection point. Except this time, you don’t need to know how to code.

What Made CSS Zen Garden Legendary

On May 7, 2003, Dave Shea solved a problem: designers thought CSS could only create “boxy and boring” layouts. His solution was brilliantly simple—prove them wrong by showing, not telling.

One HTML file. Transform it with pure CSS. No HTML changes allowed.

The impact was seismic. Jeffrey Zeldman called it “the site that changed everything.” Eric Meyer said its influence was “almost impossible to overstate.” Over 20 years later, it’s still assigned in web design courses. The companion book sold nearly 70,000 copies and was translated into a dozen languages.

Why did it work? Because you could view source and learn. See something brilliant? Right-click, inspect, understand. The code was your teacher.

Thousands of submissions poured in from 30+ countries. 218 designs made it to the official gallery. Designers who contributed went on to shape Twitter, Dribbble, and the modern web. The site shattered misconceptions, created a global gallery, and gave skeptics undeniable proof.

CSS Zen Garden is still alive at csszengarden.com, still accepting submissions today.

Enter Telex: The AI That Speaks WordPress

Telex is Automattic’s experimental AI tool that transforms plain English into working WordPress blocks. Matt Mullenweg describes it as “V0 or Lovable, but specifically for WordPress.”

Here’s how it works: You chat with Telex in natural language. Describe what you want. It generates complete WordPress block code—React components, PHP backend, CSS styling, the works. The block appears instantly in WordPress Playground for browser-based testing. Refine with follow-up prompts. Export as a .zip plugin ready for any WordPress site.

The tool is free and publicly available at telex.automattic.ai (WordPress.com account required).

WordPress Blocks Are Having Their Moment

The timing couldn’t be better. WordPress has fully embraced block-based editing. 90+ core blocks. Full Site Editing is the standard. Biweekly updates add new capabilities.

The infrastructure for sharing is mature:

  • Block Directory lets users discover and install blocks with one click
  • Pattern Directory hosts thousands of ready-to-use layouts
  • GitHub has 34,000+ Gutenberg commits
  • Active #core-editor Slack with daily collaboration

Popular block collections like Otter Blocks (300,000+ installs) and GenerateBlocks (200,000+ installs) prove the ecosystem is thriving.

The Challenge: WordPress Zen Garden 2025

Here’s the vision—CSS Zen Garden reimagined for the AI age:

The Setup

Everyone starts with the same basic WordPress block—maybe a simple content card with text, image, and button elements. Your challenge: use Telex to transform it into something extraordinary.

The Constraint (This Is Critical)

No direct code editing allowed. Pure vibe coding only. Just like CSS Zen Garden’s “no HTML changes” rule, you can only work through Telex prompts. This is about mastering AI-assisted creativity, not traditional development.

If the AI gives you something close but not quite right? You can’t fix it manually. You refine your prompt. You iterate. You learn to communicate with AI more effectively. This constraint is what makes it educational.

What You Share

Each submission includes:

  • Your final block design
  • The prompt conversation with Telex (the full journey)
  • A brief write-up: What worked? What didn’t? What did you learn about prompting?
  • The generated code (viewable, downloadable, remixable)

The Showcase

A dedicated WordPress site (built with blocks, naturally) displaying every submission. Filter by technique, difficulty, or features. Each entry shows the transformation from initial concept to final creation—the prompt engineering process visible for everyone to learn from.

The Progression

Start simple. Build confidence and community. Then level up—more complex base blocks that demand sophisticated transformations. Data visualizations. Interactive quizzes. Dynamic content aggregators.

Why This Matters Right Now

We’re not just recreating CSS Zen Garden. We’re adapting its genius for our moment.

CSS Zen Garden arrived when designers needed proof that CSS could be beautiful. We’re at that moment with AI-assisted development. The tools are here—GitHub Copilot, Cursor, v0.dev, Telex. The question isn’t whether AI will be part of web development. It already is.

The question is: How do we teach people to use these tools creatively and effectively?

A WordPress Zen Garden serves everyone:

Beginners get a low-barrier entry to WordPress development. Describe what you want in plain language. See it work instantly. Learn by doing.

Experienced developers explore AI workflows in a structured way. Discover how to write killer prompts, when to iterate, how to evaluate AI suggestions.

Designers bring visual ideas to life without waiting for developer availability. The feedback loop—prompt, generate, test, refine—matches design thinking.

Educators get a ready-made curriculum showing AI tools, WordPress architecture, responsive design, and collaborative learning.

The WordPress community gets a showcase of what’s possible, driving adoption while creating a repository of learning resources.

The Infrastructure Is Ready. Are You?

Everything exists:

  • Telex is free and public
  • WordPress Playground eliminates setup friction
  • Block Directory provides distribution
  • The community has established channels and norms
  • The world has proven that challenge-based learning works

What’s needed is the spark.

Someone to define that first challenge block. Someone to create the showcase platform. Someone to invite the community to participate. Someone to say: Let’s show what AI-assisted block development can become.

The Rallying Cry

Twenty-two years ago, Dave Shea asked designers to show what CSS could do. The community responded with brilliance that changed web design forever.

Today, I’m asking the WordPress community: Show us what AI-assisted block development can become.

One WordPress block. Infinite AI-powered transformations. No code editing—pure vibe coding only.

The constraints are set. The tools are ready. The community is waiting.

CSS Zen Garden proved that structure enables creativity. Let’s prove it again for the AI age.

WordPress Zen Garden: Same block. Infinite possibilities. All through conversation.

The gallery is empty.

Who’s submitting the first design?

Ready to start? Grab that basic block, fire up Telex, and show us what you’ve got. Share your journey. Teach us your prompts. Let’s build this together.