Online test to help speeding up heavy web pages
Create gorgeous, buttery-smooth color gradients for UI design. Export as CSS or SVG image.
Click + Paste Graphics - that elevates your your website and brand visuals
Browse 300.000+ SVG Vectors and Icons. Explore, search and find the best fitting icons or vectors for your projects using wide variety vector library.
Open-source CSS, SVG and Figma UI Icons Available in SVG Sprite, styled-components, NPM & API
Material Icons are available in five styles and a range of downloadable sizes and densities. The icons are based on the core Material Design principles and metrics.
Generate random strings
Create syntax-highlighted code for your slide decks.
Test your website at different screen resolutions.
Easily copy your favorite icons from Font Awesome as SVG
Search against any element for standardized and default styles from all major rendering engines (WebKit, Blink, Gecko, Trident)
A simple page that shows all the different characters and their HTML code
Choose colors for your logo, website, business, room, or print design project. Adjust colors quickly and easily
Site owners and digital marketers use Waterfaller as as an alternative to Google PageSpeed Insights to find and fix problems with page speed and core web vital scores.
Animated icons in Lottie Framework and for immediate implementation to your apps or websites.
Remove Image Background: 100% automatically – in 5 seconds – without a single click – for free.
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.
Generate better performing screenshots by focusing the user's attention.
Check how search engines and social medias such as Google, Facebook, Twitter display your website.
Create a temporary email. For 10 minutes or more. Anonymous email service allows you to receive emails for a safe registration on sites and services. Unlimited mailbox lifetime. No registration. Unlimited mailbox size. Attachments allowed.
Compare performance metrics of your pages against each other or your competitors using Google PageSpeed Insights.
Supercharge your gradients with non-linear color mix and custom color spaces.
You can set the numbers, and units of your columns and rows, and I'll generate a CSS grid for you! Drag within the boxes to create divs placed within the grid.
Preview and choose the right type scale for your project. Experiment with font size, scale and different webfonts.
Progressive Web Application with 12 open source frontend focused tools
HTML Arrows is a comprehensive reference website for finding HTML symbol codes and entities, ASCII characters and Unicode hexadecimal values to use in your web design.
Browser-based, privacy-aware JPEG optimizer
Free and open source icons designed with attention to detail to make your design stand out.
RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp).
Shows the typed key code.
The Responsinator is designed to test responsive websites on different device resolutions
The ultimate favicon generator. Design your icons platform per platform and make them look great everywhere. Including in Google results pages.
Generate clip-path CSS code, based on editable templates.
Easily make tints and shades that match the output of Chrome DevTools, PostCSS, and Sass.
Tool to calculate the exact number of the right line-height for every text size in the scale, so it always fits the baseline grid!
Free beautiful QR codes. Add/remove borders. Add text, use transperant background, apply any color.
Test for modern Internet Standards like IPv6, DNSSEC, HTTPS, TLS, HSTS, DMARC, DKIM, SPF, STARTTLS and DANE.
This tool lets you check the color contrast between different color pairings and check for common color perceptions against WCAG accessibility standards.
A Hassle-Free Way to Self-Host Google Fonts. Get eot, ttf, svg, woff and woff2 files + CSS snippets!
Make your website faster and save bandwidth. TinyJPG is the best automatic JPEG optimizer and compresses your JPEG images by 40-60%!
Verify that your SSL certificate is installed correctly, identify installation issues if any.
Compress and compare images with different codecs, right in your browser
Quickly and easily assess the security of your HTTP response headers
Convert any major image format into a highly optimized JPEG
HTTP Status Code directory, with definitions, details and helpful code references.
Helpy small tool, to get some device features, such as the different widths, heights, orientation, full screen, mobile or desktop, height of the navigation bar, etc.
Website scanner for suspicious and malicious URLs
Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use
Analyze any public website using webhint's online tool
See how well your website performs. Then, get tips to improve your user experience.
A collection of free single-purpose online tools for web developers.