All Projects → css-doodle → Css Doodle

css-doodle / Css Doodle

Licence: mit
🎨 A web component for drawing patterns with CSS.

Programming Languages

javascript
184084 projects - #8 most used programming language
Makefile
30231 projects

Projects that are alternatives of or similar to Css Doodle

mightyscape-1.X
A maintained extension collection for Inkscape 1.0+, working on Windows and Linux
Stars: ✭ 23 (-99.43%)
Mutual labels:  patterns
Artline
A Deep Learning based project for creating line art portraits.
Stars: ✭ 3,061 (-23.74%)
Mutual labels:  generative-art
Context Free
Context Free is a program that generates images from written instructions called a grammar. The program follows the instructions in a few seconds to create images that can contain millions of shapes.
Stars: ✭ 326 (-91.88%)
Mutual labels:  generative-art
FrontEnd-Note
FrontEnd Knowledge Package 📦
Stars: ✭ 14 (-99.65%)
Mutual labels:  web-component
pencil-scribbles
Create pencil effect drawings from pictures using R
Stars: ✭ 30 (-99.25%)
Mutual labels:  generative-art
Csound Expression
Haskell Framework for Electronic Music
Stars: ✭ 257 (-93.6%)
Mutual labels:  generative-art
glitch-image
🖼 Generate and save unique glitchy images
Stars: ✭ 46 (-98.85%)
Mutual labels:  generative-art
X Frame Bypass
Web Component extending IFrame to bypass X-Frame-Options: deny/sameorigin
Stars: ✭ 335 (-91.65%)
Mutual labels:  web-component
software-design-pattern
Software design pattern
Stars: ✭ 43 (-98.93%)
Mutual labels:  patterns
Bluepic
WARNING: This repository is no longer maintained ⚠️ This repository will not be updated. The repository will be kept available in read-only mode.
Stars: ✭ 322 (-91.98%)
Mutual labels:  patterns
cl-patterns
Library for writing patterns to generate or process (a)musical sequences of mathematically (un)related (non-)compound values in Lisp.
Stars: ✭ 62 (-98.46%)
Mutual labels:  patterns
VQGAN-CLIP-Docker
Zero-Shot Text-to-Image Generation VQGAN+CLIP Dockerized
Stars: ✭ 58 (-98.56%)
Mutual labels:  generative-art
Vpype
The Swiss-Army-knife command-line tool for plotter vector graphics.
Stars: ✭ 292 (-92.73%)
Mutual labels:  generative-art
svelte-webcomponents
A ready-to-use project template to build custom elements (web components) with Svelte 3 with support and examples for web components, jest, sass, nested components with props, eslinting, stylelinting, Github actions, propagating custom events from shadow-DOM to real-DOM etc.
Stars: ✭ 22 (-99.45%)
Mutual labels:  web-component
Generativeart
Generative Art in Go
Stars: ✭ 313 (-92.2%)
Mutual labels:  generative-art
Mediator
Small .NET library that helps with the implementation of mediator pattern for commands, events and queries
Stars: ✭ 31 (-99.23%)
Mutual labels:  patterns
Sand Spline
generative algorithm
Stars: ✭ 261 (-93.5%)
Mutual labels:  generative-art
Scala typeclassopedia
Abstractions and constructions from math (Category theory, Abstract algebra) implementations in Scala, minimal description, links to good explanations, links to implementations in other FP languages: Haskell, Idris, Purescript, non FP too: Java, C++ and to formalizations in proof assistants: Coq (UniMath, HoTT book), Cubical Agda.
Stars: ✭ 338 (-91.58%)
Mutual labels:  patterns
Generativeart
Create Generative Art with R
Stars: ✭ 322 (-91.98%)
Mutual labels:  generative-art
Pattern.css
CSS only library to fill empty background with beautiful patterns.
Stars: ✭ 3,481 (-13.28%)
Mutual labels:  patterns

<css-doodle />

Build Status license

A web component for drawing patterns with CSS.

screenshot

Example

<css-doodle>
  @grid: 5 / 200px;
  background: @p(#000, #fff);
  margin: 1px;
</css-doodle>

Docs

https://css-doodle.com

Design tools

  • Tabbied -- Doodle with generated patterns
  • Shapes -- Discover new CSS polygon shapes

Resources

Build

# build css-doodle.js
npm run build

# generate css-doodle.min.js
npm run minify

# or just use make
make

Support

Thank you for your support! 🙏

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].