1 Repo
Tools that generate geometric patterns and backgrounds by styling a grid of cells with CSS properties.
Distinct from CSS Grid & Table Patterns: Distinct from CSS Grid & Table Patterns: focuses on generative art patterns, not layout consistency.
Explore 1 awesome GitHub repository matching web development · CSS Grid Pattern Generators. Refine with filters or upvote what's useful.
css-doodle is a web component for creative coding that renders live CSS-generated patterns and animations directly in the browser. It creates generative art and visual patterns by applying CSS rules to a grid of cells, using the browser's native layout engine for positioning and styling. The component encapsulates its pattern canvas and styling within a custom element's shadow DOM, isolating it from page styles and enabling reusable instances. The tool distinguishes itself by driving pattern configuration through CSS custom properties, allowing dynamic style changes and real-time updates with
Generates geometric patterns and backgrounds by styling a grid of cells with CSS properties.