---
title: "css-doodle"
description: "Web component that generates CSS-only patterns and grids from a compact declarative rule language with built-in randomness."
canonical: "https://vibing.inc/library/css-doodle-vg-1709"
category: "Shaders, WebGL & Creative Coding"
subcategory: "Creative coding"
license: "MIT"
author: "Yuan Chuan (@yuanchuan23)"
source: "https://css-doodle.com/"
---

# css-doodle
Web component that generates CSS-only patterns and grids from a compact declarative rule language with built-in randomness.
## Facts
- Source: https://css-doodle.com/
- Category: Shaders, WebGL & Creative Coding / Creative coding
- Author: Yuan Chuan (@yuanchuan23)
- Licence: MIT
- Tags: css, patterns, generative, web-components
## Why it's a gem
Generative art with no canvas or WebGL at all; absurdly small payload.
---
Listed in The Vibeary: https://vibing.inc/library/css-doodle-vg-1709 · JSON: https://vibing.inc/api/public/library/gems/css-doodle-vg-1709