Designer Tools
Color, layout and image tools for designers
Select a tool below. Every tool runs locally in your browser and is free to use.
🎨 Designer Tools · Total 39 tools
Avatar Generator (Identicon)Avatar generator: create cartoon avatars from name or random with style, size and background for social and dev, with one-click copy, offline.
Blob Shape MakerBlob maker: customize random blob shapes with color and animation export for design and backgrounds, with one-click copy, offline.
Border Radius GeneratorBorder radius generator: adjust four corners with live preview generating border-radius code for design, with one-click copy and offline.
Box Shadow GeneratorCSS box-shadow generator: adjust horizontal, vertical offset, blur, spread and color opacity with live preview and copy for design, with one-click copy and offline.
Clip Path GeneratorClip-path generator: visually drag polygon, circle and ellipse clipping with live preview and code copy, responsive and animated for front-end layouts.
Color PickerColor picker: pick via HSL sliders or HEX, instantly shows HEX/RGB/HSL with one-click copy. For design and frontend. Supports batch processing and offline use.
Color Scheme GeneratorColor scheme generator: generate complementary and triadic palettes from a base color with HEX output for design and branding, with one-click copy and offline.
CSS Animation GeneratorCSS animation generator: pick animation type, duration and easing to generate keyframes code with live preview for frontend, with one-click copy and offline.
CSS Filter GeneratorCSS filter generator: adjust blur, brightness, contrast and hue with live preview and code copy for image effects. Supports batch processing and one-click copy.
ตัวสร้าง CSS GradientCSS gradient generator: pick colors, angle and linear/radial type with live preview and one-click copy of CSS for frontend and design, offline and multilingual.
CSS Grid GeneratorCSS grid generator: set columns, rows and gap to generate grid layout code with live preview for web and responsive design, with one-click copy and offline.
Easing Curve VisualizerEasing visualizer: visualize CSS easing curves and bezier parameters with drag and code copy for animation and front-en Supports batch processing and one-click copy.
Emoji Copy PasteEmoji copy and paste: browse 500+ emojis by category, search and copy with one click and favorites for chat and social, with one-click copy and offline.
Favicon GeneratorFavicon generator: enter text and colors to generate website icon PNG with multiple sizes and download for site and branding, with one-click copy and offline.
Font Pairing GeneratorFont pairing generator: recommend heading and body font combos by style with preview and Google Fonts links for design and typography.
Font PreviewFont preview tool: enter text and adjust size, weight, line-height and color with live preview and CSS output for typography, with one-click copy and offline.
Font Size ConverterFont size converter: convert between px, pt, em, rem and percent with custom root size and live preview for frontend and typography, with one-click copy and offline.
Glassmorphism GeneratorGlassmorphism generator: adjust blur, opacity, radius and border to preview frosted glass and generate backdrop-filter CSS. Supports batch export and one-click copy.
Gradient Border GeneratorGradient border generator: adjust gradient angle, colors and border width with live preview and CSS copy for cards and buttons.
Gradient Text GeneratorGradient text generator: enter text to create gradient text with direction and multi-colors, live preview and CSS copy for headings.
Image Compression CompareImage compare tool: upload original and compressed images side by side showing size, dimensions and savings for compression tuning, with one-click copy and offline.
Image CropperImage cropper: upload image and crop by coordinates or aspect ratio with preview for avatars, with one-click copy and offline.
Image Filter ToolImage filter: add grayscale, vintage and blur filters to images with live preview and download for social and quick edi Supports batch processing and one-click copy.
Image Rotate & FlipImage rotate and flip tool: rotate 90/180 degrees and flip horizontally or vertically with live preview for quick correction, with one-click copy and offline.
Image to ASCII ArtImage to ASCII: convert images to ASCII art with grayscale, color and size options for geek art and text art. Supports batch processing and one-click copy.
Meme GeneratorMeme generator: upload image and add top and bottom text white with black outline for social media, with one-click copy and offline.
Neon Text GeneratorNeon text generator: enter text to create neon glow with color and glow control and image export for headings and poste Supports batch processing and one-click copy.
Palette from ImagePalette from image: upload an image to extract 5 dominant colors as a palette with one-click HEX copy for designers and branding, with one-click copy and offline.
Palette to CSS VariablesPalette to CSS converter: export color list as CSS variables or Tailwind config for design, with one-click copy and offline.
Pixelate ImageImage pixelation tool: adjust block size to create mosaic and pixel-art with live preview for privacy and design, one-click copy and offline.
Placeholder Image GeneratorPlaceholder image generator: create images by size, background, text and format with bulk and preview for design dev, with one-click copy, offline and multilingual.
เครื่องสร้างสีสุ่มRandom color generator: generate multiple vivid random colors with HEX/RGB/HSL output and palette save for design and inspiration, with one-click copy and offline.
Random Color Palette GeneratorRandom palette generator: create harmonious palettes with HEX RGB and contrast, lock, export and bulk for design branding, with one-click copy, with one-click copy,.
Simple SVG GeneratorSVG generator: pick shapes like circle, rectangle and triangle setting size and color to generate SVG code for design and icons, with one-click copy and offline.
SVG Icon GeneratorSVG icon generator: customize shape, color and size to create SVG icons with export and optimization for design and frontend, with one-click copy, offline.
SVG Pattern GeneratorSVG pattern generator: pick dot, grid and stripe patterns with custom colors for web and design, with one-click copy and offline.
Text Shadow GeneratorText shadow generator: adjust offset, blur and color with live preview and CSS copy, supports multi-layer shadows for headings.
Image Watermark ToolWatermark image tool: add text watermark with position, size and opacity and live preview for branding, with one-click copy and offline.
Wave Divider GeneratorWave divider generator: customize wave shape, color and size to create SVG dividers for web and design, with one-click copy, offline and multilingual.
FAQ
What is the Designer Tools category?
The Designer Tools category includes 39 free online tools for common needs. All run locally in your browser - no sign-up or install required.
Are these tools free?
Yes, all tools are free with no usage limits.
Do I need to register?
No. Open a page and use it right away - your data stays in your browser.
Which languages are supported?
This site supports 12 languages: Chinese, English, Japanese, Korean, Spanish, French, German, Portuguese, Russian, Arabic, Indonesian and Hindi.