Design Tools

9

9-Slice / 9-Patch Generator

Slice images into 9 pieces for scalable UI elements.

Design 1,183

A

Aspect Ratio Calculator

Calculate and convert aspect ratios for images, videos, and responsive design.

Design 524

B

Border Radius Generator

Visually design CSS border-radius values with individual corner control and live preview.

Design 264

C

Color Blindness Simulator

Preview images through different types of color vision deficiency.

Design 327

C

Color Contrast Checker

Check color contrast ratios for WCAG accessibility compliance.

Design 308

C

Color Gradient Picker

Create multi-stop color gradients with CSS output and visual editor.

Design 356

C

Color Name Finder

Find the closest CSS named color for any HEX value.

Design 345

C

Color Palette Extractor

Extract dominant colors from uploaded images and export as a color palette.

Design 347

C

Color Palette Generator

Generate harmonious color palettes with complementary, triadic, analogous, and split-complementary schemes.

Design 322

C

CSS Animation Generator

Create CSS keyframe animations with visual timeline, easing curves, and live preview.

Design 328

C

CSS Clip-Path Generator

Visual clip-path editor with polygon, circle, and ellipse shapes.

Design 358

C

CSS Flexbox Playground

Interactively explore CSS Flexbox properties with a visual playground and generated code.

Design 332

C

CSS Gradient to Image

Render CSS gradients as downloadable PNG images.

Design 372

C

CSS Grid Generator

Visually build CSS Grid layouts with customizable rows, columns, and gap settings.

Design 318

C

CSS Specificity Calculator

Analyze CSS selector specificity and rank by priority.

Design 324

C

CSS Text Shadow Generator

Create and layer multiple CSS text shadows with live preview and generated code.

Design 520

D

Duotone Image Generator

Apply Spotify-style duotone color effects to photos with custom color pairs.

Design 370

G

Glassmorphism Generator

Create frosted glass UI effects with adjustable blur, transparency, and border settings.

Design 343

G

Glitch Art Generator

Create glitch effects with RGB shift, scanlines, and pixel sorting.

Design 322

G

Gradient Background Maker

Create downloadable gradient images with custom sizes for wallpapers and banners.

Design 312

H

Halftone Effect Generator

Convert images to newspaper-style halftone dot patterns.

Design 356

I

Image Annotation Tool

Draw arrows, circles, rectangles, and text callouts on images.

Design 336

I

Image Background Remover

Remove image backgrounds using chroma key color-based selection.

Design 363

I

Image Blur / Pixelate

Apply full-image or selective blur and pixelation effects to images.

Design 322

I

Image Border & Frame

Add solid, dashed, or decorative borders and frames to images.

Design 310

I

Image Channel Mixer

Adjust and swap RGB color channels independently.

Design 315

I

Image Collage Maker

Combine multiple images into customizable grid collage layouts.

Design 319

I

Image Color Picker

Pick colors from any uploaded image and get HEX, RGB, and HSL values.

Design 317

I

Image Color Replacer

Select and replace specific color ranges in images.

Design 376

I

Image Comparison Slider

Compare two images side by side with a draggable reveal slider.

Design 327

I

Image Compressor

Reduce image file size with adjustable quality and before/after size comparison.

Design 302

I

Image Cropper

Crop images with visual drag selection, aspect ratio presets, and free-form cropping.

Design 358

I

Image Curves / Levels Adjuster

Adjust brightness curves and levels like Photoshop.

Design 314

I

Image Dithering Tool

Apply Floyd-Steinberg dithering and reduce images to limited color palettes.

Design 359

I

Image Filter Effects

Apply CSS filters like blur, brightness, contrast, grayscale, sepia, and more to images.

Design 310

I

Image Format Converter

Convert images between PNG, JPG, and WEBP formats with quality control.

Design 310

I

Image Grid Splitter

Split images into grid pieces for Instagram carousel posts or print layouts.

Design 317

I

Image Metadata Viewer

View image dimensions, file size, type, and embedded metadata from uploaded images.

Design 302

I

Image Mosaic / Pixel Art

Convert images to pixel art or mosaic style with adjustable block resolution.

Design 400

I

Image Overlay / Blend

Layer two images with blend modes like multiply, screen, overlay, and difference.

Design 322

I

Image Perspective Transform

Apply skew, warp, and perspective correction to images.

Design 312

I

Image Resizer

Resize images by dimensions or percentage with aspect ratio lock and quality control.

Design 343

I

Image Rotate & Flip

Rotate images by 90°, 180°, or custom angle. Flip horizontally or vertically.

Design 314

I

Image Text Overlay

Add styled text anywhere on images with font, color, size, and position controls.

Design 339

I

Image to ASCII Art

Convert images to ASCII character art with customizable character density and size.

Design 384

I

Image to SVG Tracer

Trace raster images into vector SVG paths.

Design 375

I

Image Vignette Effect

Add vignette darkening to image edges with adjustable size and strength.

Design 320

I

Image Watermark

Add text watermarks to images with opacity, position, size, and tiling options.

Design 331

K

Kaleidoscope / Symmetry Maker

Create kaleidoscope and symmetry art from images.

Design 333

L

Logo Designer

Design custom logos with text, shapes, images, 36+ fonts, rotation, undo/redo, and export as PNG or SVG.

Design 309

M

Meme Generator

Create memes by adding customizable top and bottom text to uploaded images.

Design 308

N

Neumorphism Generator

Generate neumorphic (soft UI) design styles with customizable parameters.

Design 346

N

Noise & Texture Generator

Create noise, grain, paper, and fabric texture images as downloadable PNGs.

Design 314

O

Open Graph Image Maker

Create Open Graph and social media card images with title, description, and branding.

Design 325

P

Pattern Generator

Create tileable geometric patterns like stripes, dots, waves, and checkerboard.

Design 331

P

Photo to Sketch Converter

Convert photos to pencil sketch or cartoon style using edge detection.

Design 310

P

Pixel Art Editor

Create pixel art with a grid-based editor, color palette, and export options.

Design 421

P

Placeholder Image Generator

Generate solid or gradient placeholder images with custom text and dimensions.

Design 313

S

Screenshot Beautifier

Add gradient backgrounds, padding, shadows, and rounded corners to screenshots.

Design 336

S

Social Media Image Resizer

Resize images for Instagram, Facebook, Twitter, LinkedIn, and YouTube with one click.

Design 346

S

Sprite Sheet Generator

Combine multiple images into a sprite sheet with CSS output.

Design 337

S

SVG Editor

Create and edit simple SVG graphics with shapes, paths, and text.

Design 310

S

SVG to PNG Converter

Paste SVG code and render to PNG at custom dimensions.

Design 318

T

Thumbnail / Avatar Maker

Create circular or rounded avatar crops with zoom, position control, and size presets.

Design 316

T

Tilt-Shift Effect

Apply fake miniature tilt-shift blur effect to photos.

Design 321