Madza 
@madzadev:
1. haikei
An all-around generator with blob, wave, gradients, low poly, and other modes, that can be further individually customized.
app.haikei.app
@madzadev:
1. haikei
An all-around generator with blob, wave, gradients, low poly, and other modes, that can be further individually customized.
app.haikei.app
Madza @madzadev:
2. bgjar
A free generator with modes like polygon, blob, colored shapes, curved lines, overlays, and others, with options to change width, height, and colors for each layer.
bgjar.com
@madzadev:
2. bgjar
A free generator with modes like polygon, blob, colored shapes, curved lines, overlays, and others, with options to change width, height, and colors for each layer.
bgjar.com
Madza @madzadev:
3. coolbackgrounds
A collection of tools to create compelling, colorful images for blogs, social media, and websites.
Includes abstract triangle, particle, gradient, topography, and image modes.
coolbackgrounds.io
@madzadev:
3. coolbackgrounds
A collection of tools to create compelling, colorful images for blogs, social media, and websites.
Includes abstract triangle, particle, gradient, topography, and image modes.
coolbackgrounds.io
Madza @madzadev:
4. meshgradient
A design tool to generate beautiful & colorful mesh gradients.
Generate multiple random variations of mesh gradients along with cool color customizations.
meshgradient.in
@madzadev:
4. meshgradient
A design tool to generate beautiful & colorful mesh gradients.
Generate multiple random variations of mesh gradients along with cool color customizations.
meshgradient.in
Madza @madzadev:
5. mesh-gradients
Free, handmade mesh gradients for your next project.
Gradients in .sketch, .png, .ai, .jpg, .eps.
Download and use in your commercial and personal projects.
products.ls.graphics/mesh-gradients/
@madzadev:
5. mesh-gradients
Free, handmade mesh gradients for your next project.
Gradients in .sketch, .png, .ai, .jpg, .eps.
Download and use in your commercial and personal projects.
products.ls.graphics/mesh-gradients/
Madza @madzadev:
6. gradienta
Lightweight, colorful, responsive backgrounds for personal and commercial projects.
It is free to use and an open-source project.
gradienta.io
@madzadev:
6. gradienta
Lightweight, colorful, responsive backgrounds for personal and commercial projects.
It is free to use and an open-source project.
gradienta.io
Madza @madzadev:
7. svgbackgrounds
Create stunning websites easily with fullscreen graphics under 5KB.
Click a background to begin customizing colors and other attributes, such as opacity, scale, and stroke.
svgbackgrounds.com
@madzadev:
7. svgbackgrounds
Create stunning websites easily with fullscreen graphics under 5KB.
Click a background to begin customizing colors and other attributes, such as opacity, scale, and stroke.
svgbackgrounds.com
Madza @madzadev:
8. SVG patterns
21 free SVG background pattern collection.
Click on the preset to see the preview and click to Get the code to generate the SVG code in the JSbin editor.
philiprogers.com/svgpatterns/
@madzadev:
8. SVG patterns
21 free SVG background pattern collection.
Click on the preset to see the preview and click to Get the code to generate the SVG code in the JSbin editor.
philiprogers.com/svgpatterns/
Madza @madzadev:
9. SVG gradient waves
Generate your own favorite SVG Wave.
Use gradients, randomness, and other parameters to generate gorgeous SVG waves to use in your next design!
outpan.com/app/9aaaf27303β¦
@madzadev:
9. SVG gradient waves
Generate your own favorite SVG Wave.
Use gradients, randomness, and other parameters to generate gorgeous SVG waves to use in your next design!
outpan.com/app/9aaaf27303β¦
Madza @madzadev:
10. patternpad
A tool to create beautiful design patterns.
Comes with a bunch of presets and lots of customization options like column and row sizes, density, shapes, and more.
patternpad.com/editor.html
@madzadev:
10. patternpad
A tool to create beautiful design patterns.
Comes with a bunch of presets and lots of customization options like column and row sizes, density, shapes, and more.
patternpad.com/editor.html
Madza @madzadev:
11. pattern monster
A simple online pattern generator to create repeatable SVG patterns.
Perfect for website backgrounds, apparel, branding, packaging design, and more.
pattern.monster
@madzadev:
11. pattern monster
A simple online pattern generator to create repeatable SVG patterns.
Perfect for website backgrounds, apparel, branding, packaging design, and more.
pattern.monster
Madza @madzadev:
12. visiwig
A free vector pattern generator.
Customize seamless patterns and export for the web or your favorite vector software.
visiwig.com/patterns/
@madzadev:
12. visiwig
A free vector pattern generator.
Customize seamless patterns and export for the web or your favorite vector software.
visiwig.com/patterns/
Madza @madzadev:
13. heropatterns
A collection of repeatable background patterns for you to use on your web projects.
Lots of presets to choose from and customization options for background and foreground colors.
heropatterns.com
@madzadev:
13. heropatterns
A collection of repeatable background patterns for you to use on your web projects.
Lots of presets to choose from and customization options for background and foreground colors.
heropatterns.com
Madza @madzadev:
14. tabied
An artwork gallery.
The user is required to select the preset, then edit the palette colors, column, and row count as well as shape frequency.
tabbied.com/select-artwork
@madzadev:
14. tabied
An artwork gallery.
The user is required to select the preset, then edit the palette colors, column, and row count as well as shape frequency.
tabbied.com/select-artwork
Madza @madzadev:
15. animated css
An animated background generator.
Comes with three presets with options to customize the color of the background as well as the count of elements and their size and speed.
wweb.dev/resources/animβ¦
@madzadev:
15. animated css
An animated background generator.
Comes with three presets with options to customize the color of the background as well as the count of elements and their size and speed.
wweb.dev/resources/animβ¦
Madza @madzadev:
16. pattern-css
CSS only library to fill your empty background with beautiful patterns.
Easy to read docs with usage instructions as well as great templates to get started.
bansal.io/pattern-css
@madzadev:
16. pattern-css
CSS only library to fill your empty background with beautiful patterns.
Easy to read docs with usage instructions as well as great templates to get started.
bansal.io/pattern-css
Madza @madzadev:
Want to discover more resources like these?
I will include a massive list in my upcoming newsletter issue
Be among the first to receive it, by subscribing for free
madzadev.substack.com
@madzadev:
Want to discover more resources like these?
I will include a massive list in my upcoming newsletter issue
Be among the first to receive it, by subscribing for free
madzadev.substack.com
Madza @madzadev:
If this thread was helpful to you:
1. Follow me (@madzadev) for daily content like this
2. Connect with me: linkedin.com/in/madzadev/
3. RT the tweet below to share it with your friends
twitter.com/madzadev/statuβ¦
@madzadev:
If this thread was helpful to you:
1. Follow me (@madzadev) for daily content like this
2. Connect with me: linkedin.com/in/madzadev/
3. RT the tweet below to share it with your friends
twitter.com/madzadev/statuβ¦