Every Tool You Need to
Create & Craft

🎨

Color Palette Generator

Color

Generate harmonious color palettes using 6 harmony modes — complementary, analogous, triadic, split, tetradic, and monochromatic.

Offline

🖌

Color Picker

Color

Full-featured HSL canvas picker with HEX, RGB, RGBA, HSL, HSV, and CMYK output. Includes color history and draggable controls.

Offline

🌗

Color Shade Generator

Color

Generate 5, 7, 10, or 12 shades from any base color. Export as CSS variables, Tailwind config, SCSS map, or JSON.

Offline

🧪

Color Mixer

Color

Mix two colors in RGB, HSL, or perceptual mode with configurable steps. Copy all hex values at once.

Offline

♿

Contrast Checker

Color

WCAG 2.1 AA/AAA accessibility checker using relative luminance. Shows contrast ratio and pass/fail for text sizes.

Offline

🏷

Color Name Finder

Color

Find the closest named color for any hex. Browse 110+ named colors, see nearby matches, and search by name.

Offline

🔬

Color Extractor

Color

Upload any image and extract 6–16 dominant colors using k-means clustering. Export palette as CSS variables.

Offline

📦

Palette Exporter

Export

Export any color palette in 8 formats: CSS vars, SCSS, Tailwind, JSON, iOS Swift, Android XML, Figma JSON, JS array.

Offline

🔤

Font Pairer

Typography

Pair heading and body fonts from 20 curated Google Fonts. Live preview with real text at multiple weights.

Offline

📐

Type Scale Builder

Typography

Generate modular type scales with 9 ratios from Minor Second to Octave. Export as CSS variables, Tailwind, or rem values.

Offline

✨

Text Effects Studio

Typography

9 canvas text effects: Neon, Outline, Gradient, 3D Shadow, Retro, Metallic, Gold, Glitch, and Emboss. Download PNG.

Offline

🏷

Logo Text Composer

Canvas

Canvas-based 720×320 logo composer with 12 Google Fonts, gradient/solid/texture backgrounds. Download PNG or SVG.

Offline

🕹

Pixel Art Editor

Canvas

Grid editor from 8–64px. Draw, erase, fill, and line tools. Custom palette, undo, flip H/V. Download ×1 or ×8 scaled.

Offline

🔲

Pattern Maker

Canvas

12 SVG pattern types with color and scale controls. Download as seamless SVG tile or copy as CSS background.

Offline

🌫

Noise Texture Generator

Canvas

5 noise types: Perlin-like, grain, fractal, static, cellular. Control scale, intensity, and octaves. Download PNG or copy as CSS data URI.

Offline

📋

Poster Maker

Canvas

Canvas poster builder with 5 size presets (A4, OG, Square, Story, Landscape), gradient backgrounds, and layered text. Download PNG.

Offline

👤

Avatar Maker

Canvas

Initials avatar with 4 shapes (circle, rounded, square, hexagon), gradient or solid backgrounds. Download all sizes 32–256px.

Offline

🏅

Badge Maker

Canvas

Shield, pill, flat, and bold badge shapes with left/right text, accent colors, emoji icon, and preset gallery. Download PNG or SVG.

Offline

🎯

Sticker Maker

Canvas

6 sticker shapes (circle, pill, star, speech bubble, badge), emoji picker, layered text, and full color controls. Download PNG.

Offline

⭐

SVG Icon Maker

Canvas

15 icon shapes with 4 variants: Outline, Filled, Duotone, and Rounded Bold. Add background shapes. Download SVG or PNG.

Offline

🗂

Mood Board

Canvas

Drag-and-drop canvas for color blocks, sticky notes, and images. Persists in localStorage. Download as PNG.

Offline

📷

Photo Filter Studio

Image

Upload any image and apply 8 CSS filter sliders (brightness, contrast, saturation, hue, blur, etc.) plus 9 one-click presets.

Offline

💧

Watermark Tool

Image

Upload an image and add text or logo watermarks. Choose from 9 positions, adjust opacity and size. Download protected image.

Offline

✂️

Image Cropper

Image

Drag-to-crop with aspect ratio lock: Free, 1:1, 4:3, 3:2, 16:9, and portrait ratios. Rule-of-thirds grid overlay. PNG/JPEG/WebP output.

Offline

🖼

Photo Frame Maker

Image

8 photo frame styles: Simple, Double, Polaroid, Shadow, Rounded, Ornate, Film Strip, and Neon. Full color and width controls.

Offline

🌈

Gradient Studio

CSS

Build linear, radial, and conic CSS gradients with multiple color stops. Copy ready-to-use CSS instantly.

Offline

🔳

Box Shadow Builder

CSS

Build multiple layered box shadows with live preview, inset toggle, and one-click CSS copy.

Offline

🪟

Glassmorphism Generator

CSS

Tune backdrop-filter blur, background opacity, border opacity, border radius, and shadow. 5 background themes with decorative blobs.

Offline

📈

Easing Curve Editor

CSS

Cubic-bezier editor with draggable SVG control points, 10 presets, animated ball preview, and duration control. Copy CSS.

Offline

⊞

CSS Grid Builder

CSS

Visual CSS Grid layout builder. Set columns, rows, gaps, and alignment. Quick templates for sidebar, 12-col, and equal grids. Copy full HTML+CSS.

Offline