Free tools for web designers and developers
57 free tools for the small jobs that slow down a build: converting px to rem, naming a color, writing a box-shadow, cleaning up HTML pasted from Word. Pick a tool, get the result, copy the code.
- 57 tools
- 6 categories
- Free, no install
Most used
The tools people open most often.
-
PT to CM Converter
Convert typography points to centimeters and centimeters to points.
Use tool -
PX to MM Converter
Convert pixels to millimeters at 72, 96, 150, 300 or a custom DPI.
Use tool -
Color Name Finder
Upload an image, click a pixel and get the closest named color.
Use tool -
EM to REM Converter
Convert EM to REM to keep CSS units consistent across a site.
Use tool -
CM to PX Converter
Convert centimeters to pixels at 72, 96, 150 or 300 DPI.
Use tool -
CSS Glassmorphism Generator
Set blur, transparency and saturation for frosted-glass CSS.
Use tool
Unit converters 14
Move between pixels, rem, em, points, centimeters and inches for screen and print.
-
PX to CM Converter
Convert pixels to centimeters and back at screen, print, Retina or 4K DPI.
Use tool -
PX to MM Converter
Convert pixels to millimeters at 72, 96, 150, 300 or a custom DPI.
Use tool -
PX to EM Converter
Turn fixed pixel values into EM units based on the parent font size.
Use tool -
PX to REM Converter
Switch between pixels and REM units for responsive CSS sizing.
Use tool -
PX to Inches Converter
Convert pixels to inches and back at any DPI, with a batch mode.
Use tool -
PX to PT Converter
Convert pixels to points for screen (96 dpi) or print (72 dpi).
Use tool -
PT to CM Converter
Convert typography points to centimeters and centimeters to points.
Use tool -
PT to PX Converter
Convert typography points to pixels for web type.
Use tool -
CM to PX Converter
Convert centimeters to pixels at 72, 96, 150 or 300 DPI.
Use tool -
Inch to PX Converter
Convert inches to pixels for accurate digital dimensions.
Use tool -
REM to PX Converter
Convert REM values back to pixels from your root font size.
Use tool -
REM to EM Converter
Convert REM to EM for component-level font sizing.
Use tool -
EM to PX Converter
Convert EM values to pixels from a base font size.
Use tool -
EM to REM Converter
Convert EM to REM to keep CSS units consistent across a site.
Use tool
CSS generators 16
Build shadows, shapes, gradients and animations visually, then copy the CSS.
-
CSS Box Shadow Generator
Build layered box-shadow CSS with a live preview and presets.
Use tool -
CSS Text Shadow Generator
Design multi-layer text-shadow effects and export CSS or Tailwind.
Use tool -
CSS Border Radius Generator
Shape corners with elliptical radii, squircle and pill presets.
Use tool -
CSS Gradient Backgrounds
106 copy-ready gradient backgrounds: linear, radial, conic and mesh.
Use tool -
CSS Gradient Generator
Create a gradient, preview it and copy the CSS.
Use tool -
CSS Button Generator
Style a custom CSS button and copy the code.
Use tool -
CSS Clamp Calculator
Generate fluid clamp() values for font sizes and spacing.
Use tool -
CSS Keyframe Animation Generator
Build @keyframes on a visual timeline, starting from 12 presets.
Use tool -
CSS Animation Generator
Set keyframes, duration and easing for a CSS animation.
Use tool -
CSS Clip-Path Generator
Drag polygon points to build clip-path shapes, with 18 presets.
Use tool -
CSS Glassmorphism Generator
Set blur, transparency and saturation for frosted-glass CSS.
Use tool -
CSS Loader Generator
Pick one of 12 CSS loading animations and set size, color and speed.
Use tool -
Glitch Text Generator
Turn text into one of 5 animated CSS glitch effects.
Use tool -
SVG Waves Generator
Stack SVG wave layers and export SVG, PNG, React or CSS.
Use tool -
CSS Triangle Generator
Generate CSS-only triangles by size, direction and color.
Use tool -
CSS Color Filter Generator
Adjust hue, brightness and contrast with CSS filter functions.
Use tool
Color tools 8
Name colors, build accessible palettes and convert between color formats.
-
Color Name Finder
Upload an image, click a pixel and get the closest named color.
Use tool -
Accessible Color Palette Generator
Build a five-color palette from one base color, with WCAG contrast badges.
Use tool -
RGB to HEX Converter
Convert RGB values to a HEX code with a live preview.
Use tool -
HEX to RGB Converter
Paste a 3- or 6-digit HEX code and get the rgb() value.
Use tool -
RGB to CMYK Converter
Convert RGB or HEX colors to CMYK percentages for print.
Use tool -
CMYK to RGB Converter
Convert CMYK percentages to RGB and HEX for the web.
Use tool -
HSL to RGB Converter
Convert HSL to RGB, RGBA and HEX with sliders.
Use tool -
RGB to HSL Converter
Convert RGB to HSL and copy the hsl(), rgb() or HEX value.
Use tool
HTML and Markdown tools 6
Generate tables and forms, clean up pasted content and convert Markdown.
-
HTML Table Generator
Build a styled HTML table visually or import it from CSV.
Use tool -
HTML Form Generator
Assemble a form from 13 field types and 16 templates.
Use tool -
Markdown to HTML Converter
Convert Markdown, including GFM tables and task lists, to HTML.
Use tool -
Word to HTML Converter
Turn text pasted from Word or Google Docs into clean HTML.
Use tool -
HTML to Text Converter
Strip tags and decode entities to get clean plain text.
Use tool -
HTML Calculator
A calculator for quick arithmetic, right in the browser.
Use tool
Minifiers and beautifiers 7
Shrink code for production or reformat it so you can read it.
-
HTML Minifier
Shrink HTML files by removing unneeded whitespace.
Use tool -
HTML Beautifier
Reformat messy HTML with clean indentation.
Use tool -
CSS Minifier
Compress CSS to cut its file size.
Use tool -
CSS Beautifier
Reformat minified or messy CSS so it's readable again.
Use tool -
JavaScript Minifier
Minify JavaScript to reduce its file size.
Use tool -
JSON Minifier
Remove whitespace from JSON to make it smaller.
Use tool -
JSON Beautifier
Indent JSON so it's easy to read and debug.
Use tool
Data converters 6
Move data between HTML tables, JSON, CSV, XML and SQL output.
-
HTML Table to CSV Converter
Extract an HTML table into a CSV file.
Use tool -
JSON to CSV Converter
Convert JSON arrays into CSV rows.
Use tool -
CSV to JSON Converter
Turn CSV data into JSON.
Use tool -
XML to CSV Converter
Convert XML data to CSV.
Use tool -
CSV to XML Converter
Convert CSV files to XML.
Use tool -
SQL to CSV Converter
Convert SQL query results into CSV.
Use tool
No tool matches that search. Try a shorter word, like "px", "color" or "json".
Need components, not tools?
The free Tailwind CSS UI kit has 419 copy-paste components: buttons, cards, forms, navbars, hero and pricing sections.