Design & Images Tools
Crop, convert, recolour and generate visual assets in the browser. 15 free tools - every one runs entirely in your browser, nothing you paste in or upload ever leaves your device.
Tools for cropping, converting, recoloring, and generating visual assets without opening a design app - crop and resize images, extract or pick colors, generate SVG blobs and patterns, and convert between SVG, PNG, and base64.
CSS Glassmorphism
Create and customize gorgeous glassmorphism UI cards with dynamic shadows, blur, and live CSS code export.
React Native Shadow
Generate custom shadow declarations visually and fetch elevation styles compatible with iOS and Android.
Image Cropper
Crop unwanted parts of images and download desired parts as high-quality cropped assets.
Image Filters
Apply custom filters, adjustments, brightness, contrast, and grayscales to your images.
Image Resizer
Scale and resize images to target pixel dimensions or percentages with aspect ratio lock.
Average Color Finder
Analyze loaded image elements to find their average and dominant color blocks.
Color Extractor
Extract complete color palettes from loaded image files with exact color hex values.
Image Color Picker
Load images, target individual pixels, and copy hex/rgb values with live magnifying zoom.
SVG Blob Generator
Generate unique, organic SVG blobs with customizable complexities and color gradients.
SVG Pattern Generator
Generate background vector patterns using customized repeat structures and styles.
Photo Censor
Censor photos with custom blur shapes, pixelations, or solid black bars to hide info.
SVG to PNG Converter
Convert vector SVG files into downloadable raster PNG images with custom sizes.
SVG Stroke to Fill
Translate standard SVG path strokes into outline fill layers for consistent visual scales.
Image Caption Gen
Load images, view structural properties, read metadata, and render formatted labels.
Image Converter
Convert images between PNG, JPEG and WEBP entirely in your browser, with a live before/after file size comparison.
Choosing the right tool
For raster image prep (photos, screenshots): Image Cropper, Resizer, Filters, and Converter. For color work: Color Picker, Color Extractor, and Average Color Finder each answer a slightly different question - an exact pixel, a full palette, or an overall tone. For vector/SVG work: Blob Generator, Pattern Generator, and the SVG conversion tools.
Common use cases
- Cropping and resizing product or marketing photos to a specific platform's spec
- Extracting a brand color palette from a logo or reference image
- Generating an organic background shape or seamless pattern for a hero section
- Converting an SVG icon to PNG at multiple sizes for favicons and app icons
Design & Images FAQ
Do these tools reduce image quality?
Only where you explicitly choose a lossy format or lower quality setting, such as converting to JPEG - cropping, resizing to larger dimensions, and conversions to lossless formats don't degrade the source.