Generator for Designer
44 generator tools hand-picked for Designer.
-
ASCII Art Generator
Generate ASCII art from text — figlet-style banners, multiple fonts.
-
Avatar Generator
Generate avatars from initials, identicons, or random shapes. Download PNG/SVG.
-
CSS Box Shadow Generator
Visual CSS box-shadow builder — multi-layer, inset, color/blur with live preview.
-
Chinese Lorem Ipsum Generator
Han-character placeholder text that fills a column the way real Chinese copy will, three styles, browser-only
-
CSS Clip-Path Generator
Visual CSS clip-path builder — polygon, circle, ellipse, inset with drag handles.
-
Complementary Color Calculator
One base color → complementary, split, triadic, tetradic, analogous and monochromatic schemes on the HSL color wheel — copy every HEX, browser-only
-
CSS clamp() Fluid Typography Generator
CSS clamp() fluid typography generator — min/max font size, viewport range, full type scale (h1-h6 + body), copy CSS / Tailwind.
-
CSS Cubic Bezier Generator
Drag two handles, read the cubic-bezier() — five built-in presets, motion preview, solve y for any progress, browser-only
-
CSS Font Stack Generator
CSS font stack generator — system-safe font families with full Win/Mac/Linux/Android/iOS fallback chains, with CJK fallbacks, copy as CSS/Tailwind/SwiftUI.
-
CSS Grid Visual Generator
CSS grid visual generator — drag to set columns/rows, place grid-area named regions, copy ready CSS + HTML, with 12 layout templates.
-
CSS Line Clamp Generator
Truncate text after N lines with a trailing ellipsis, copy the CSS and the Tailwind class, with live preview, browser-only
-
CSS Loaders Generator
CSS loaders — 40+ pure-CSS spinners/skeletons, customize color/size/speed, copy ready-to-use code.
-
CSS Shadow Generator Pro
CSS shadow generator pro — multi-layer box-shadow + text-shadow + filter:drop-shadow, with Material/Tailwind/Apple shadow presets and dark-mode preview.
-
CSS Text Shadow Generator
Visual CSS text-shadow builder — multi-layer, color, blur with live preview and shareable links.
-
Cubic Bezier Editor
CSS cubic-bezier editor — drag two control points, preview live with bouncing ball + scaling box + opacity fade, copy CSS / JS / Framer Motion / GSAP / SVG path.
-
Emoji Finder
Unicode 15.1 / 1500+ emojis with bilingual search — one-click copy, browser-only
-
Emoji Kitchen
Emoji mashup — combine two emojis to make a new one (Unicode-only, no Google API, with 500+ pre-defined combos).
-
Emoji Recommender
Emoji recommender — paste your headline or post, get matching emoji suggestions.
-
Favicon Generator
Generate favicon set — text or upload, output 16x16 / 32x32 / 180x180 / 512x512 PNG.
-
Font File Inspector
Upload TTF or OTF files and extract family names, PostScript names, version, units per em, glyph count, and table list.
-
Font Pairing Generator
Font pairing generator — 50+ curated Google Fonts pairs (heading + body) with live preview, classifications, CSS export.
-
Glassmorphism Generator
Glassmorphism CSS generator — backdrop-filter blur + transparency + border, live preview with 8 background presets, copy CSS/Tailwind/SwiftUI.
-
CSS Gradient Generator
Visual CSS gradient builder — linear, radial, conic with multi-stop colors, live preview, copy CSS, PNG export.
-
Gradient Mesh Generator
Gradient mesh generator — 4-12 control points with bilinear blend, output as SVG, PNG, CSS multi-radial-gradients fallback for older browsers.
-
Graph Paper Generator
Printable square, dot, isometric, ruled and coordinate paper as crisp SVG sized in real millimetres, runs entirely in your browser
-
Google Fonts CSS2 URL Builder
Parse, edit, and generate Google Fonts CSS2 links, HTML preconnect tags, @import CSS, variables, and Tailwind font stacks.
-
Image Compressor (Local)
Image compressor — squeeze JPG/PNG/WebP without server upload, with quality slider, batch mode, file size comparison.
-
Image Cropper
Image cropper — drag to crop, fixed ratios (1:1 / 16:9 / 9:16 / 4:3), zoom, rotate, fully client-side.
-
Image Format Converter
Image format converter — JPG ↔ PNG ↔ WebP ↔ AVIF, batch + transparent background handling, 100% client-side.
-
Image Resizer
Image resizer — resize JPG/PNG/WebP by pixels/%/preset, fully client-side, no upload.
-
Image Watermark
Image watermark — text or image watermark with position grid, opacity, tile mode, batch processing.
-
Invoice Generator
Free invoice generator — clean PDF in your browser, no signup, no watermark.
-
Lorem Ipsum Generator
Classic Lorem Ipsum filler text — paragraphs, sentences, or words — copy in one click, browser-only
-
Meta Tag Generator
Generate SEO meta tags — title, description, Open Graph, Twitter Card, Schema.org.
-
Mock Data Generator
Generate realistic mock JSON / CSV / SQL data — names, emails, dates, addresses, nested objects.
-
Monogram Generator
Type a name, get an etiquette-correct monogram — traditional surname-in-centre or modern equal-size, circle/square/diamond frame, copy or download the SVG — browser-only
-
Multicultural Name Generator
Random names from 11 cultures — Chinese, English, Japanese, Korean, Arabic, Russian + 5 European.
-
Neumorphism Generator
Neumorphism CSS generator — soft-UI inset/outset shadow pair, live light-source direction, 12 presets, copy CSS/Tailwind/SwiftUI.
-
Password Generator
Generate strong, cryptographically random passwords and passphrases — entirely in your browser.
-
PDF Page Size Inspector
Inspect PDF MediaBox and CropBox dimensions to catch mixed page sizes before print, merge, or upload.
-
Placeholder Image Generator
Generate placeholder images instantly — size, color, text, PNG/JPG/WebP.
-
QR Code Generator
Generate QR codes from text, URL, WiFi or vCard — customize color and size, download as PNG or SVG.
-
RAG Status Color Generator
Build traffic-light RAG palettes — pick hex codes, export CSS variables, JS tokens, or Tailwind config for any process dashboard
-
Social Media Aspect Ratio Guide
Social media aspect ratio guide — Instagram / TikTok / YouTube / X / LinkedIn / Xiaohongshu / Bilibili exact pixel dimensions and ratios.