CSS-Doodle
Summary
CSS-Doodle is a web component that generates a grid of elements using CSS rules inside a Shadow DOM. It exposes a rich CSS-like DSL with grid, selectors, and numerous helpers, plus a JavaScript API for runtime control and exporting. The article covers getting started, usage, and practical examples, highlighting its flexibility for generative and decorative patterns in web projects.