Free Online Design Tools — Palettes, Gradients & Image Utilities

Generate color palettes, build CSS gradients, design box shadows, compress images, create mockups, and make QR codes — all running in your browser with zero uploads. No design subscription needed.

Generate a Palette → Compress an Image →

8 Design Tools — All Client-Side

Image Compressor (JPG/PNG)
Compress images instantly in-browser via WebAssembly.
Hot
Free QR Code Generator
Convert any text or URL into a downloadable QR code.
Color Palette Generator
Generate beautiful, harmonious color schemes instantly.
New
Image Color Extractor
Extract the dominant color and a matching palette from any image.
New
YouTube Thumbnail Maker
Create click-worthy 1280×720 YouTube thumbnails with your photo and bold text.
New
CSS Gradient Generator
Build stunning CSS gradients with a live visual editor.
New
Box Shadow & Border Radius
Design box shadows and border radius visually — copy CSS instantly.
New
Device Mockup Generator
Wrap your screenshot in a polished iPhone, Android, MacBook, or browser frame.
New

Design Tools for Busy Creators

Color Intelligence

Generate harmonious color schemes, extract dominant colors from images, and see your palette come to life. Copy hex codes with a single click.

CSS Generators

Visual tools for CSS gradients, box shadows, and border radius. Tweak sliders, see live previews, and copy ready-to-use CSS for your projects.

Image Optimizations

Compress JPEG, PNG, and WebP with MozJPEG and OxiPNG. Extract palettes from reference photos. Wrap screenshots in device frames for mockups.

Frequently Asked Questions

Can I use these tools for commercial projects?

Yes. All tools are free to use for any purpose — personal, commercial, or educational. Generated outputs have no watermarks and no attribution required.

Do my images get uploaded when compressing?

No. The image compressor uses WebAssembly ports of MozJPEG and OxiPNG that run locally in your browser. Your images never leave your device.

Can I use the CSS generators on codepen?

Absolutely. The generated CSS is standard, copy-paste compatible code. Use it in Codepen, CodeSandbox, your editor, or any browser DevTools.