The Dev Experience We Wanted to See

Why We Started

• Fragmented AEM components
• No clear playground or policy reference
• Developers struggled to find patterns

Our Vision

• One source of truth
• Themeable, composable, and interactive
• DX meets design consistency

What We Built

• Tailwind-powered UI
• React + AEM HTL hybrid templates
• Monaco Editor for real-time CSS
• Theme switcher with persistence

Demos That Matter

• Live policy previews
• Usage analytics with real data
• Toggle dark mode + color themes
• Notes & shareable playground links

Behind the Scenes

• Bitbucket Pipelines + Codecov
• Modular Tailwind theme plugin
• Tests, stories, docs... all in place

Looking Ahead

• Visual regression (Chromatic, Percy)
• In-context AEM author preview
• Automated doc updates

Let’s Collaborate

The catalog is for us. Let’s build it better.