Guides Favs 0

Home / Categories / Design

Design Tools

Colour palettes, gradients, shadows, shapes, QR codes and barcodes, plus ready-to-copy CSS for common UI effects.

19 tools
Color Palette Generator Five-color schemes from one hex.
Open tool
QR Code Generator Wi-Fi, contacts, events and more.
Open tool
SVG to Image Converter Sharp PNG, JPG or WebP, at any scale.
Open tool
Barcode Generator Code 128, EAN-13, UPC-A and more.
Open tool
Screen Color Picker Pick any pixel color, even outside the page.
Open tool
Gradient Generator Build and export a CSS gradient.
Open tool
Box Shadow Generator Build a CSS box-shadow, live preview.
Open tool
Border Radius Generator Shape each corner individually.
Open tool
Clip Path Generator Cut an element into a custom shape.
Open tool
Glassmorphism Generator Frosted-glass blur effect, copy the CSS.
Open tool
Color Shades Generator Every tint and shade of one color.
Open tool
Color Mixer Blend two colors, see every step between.
Open tool
CSS Loader Generator Spinning, pulsing loaders — copy the CSS.
Open tool
CSS Checkbox Generator Custom-styled checkboxes, no images needed.
Open tool
CSS Switch Generator Toggle switches, styled and ready to copy.
Open tool
Background Pattern Generator Stripes, dots and grids, pure CSS.
Open tool
Cubic Bezier Generator Design custom easing curves, visually.
Open tool
CSS Triangle Generator Border-trick triangles, any size or angle.
Open tool
Text Glitch Generator A glitchy animated text effect, pure CSS.
Open tool

About our free Design tools

Design tools and CSS generators for websites and brands. Build colour palettes, full tint and shade scales and blends between two colours, pick colours from your screen, and create gradients, box shadows, glass effects, border radius shapes, clip paths and background patterns with live previews.

Grab ready-to-use HTML and CSS for loaders, custom checkboxes, toggle switches, triangles, easing curves and glitch text, generate QR codes and barcodes, and convert SVG to PNG, JPG or WebP. Copy the code and paste it straight into your project.

Other categories

Text Tools15 tools Numbers7 tools Time3 tools Developer13 tools Documents6 tools Images7 tools Marketing17 tools SEO & AEO10 tools Blog & Backlinks3 tools Social8 tools Finance6 tools Health & Fitness6 tools Student6 tools