Skip to content

Design & Visual

56 free tools — all run in your browser, no account needed.

CSS Gradient GeneratorCreate linear CSS gradients with a live preview.Use tool →CSS Box Shadow GeneratorBuild and preview CSS box-shadow values with one-click copy.Use tool →CSS Glassmorphism GeneratorGenerate frosted-glass CSS with backdrop blur and copy-ready styles.Use tool →QR Code GeneratorGenerate custom QR codes for any text or URL.Use tool →WiFi QR Code GeneratorGenerate a scannable QR code to share WiFi credentials instantly.Use tool →Letter Profile PictureGenerate avatar images from initials with custom colors.Use tool →Discord Server Icon GeneratorCreate a 512×512 Discord server icon with initials or emoji, custom colors, and font.Use tool →Gradient Avatar GeneratorCreate a 400×400 gradient avatar with initials, linear or radial gradients, and custom fonts.Use tool →Spinner WheelCustomizable random spinner wheel with your own options.Use tool →Minecraft Shape GeneratorGenerate Minecraft block shapes and pixel-art structures.Use tool →Minecraft Pixel Art GeneratorConvert any image to Minecraft blocks at up to 512×512, with an optional aspect-ratio lock, materials list, and .schem / .litematic downloads.Use tool →Perler Bead Pattern GeneratorUpload any image and convert it to a Perler fuse-bead pattern with color codes and bead counts.Use tool →Hama Bead Pattern GeneratorUpload any image and convert it to a Hama fuse-bead pattern with Hama color IDs and bead counts.Use tool →Diamond Painting GeneratorUpload a photo and convert it to a diamond painting pattern with DMC colors, symbols, and drill counts.Use tool →Cross Stitch Pattern GeneratorTurn any photo into a cross-stitch pattern with DMC floss color codes and stitch counts.Use tool →Embroidery Pattern GeneratorTurn any photo into a hand-embroidery pattern with DMC thread color codes and stitch counts.Use tool →Minecraft Sign Text GeneratorDesign Minecraft sign text with color codes, live 4-line preview, and the 15-character limit.Use tool →Minecraft Map Art GeneratorConvert any image to a 128×128 Minecraft map art build plan with block color counts.Use tool →LEGO Mosaic GeneratorUpload a photo and convert it to a LEGO brick mosaic with color IDs and piece counts.Use tool →Paint by Numbers GeneratorUpload a photo and get a numbered paint-by-numbers template with color legend and PNG download.Use tool →Minecraft Color Code GeneratorPreview and copy legacy Minecraft text color and formatting codes.Use tool →D&D Dice RollerRoll RPG dice notation like 2d8+5 and 4d6dl1 with breakdowns.Use tool →Minecraft Enchantment Cost CalculatorEstimate anvil XP costs when combining enchanted books.Use tool →YouTube Timestamp Link GeneratorGenerate shareable YouTube links that start at a specific time.Use tool →Reading Time EstimatorEstimate how long text takes to read with adjustable words-per-minute speed.Use tool →CSS Flexbox GeneratorVisually configure Flexbox properties with a live preview and copy the generated CSS.Use tool →CSS Border Radius GeneratorSet each corner independently, choose from preset shapes like circle and pill, and copy the ready-to-use CSS border-radius.Use tool →CSS Text Shadow GeneratorAdd multiple text shadow layers with offset, blur, and color controls. Live preview and copy the CSS text-shadow property.Use tool →CSS Clip Path GeneratorPick from 17 preset shapes — triangle, hexagon, star, arrow, and more — and copy the ready-to-use CSS clip-path value.Use tool →Gradient Text GeneratorCreate gradient text effects for your website. Pick colors, direction, and font settings, then copy the ready-to-use CSS or inline HTML.Use tool →CSS Grid GeneratorVisually build CSS Grid layouts. Set columns, rows, track sizes (fr, px, auto), and gaps, then copy the ready-to-use CSS.Use tool →CSS Animation GeneratorGenerate CSS keyframe animations with a live preview. Choose from 12 presets — fade, slide, bounce, spin, shake, and more. Adjust duration, delay, timing, and iterations.Use tool →Social Media Image SizesThe complete reference for every social media image dimension — Instagram, Facebook, X/Twitter, LinkedIn, YouTube, TikTok, Pinterest, and Snapchat profiles, covers, and posts.Use tool →Pixel Art MakerDraw pixel art on an 8×8, 16×16, or 32×32 grid in your browser. Pick colors, click or drag to paint, use the eraser or fill — create retro sprites with no download needed.Use tool →ASCII Art GeneratorGenerate copy-ready ASCII text banners in multiple styles.Use tool →CSS Variable GeneratorGenerate a complete CSS design token system from a brand color. Get 11-shade color scales, spacing, typography, border-radius, and shadow variables ready to paste.Use tool →Placeholder Image GeneratorGenerate custom placeholder images in your browser. Set width, height, background color, text color, and custom label. Download as PNG or copy the SVG data URL.Use tool →Meme GeneratorCreate memes online — no watermark. Upload your own image, add top and bottom text in Impact font, customize size and color, and download as PNG. 100% browser-based.Use tool →Online Signature MakerDraw your signature with your mouse or finger and download it as a transparent PNG. No watermark, no sign-up — runs entirely in your browser.Use tool →Barcode GeneratorCreate Code 128, Code 39, EAN-13, and UPC-A barcodes instantly in your browser. Customize colors, bar size, and download as PNG or copy as SVG.Use tool →Image CompressorCompress JPEG, PNG, and WebP images in your browser with no upload to any server. Reduce file size by up to 90% with adjustable quality.Use tool →Favicon GeneratorGenerate a favicon from text or emoji in your browser. Choose background color, text color, and shape — download as PNG at 16×16, 32×32, 64×64, or 128×128 pixels. No upload needed.Use tool →Neumorphism GeneratorGenerate neumorphic CSS box shadows with a live preview. Adjust size, radius, distance, intensity, and shape — copy ready-to-use CSS for flat, pressed, concave, or convex neumorphic elements.Use tool →Typography Scale GeneratorGenerate a modular type scale using classic ratios like the golden ratio, perfect fourth, or major third. Preview each step and copy as CSS custom properties or a Tailwind config snippet.Use tool →Code Screenshot GeneratorTurn code snippets into beautiful shareable images. Choose from 5 themes, set a gradient background, toggle line numbers and window chrome — download as PNG with no watermark.Use tool →Minecraft Skin ViewerUpload a 64×64 Minecraft skin PNG and preview your character in a 2D front-view Steve model. Download the preview as PNG — 100% browser-based.Use tool →Minecraft Banner GeneratorDesign Minecraft banners with 16 dye colors and 23 patterns. Add up to 6 layers, preview live, and generate the Java Edition /give command with NBT data.Use tool →Graph Paper GeneratorGenerate downloadable graph paper as PNG. Choose grid size, line color, paper size (A4, Letter, Square), and grid type — square, dot, or isometric.Use tool →Wireframe MakerCreate simple UI wireframes in your browser. Add draggable boxes, set labels and dimensions, choose a background color, and download as PNG.Use tool →Font Pairing GeneratorBrowse 20 curated Google Font pairings for headings and body text. Filter by style, preview live with editable text, and copy the CSS import.Use tool →Image CropperCrop any image online for free. Set crop position and size with sliders, lock aspect ratios like 16:9 or 1:1, preview live, and download the result as PNG — no upload required.Use tool →Gradient Mesh GeneratorCreate smooth mesh gradient backgrounds with a 3×3 color grid. Bilinear interpolation blends your colors seamlessly — export as PNG or copy the CSS radial-gradient code.Use tool →Screenshot BeautifierMake your screenshots look stunning. Add gradient backgrounds, padding, rounded corners, shadows, and browser or macOS window frames. Download as a high-resolution PNG.Use tool →Camera Exposure CalculatorSolve the exposure triangle — find equivalent aperture, shutter speed, and ISO combinations, with an EV reference table and ND filter calculator.Use tool →D&D Character GeneratorCreate a random D&D 5e character with stats, traits, backstory, and equipment — perfect for new players and one-shots.Use tool →Minecraft Armor Stand GeneratorCreate custom Minecraft armor stand poses and equipment, and copy the /summon command for Java and Bedrock Edition.Use tool →

Browse all tools or view other categories.