Search Resources
Links by Tag
  • 3D
  • A11y
  • AI/ML
  • Animation
  • Audio
  • Backgrounds
  • Blogs
  • Books
  • Branding
  • Business
  • Career
  • CMS
  • Code
  • Colour
  • Community
  • Copywriting
  • CSS Generators
  • Design
  • Dev Tools
  • Domains & Hosting
  • eCommerce
  • Email
  • Featured
  • Fun
  • Icons
  • Illustrations
  • Inspiration
  • Learning
  • Marketing
  • Photography
  • Placeholders
  • Podcasts
  • Productivity
  • Security
  • Self-Hosted
  • SEO
  • Services
  • Software
  • Templates
  • Testing
  • Typography
  • Video
  • WordPress
Toolkit
  • About
  • Suggest
Screenshot of Doodad Pattern Generator website
Visit Link
https://doodad.dev/pattern-generator/

Doodad Pattern Generator

Filed under Backgrounds

Use this tool to create unique, seamless, royalty-free patterns. Choose a base style, then customize with colors, filters, and transforms.

free

Report a problem with this link

Welcome to Toolkit! 🧰

Toolkit is a curated collection of tools & resources for people who make websites. Follow on Twitter for a fresh link daily or browse the site to discover the growing collection.


More from Backgrounds

View all Backgrounds  
Screenshot of fffuel website
Visit Link
https://fffuel.co/

fffuel

Filed under Backgrounds, Colour, Design, Illustrations

fffuel is a collection of color tools and free SVG generators for gradients, patterns, textures, shapes & backgrounds

free
Screenshot of Envato Elements website
Affiliate
Visit Link
https://1.envato.market/toolkit

Envato Elements

Filed under Animation, Audio, Backgrounds, Branding, Featured, Icons, Illustrations, Photography, Templates, Video, WordPress

One subscription for access to 1,500,000+ assets. Unlimited downloads & future-proof licensing.

premium
Screenshot of CSS Pattern Generator website
Visit Link
http://www.patternify.com/

CSS Pattern Generator

Filed under Backgrounds, Code, CSS Generators

Draw your pattern on the grid. You can use the cursors to limit the drawing surface and control the tiling. Once you're done, just download the PNG (make sure to rename it and add the ".png" extension at the end) or copy the code to your CSS. And you can also get a unique URL to share with other pattern aficionados.

free
Screenshot of UI Gradients website
Visit Link
https://uigradients.com/

UI Gradients

Filed under Backgrounds, Colour, Design

uiGradients is a community contributed collection of beautiful multi-color gradients.

free
Screenshot of SVG Gradients website
Visit Link
https://svggradients.com/

SVG Gradients

Filed under Backgrounds, Design

50 free SVG Mesh gradients easy to copy-paste

free
Screenshot of Artvee website
Visit Link
https://artvee.com/

Artvee

Filed under Backgrounds, Illustrations, Photography

Browse and download high-resolution, public domain artworks.

open source
Screenshot of Haikei SVG Pattern Generator website
Visit Link
https://app.haikei.app/

Haikei SVG Pattern Generator

Filed under Backgrounds, Design, Illustrations

Haikei is a web-based design tool to generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more!

free
Screenshot of Ffflux website
Visit Link
https://fffuel.co/ffflux/

Ffflux

Filed under Backgrounds

SVG generator for fluid blurred gradient backgrounds.

free
Screenshot of CSS Doodle website
Visit Link
https://css-doodle.com/

CSS Doodle

Filed under Backgrounds, Code

A web component for drawing patterns with CSS.

open source
Screenshot of Tabbied website
Visit Link
https://tabbied.com/

Tabbied

Filed under Backgrounds, Illustrations

Doodle with generated patterns. Tabbied was initially developed as a tool for making wall art, but we quickly realized that it could be used for many other purposes.

free
Screenshot of Basic Pattern Repository website
Visit Link
https://patterns.helloyes.dev/

Basic Pattern Repository

Filed under Backgrounds

Copy & paste SVG patterns.

open source
Screenshot of Vanta.js website
Visit Link
https://www.vantajs.com/

Vanta.js

Filed under 3D, Animation, Backgrounds

Animated website backgrounds in a few lines of code.

free

But wait, there's more! 🧰✨

Check out the sidebar menu (or tap the in the bottom right on mobiles) to search and browse by tag.

3D
A11y
AI/ML
Animation
Audio
Backgrounds
Blogs
Books
Branding
Business
Career
CMS
Code
Colour
Community
Copywriting
CSS Generators
Design
Dev Tools
Domains & Hosting
eCommerce
Email
Featured
Fun
Icons
Illustrations
Inspiration
Learning
Marketing
Photography
Placeholders
Podcasts
Productivity
Security
Self-Hosted
SEO
Services
Software
Templates
Testing
Typography
Video
WordPress
3D
A11y
AI/ML
Animation
Audio
Backgrounds
Blogs
Books
Branding
Business
Career
CMS
Code
Colour
Community
Copywriting
CSS Generators
Design
Dev Tools
Domains & Hosting
eCommerce
Email
Featured
Fun
Icons
Illustrations
Inspiration
Learning
Marketing
Photography
Placeholders
Podcasts
Productivity
Security
Self-Hosted
SEO
Services
Software
Templates
Testing
Typography
Video
WordPress

Toolkit by Addy Codes is a curated collection of tools and resources for people who make websites.

Make friends making the web on our Discord community. ✨

Webwide is an inclusive, supportive Discord community of professional and hobbyist web designers & developers.

Discord Join Webwide on Discord
© Addy Codes 2023. All rights reserved. Made with ☕️ in 🇬🇧. Proudly hosted with 100% renewable energy 🍃 at Krystal Hosting (affiliate).
Freelance Web Developer   About   Privacy   Submit