# CSS doodle

- **Website:** <https://css-doodle.com>
- **Primary alias:** `css-doodle.com`

## Description

**Description of css-doodle**

css-doodle is a powerful web component designed for creating intricate patterns using CSS, leveraging Shadow DOM and Custom Elements for seamless integration across major browsers. This versatile tool allows developers to craft dynamic graphics through a grid of divs, where each cell can be manipulated using straightforward CSS rules. With features such as a customizable grid attribute and various selectors like :doodle, :container, and @nth, users can implement diverse visual styles and animations effortlessly.

The component supports downloads via CDN or npm installation, making it accessible for quick implementation in projects. Additionally, css-doodle offers an array of utility functions and properties, allowing creative flexibility to designers from simple graphics to complex animations. Whether you’re seeking to enhance your web applications or explore the limits of CSS, css-doodle provides all the tools necessary for innovative design. Support the development of this project through sponsorship or by becoming a backer on Open Collective.

## Industries

- 🖥 Computers Electronics and Technology
- 🖥 Programming and Developer Software _(under Computers Electronics and Technology)_
- 🖥 Graphics Multimedia and Web Design _(under Computers Electronics and Technology)_

## Links

- [twitter](https://twitter.com/css_doodle)
- [github](https://github.com/css-doodle)

## Logos & icons

- logo _(primary)_ — PNG — [download](https://cdn.brandfetch.io/id4Pel3eX5/w/128/h/128/theme/dark/logo.png?c=1bxid64Mup7aczewSAYMX&t=1779253029964)
- icon _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/id4Pel3eX5/w/400/h/400/theme/dark/icon.jpeg?c=1bxid64Mup7aczewSAYMX&t=1779253030058)

## Colors

| Name | Hex | Theme |
| --- | --- | --- |
| Minsk | #42378c | accent |
| Haiti | #0a0c27 | dark |
| Dodger Blue | #3595fb | light |

## Fonts

- monospace — asset _(custom)_

## Imagery

- banner _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/id4Pel3eX5/w/1500/h/500/idONp6PXzT.jpeg?c=1bxid64Mup7aczewSAYMX&t=1779253030422)

---

_Source: <https://brandfetch.com/css-doodle.com>_
_See [/llms.txt](/llms.txt) for a full list of agent-readable pages, and [/auth.md](/auth.md) for how agents authenticate._