✳tools.stBrowse tools
◈ Processed on your device
tools.st / Free

Free Online Design Tools · Page 2

Page 2 of 2. Browse free design tools. Search by name or task and run tools locally in your browser without signing up.

Design

13–24 / 24
◈013

Modular design scale

Generate a geometric type or spacing scale around a base size.

Design↗
◈014

CSS media query builder

Build bounded viewport and optional preference media queries.

Design↗
◈015

Cubic Bézier easing sampler

Sample CSS easing progress at quarter-duration intervals.

Design↗
◈016

CSS px, rem and viewport units

Convert pixels, rem, vw and vh with explicit root and viewport sizes.

Design↗
◈017

SVG basic shape generator

Generate standalone rectangle, ellipse or triangle SVG source.

Design↗
◈018

SVG wave divider generator

Generate a scalable cubic-wave section divider.

Design↗
◈019

SVG dot pattern generator

Generate a seamless dot pattern with precise spacing.

Design↗
◈020

SVG source to data URL

Percent-encode SVG markup as a text data URL; no rendering.

Design↗
◈021

SVG viewBox fit calculator

Compute contain/cover scale and offsets for a rectangle.

Design↗
◈022

Responsive image srcset builder

Build srcset markup from a URL template containing {width}.

Design↗
◈023

Extract HEX colors

Find unique 3-digit and 6-digit HEX colors in text or stylesheets.

Design↗
◈024

Choose readable text color

Compare black and white text and recommend higher-contrast foreground.

Design↗
◈ Processed on your deviceFreeNo signup · On-device processing