> For the complete documentation index, see [llms.txt](https://dagora.gitbook.io/guides/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://dagora.gitbook.io/guides/egm/resources/tools/for-creators/design-tools.md).

# Design Tools

Resources for artists, creators and designers!

### General Tools

* [<mark style="color:red;">**Create Better**</mark>](https://www.createbetter.xyz/)
* [<mark style="color:red;">**Muz.li Extension**</mark>](https://muz.li/)
* [<mark style="color:red;">**Animate CSS**</mark>](https://animate.style/)
* [<mark style="color:red;">**UI 8**</mark>](https://ui8.net/)
* [<mark style="color:red;">**CSS GUI**</mark>](https://components.ai/css-gui)
* [<mark style="color:red;">**Text to ASCII**</mark>](https://patorjk.com/software/taag/#p=display\&f=Graffiti\&t=Type%20Something%20)

### Design Elements

* [<mark style="color:yellow;">**Illustrations**</mark>](https://www.charco.design/illustrations)
* [<mark style="color:yellow;">**Fonts**</mark>](https://open-foundry.com/)
* [<mark style="color:yellow;">**Brand Crowd Fonts**</mark>](https://www.brandcrowd.com/maker/tag/font)
* [<mark style="color:yellow;">**CSS Layout**</mark>](https://csslayout.io/)

### Color Generators, Palettes and Swatches

* [<mark style="color:blue;">**My Color Space**</mark>](https://mycolor.space/)
* [<mark style="color:blue;">**CSS Gradient**</mark>](https://cssgradient.io/)&#x20;
* [<mark style="color:blue;">**Gradient Swatches**</mark>](https://cssgradient.io/swatches/)
* [<mark style="color:blue;">**Gradient Generator**</mark>](https://www.joshwcomeau.com/gradient-generator/)
* [<mark style="color:blue;">**Coolors**</mark>](https://coolors.co/)

### Inspiration & Learning

* [**Hey Design**](https://heydesign.systems/)
* [**Gradient Examples**](https://cssgradient.io/blog/css-gradient-examples/)
* [**Josh W Comeau**](https://www.joshwcomeau.com/)
* [**CSS Awards**](https://css-awards.com/)
* [**Website Templates**](https://webflow.com/templates/free-website-templates)
* [**Charco Design**](https://www.charco.design/)
* [**HTML Landing Page Templates**](https://uideck.com/)