the IT Hustle
ToolsField ManualAbout
105 Free IT Tools/Design

Free Design Tools

Gradients, color palettes, box shadows, favicons, and layout helpers for designers and front-end developers. Free, instant, and private — everything runs in your browser.

18 free tools

🎨Color Palette
Extract color palettes from images or generate harmonious color schemes for your projects.
▫Favicon Generator
Create favicons from text, emoji, or uploads. Export all sizes for web and mobile.
🎯Color Converter
Convert colors between HEX, RGB, HSL, and CMYK with live preview.
AaLorem Ipsum
Generate placeholder text in paragraphs, sentences, or words with custom length.
16:9Aspect Ratio Calc
Calculate aspect ratios with lock mode, common presets, and resize calculator.
AaContrast Checker
WCAG accessibility contrast checker. AA/AAA compliance, color suggestions, live UI preview.
□Placeholder Image
Generate custom placeholder images with colors, text, patterns, and gradients. PNG & SVG export.
◇SVG Editor
Paste SVG, see it rendered, optimize file size, edit colors, and export as SVG/PNG/data-URI.
✦CSS Animation Builder
Design CSS animations visually. Keyframe editor, timing curves, presets, and generated CSS output.
🌈Gradient Text
Apply CSS gradient effects to text. 2-4 color stops, direction control, presets. Copy the CSS.
▪Box Shadow Gen
Design CSS box shadows visually. Multiple layers, inset, presets for neumorphism and glassmorphism.
🖥Screenshot Mockup
Place screenshots inside device frames — MacBook, iPhone, iPad, browser. Background, shadow, PNG export.
TtType Scale Calc
Generate typographic scales with visual preview. Material, Tailwind, Bootstrap presets. CSS export.
⊟Spacing Calculator
Generate consistent spacing scales. Visual preview, 4px/8px presets, CSS custom properties export.
◠Border Radius Gen
Visual border-radius editor. Drag corners or type values. Presets: pill, circle, blob. CSS output.
◐CSS Filter Editor
Visual CSS filter editor. Blur, brightness, contrast, hue-rotate, and more with live preview.
📏Pixel Ruler
On-screen ruler overlay. Drag to measure distances in pixels. Check spacing in designs.
🖼Random Images
Generate random placeholder photos with custom dimensions using canvas patterns. Download PNG.

More categories

Agent Ops (10)Code (39)Sysadmin (9)Productivity (9)Marketing (8)Business (8)Browse all 105 tools