Design

100L5 - All online tools you need in one box for free. Build anything online with “all-in-one toolbox”. All tools are easy-to-use, blazing fast & free.
Super Designer - Create beautiful designs with a few clicks. Simple design tools to generate unique patterns, backgrounds, 3D shapes, colors & images for social media, websites and more
Free Tools by Softr - A collection of free tools by Softr, which you can use to create designs, edit and generate audio/video files, customize your website, and more.
loading.io - Build Your Ajax Loading Icons, Animated Text and More with SVG / CSS / GIF / PNG !
UIVERSE - Discover a wide range of open-source, customizable components for web and mobile applications on Uiverse. Browse an extensive selection of buttons, cards, loaders, inputs, and more to enhance your app's user interface and elevate your design experience.

Color

hue.tools - A free color mixer, blender, info and modifier tool. Mix multiple colors, get links for design inspiration and stock images based on a color, view various color combinations and modify colors in an intuitive.
Realtime Colors - Visualize your color palettes on a real website.
Adobe Color
Color review - A modern tool for exploring and finding accessible colors. Make sure that everyone can see your creations.
Colour Contrast Checker - Check the contrast between different colour combinations against WCAG standards

Smooth Shadow - Make a smooth css shadow
Neumorphism.io - CSS code generator that will help with colors, gradients and shadows to adapt this new design trend or discover its posibilities.
Glassmorphism CSS Generator - Glassmorphism is a unified name for the popular Frosted Glass aesthetic.
Custom Shape Dividers - Create fully responsive shape dividers for your next web project
Animista - Animista is a CSS animation library and a place where you can play with a collection of ready-made CSS animations and download only those you will use.
cubic-bezier - cubic-bezier generator
Easing Gradients - Supercharge your gradients with non-linear color mix and custom color spaces.
MESHER by CSS Hero - A Free tool to create beautiful mesh gradients only with CSS code. Use your own colors or randomly generated ones to build the trendiest CSS gradients of 2023
Keyframes - Not working?
CSS3 Generator - CSS3 Generator

fffuel - A fun collection of free SVG generators for gradients, patterns, shapes, textures & cool backgrounds. Plus, some more color tools for web designers.
SVG Repo - Free Vectors and Icons in SVG format. ✅ Download free mono or multi color vectors for commercial use. Search in 500.000+ Free SVG Vectors and Icons.
Iconer - SVG icon pack generator
BGJar - Free svg background generator for your websites, blogs and app.
Haikei - A web-based design tool to generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more! Our generators let you discover, customize, randomize, and export generative SVG design assets ready to use with your favorite design tools.
patternpad - PatternPad offers unlimited unique pattern designs that fit your style. Ideal for branding, presentations, social media posts or customising products.

dafont - Archive of freely downloadable fonts. Browse by alphabetical listing, by style, by author or by popularity.

Responsively - A dev-tool that aids faster and precise responsive web development.

DrawSQL - Simple, beautiful database diagram editor for developers to create, collaborate and visualize their entity relationship diagrams.

Design Principles - An Open Source collection of Design Principles and methods
GPRM - Best Profile Generator, Create your perfect GitHub Profile ReadMe in the best possible way. Lots of features and tools included, all for free !
Meta Tags - With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!
JSON CRACK - View your JSON data in graphs instantly.
Photopea - Photopea Online Photo Editor lets you edit photos, apply effects, filters, add text, crop or resize pictures. Do Online Photo Editing in your browser for free!
Excalidraw - Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.
JSON Hero - JSON Hero makes reading and understand JSON files easy by giving you a clean and beautiful UI packed with extra features.
OG Image Playground - Generate Open Graph images with Vercel’s Edge Function.
Bundlephobia - Find the cost of adding a npm package to your bundle

Sourcegraph - Sourcegraph makes it easy to write, read, and fix code—even in big, complex codebases—with universal code search, large-scale refactors, and more.
OverAPI - OverAPI.com is a site collecting all the cheatsheets,all!