When we launched the first prototype of ColorSnap UI, we knew it was a proof of concept — not a foundation. The original codebase carried legacy decisions that made every new component harder to ship. So we made the hard call: delete everything and start fresh.
The new architecture is built around CSS custom properties as first-class design tokens. Every component reads from the same token surface, which means themes, the builder, and the playground all speak the same language. No more one-off color overrides or inconsistent border radii.
We rebuilt the component library from the ground up with accessibility in mind — semantic HTML, ARIA patterns, and keyboard navigation baked in from day one. The CDN bundle is tree-shakeable, the npm package ships ESM and CJS, and all 30+ components work with both React and plain HTML.
Phase 2 adds the docs portal you're browsing now: the theme builder, component playground, prompt generator, global search, and community pages. v0.1.0 ships the full component expansion, seven built-in themes, and the complete docs site at colorsnap.org.
What's next? The roadmap includes an AI theme builder, CLI tooling, a VS Code extension, and a Figma kit. We're building in public — follow the changelog, join Discord, and let us know what you'd like to see.