A web developers toolbox with currently 143 resources.
---
A typographic cheat sheet. Simple overview page for special characters and their shortcodes.
Best Free Fonts is a curated selection of 186 free fonts. Including serif, sans serif, script and monospace.
A comprehensive resource listing all paper sizes, dimensions and formats
The AI powered color palette generator
Online whiteboard collaboration made easy
Whiteboard
Collection of coding fonts.
Email.ML(aka Email.Beer) is a minimalistic temporary email service.
SVG Viewer is an online tool to view, edit and optimize SVGs.
Gradientor – A minimalist, beautiful Radial Background Generator
The most minimal sites on the web, curated in one place.
For the love of beautiful & functional websites
A color palette generator, converter etc.
Trace Pixels To Vectors in Full Color
CSS Box Shadows Generator
A tool for creating and exporting dot patterns for graphic designers, UI/UX, and other visual professionals.
A library of over 70 custom-color elements ready to paste into your project.
This website is a curated collection of typefaces that are available under a variety of free licences somewhere on the interwebs.
Bento Grids is a curated collection of tiles-based layouts that were popularized by Apple with their summary slides.
Perfectly rounded icon library made for designers and developers.
Icon Explorer with Instant searching, powered by Iconify
All popular icon sets, one framework. Over 150,000 open source vector icons.
The best digital design resources from around the Web in one place.
Calculates fluid type scale font sizes for responsive design.
Free copy & paste SVG icons for popular brands
A free tool to make it easier for designers and developers to export a beautiful SVG shape divider.
Practical CSS and design tips that helps in building future-proof user interfaces.
The Free Online Photo Editor In Your Browser.
An on-going archive of found typography.
One Page websites, templates and resources
conoir is one of the biggest open source icons libraries. No premium icons, no email sign-up, no newsletters. Icons available in SVG format, Font, React and React Native libraries, Figma and Framer.
A Hassle-Free Way to Self-Host Google Fonts
Linear gradients often have hard edges where they start and/or end. We can avoid those by controlling the color mix with easing functions.
Create a set of lush, realistic CSS shadows
Encoded SVG can be used in background, in border-image or in mask
Witeboard is the fastest way to collaborate real-time with your team anywhere.
Get YouTube Video Thumbnail Images for free
Create fluid scales for type and spacing using CSS clamp() and not relying on media queries.
An all-around generator with blob, wave, gradients, low poly, and other modes, that can be further individually customized.
fffuel is a collection of color tools and free SVG generators for gradients, patterns, backgrounds & decorative graphics
Explore the parameters that make up noisy gradients.
Convert your images to base64
A Visual Type Scale
CSS Hexagon Generator
The purpose of this tool is to accurately produce tints (pure white added) and shades (pure black added) of a given hex color in 10% increments.
An open source toolbox for colors.
Radio Garden invites you to tune into thousands of live radio stations across the globe
Remove objects, people, text and defects from any picture
Color tool for everyone!
Choose your styles
Open source emojis for designers, developers and everyone else!
30+ Hand curated color palettes.
Pick the best color combinations in any of your photos!
fontisto the iconic font and css toolkit
Free, open source health icons
Pinter New Image turns photos into funky and fun line images.
CSS colors sorted by their hue, saturation and lightness
ITF (the Indian Type Foundry) has launched a brand new font service to bring beautiful typography to every business for free.
Create your Color Palette with up to 14 Colors.
Favorite JavaScript Utilities in single line of code! No more!
Preview all target screens in a single window side-by-side.
Turn your code into beautiful images. Choose from a range of syntax colors, hide or show the background, and toggle between a dark and light window.
Style guide and pattern library promoting accessible components and WCAG compliance criteria.
The Component Gallery is a collection of components from the best Design Systems.
themer takes a set of colors and generates themes for your development environment.
Blobs – Generate beautiful blob shapes for web and flutter apps.
Transfer Secrets Securely
Convert any image into pixel art.
A ruler application for macOS.
ImageOptim makes images load faster. Removes bloated metadata. Saves disk space & bandwidth by compressing images without losing quality.
An open-source colour picker app for macOS.
Privacy-aware JPEG optimizer. The images you upload never leave your device: all the processing is done entirely in the browser.
Page speed tools. CSS, JS, GZIP, Images etc.
Textures, Patterns, Vector Graphics ‘n’ stuff.
A color palette composer inspired by audio parametric equalizers. Create beautiful color palettes with a scientific precision.
Create unique, seamless, royalty-free patterns.Choose a base style, then customize with colors, filters, and transforms.
Gradient Generator for Linear and Radial Css Color Gradients.
Random Color Cycler. Generative color harmonies. The random color expolorer.
A curated directory of 500+ Mac menu bar apps. Small apps to help you become more productive and maximize your workflow with MacOS.
“Can I use” provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
Search for colors by keywords.
List of the best fonts for coding with live preview.
Beautiful and simple UI for generating web gradients.
Create and tweak CSS box-shadows.
Type Sample is a tool for identifying and sampling webfonts, as a browser extension or bookmarklet.
The purpose of this tool is to accurately produce tints (pure white added) and shades (pure black added) of a given hex color in 10% increments.
Crop, retouch, and add filters to your images right from your browser with the Adobe Photoshop Express online image editor.
Database management made easy. Modern, native, and friendly GUI tool for relational databases: MySQL, PostgreSQL, SQLite & more.
SVGBox makes it dead-easy to include icons in your project. Simple <img/> tags: that’s all you need. No CSS, JS, file uploads, or inline SVGs.
MapMaker Interactive allows you to choose from a variety of base maps depending on the information you want to display on your map.
Helping you implement HTML5 today.
WordPress Query Comprehensive Reference
cdnjs is a free and open-source CDN service trusted by over 10% of websites, powered by Cloudflare. We make it faster and easier to load library files on your websites.
PageSpeed Insights (PSI) reports on the performance of a page on both mobile and desktop devices, and provides suggestions on how that page may be improved.
Daily articles about CSS, HTML, JavaScript, and all things related to web design and development.
A simple visual cheatsheet for flexbox. Learn all about the properties available in flexbox through simple visual examples.
“Can I use” provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
A bookmarklet to refresh the CSS of your currently open webpage.
Online Code Editor and Front End Web Developer Community. The best place to build, test, and discover front-end code.
Your daily dose of design inspiration.
Free hand-picked HTML, CSS and JavaScript (jQuery, React, Vue) code examples, tutorials and articles.
Test a webpage to see if compression is enabled.
A hackable text editor for the 21st Century.
A sophisticated text editor for code, markup and prose.
A modern, HTML5-ready alternative to CSS resets.
Online CSS Minifier/Compressor. Free! Provides an API. Simple Quick and Fast.
A SVG Minifier. Web GUI for SVGO.
The tool generates a stepped gradient between 2 colors.
Free online analog film emulator.
Color Scale Generator
The super fast color schemes generator.
The biggest collection of official brand color codes around. Curated by @brandcolors and friends.
Create, share, and apply color palettes to your UI, as well as measure the accessibility level of any color combination.
A basic app that allows you to find and copy special characters to your clipboard.
Squoosh is an image compression web app that allows you to dive into the advanced options provided by various image compressors.
Just-add-water CSS animations.
Making the web more beautiful, fast, and open through great typography.
Get vector icons and social logos on your website with Font Awesome, the web’s most popular icon set and toolkit.
Generate Soft-UI CSS code
avataaars generator is a free online avatar generator for anyone to make their beautiful personal avatar easily.
A hand-drawn illustration library.
CSS Animations on demand.
Icons and Photos For Everything.
Make organic SVG shapes with Blobmaker.
Make some waves!
The best free stock photos & videos shared by talented creators.
Transform your digital images to analog-like pictures.
The ‘lorem ipsum’ generator that doesn’t suck.
CSS Gradient is a happy little free tool that lets you create a gradient background for websites.
Make a smooth shadow, friend.
Create your QR Code for free.
Trianglify.io is a tool to generate low-poly backgrounds, textures, and vectors.
Squircley is all you need to start creating beautiful organic shapes ready to use for logos, icons and background images.
Official tensorflow implementation for CVPR2020 paper “Learning to Cartoonize Using White-box Cartoon Representations”
This website renders every single road within a city.
Mix-&-match illustrations of people with a design library.
Free vector illustrations to class up your project
Discover IRA illustrations to power up your project.
Browse to find the images that fit your needs and click to download. Use the on-the-fly color image generation to match your brand identity.
The internet’s source of freely-usable images. Powered by creators everywhere.
Free svg background generator for your websites, blogs and app.
https://bgjar.com/