Design & Visual
145 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 →Image to ASCII ArtTurn any photo into ASCII art in your browser. Adjust the width, character ramp and colour mode, then copy the text or download it as an image.Use tool →Image to Emoji MosaicConvert a photo into a mosaic made of emoji. Pick the grid size and emoji set, then copy the result as text or download it as a PNG.Use tool →Halftone GeneratorTurn any image into a halftone dot pattern. Control dot size, spacing, shape and screen angle, in mono or two colours.Use tool →Photo to Pencil SketchConvert a photo into a pencil sketch or line drawing. Adjust edge strength, threshold and line thickness with a live before-and-after preview.Use tool →Low Poly Art GeneratorTurn any image into low-poly triangular artwork. Choose the number of points and edge weighting, then download as PNG or SVG.Use tool →Instagram Grid SplitterSplit an image into a grid of tiles for Instagram carousels. Choose a 3×3, 3×2 or 2×2 layout and download every tile as a ZIP.Use tool →Image AnnotatorAnnotate screenshots with arrows, boxes, text and blur regions. Full undo and redo, then download the result as a PNG.Use tool →Knitting & Crochet Chart GeneratorTurn a photo into a colourwork knitting or crochet chart, with a symbol per colour and a full stitch legend.Use tool →Image to Braille ArtConvert an image into Unicode braille art. Adjust the width and threshold, then copy the text or download it.Use tool →Image Posterizer & Colour SeparatorPosterize an image down to a set of flat colours and export each one as a separate layer, ready for screen printing.Use tool →Fractal GeneratorExplore the Mandelbrot and Julia sets in your browser. Zoom, pan, choose from several palettes and save the view as a PNG.Use tool →Spirograph GeneratorDraw spirograph and harmonograph curves with adjustable radii and pen offset. Layer several curves and export as PNG or SVG.Use tool →Mandala GeneratorDesign symmetrical mandalas with adjustable segments, rings, shapes and colours. Randomise for instant art, then export as PNG or SVG.Use tool →Seamless Pattern GeneratorGenerate tileable background patterns and preview them repeated 3×3 so you can see they really do tile seamlessly.Use tool →Tartan GeneratorDesign a tartan from a sett of colours and thread counts, with a true twill weave rather than a flat grid. Download as PNG.Use tool →Tilt-Shift Effect GeneratorMake any photo look like a miniature scale model with a simulated shallow depth of field. Control the focus band, angle, blur and falloff, then download the result.Use tool →Vignette GeneratorAdd a smooth vignette to any photo. Adjust intensity, radius, feathering, roundness and colour, and shift the centre off-axis.Use tool →Film Grain GeneratorAdd realistic photographic grain to an image. Control the amount, grain size, colour noise and tonal weighting, with 35mm, 16mm and high-ISO presets.Use tool →Duotone ConverterRecolour any image with a two-tone gradient. Pick the shadow and highlight colours, set the midpoint and contrast, or start from a classic duotone preset.Use tool →Glitch Effect GeneratorTurn a photo into glitch art. Add RGB channel splits, displaced slices, scanlines and noise, with a reseedable randomiser.Use tool →Circular Image CropCrop any image to a circle, squircle or rounded rectangle with a transparent background. Drag to position, zoom, and download a clean PNG.Use tool →Polaroid Photo MakerFrame a photo as a classic Polaroid with the wide lower border and an optional handwritten caption. Adjust the frame colour, rotation and paper texture.Use tool →Photo Collage MakerCombine several photos into a grid collage. Choose the layout, spacing, corner radius and background, position each photo, then download the finished collage.Use tool →Watermark GeneratorAdd a text or logo watermark to an image. Set the position, opacity, scale, rotation and colour, or tile it diagonally across the whole picture.Use tool →Before / After ComparisonCombine two images into a single before-and-after comparison with a draggable divider. Label each side and export the split view as a PNG.Use tool →Image StackerCombine several images into one, stacked vertically, horizontally, or in a grid with a chosen gap and background colour.Use tool →Image Colour InverterInvert an image's colours, or convert light screenshots to dark mode while keeping coloured accents intact. Adjust hue, brightness, contrast and saturation.Use tool →Background ReplacerReplace a transparent or flat background with a colour, gradient or pattern, or flood-fill a picked colour with a tolerance and feather control.Use tool →SVG Colour EditorUpload or paste an SVG, see every fill and stroke colour it uses, and recolour each one with a picker. Copy or download the edited SVG.Use tool →Bulk Image ResizerResize, convert and compress many images at once. Set the dimensions, fit mode, output format and quality, then download everything as a ZIP.Use tool →Device Mockup GeneratorPlace a screenshot inside a phone, tablet, laptop or monitor frame. Position and scale the screen, then download a presentation-ready mockup PNG.Use tool →Browser Window MockupWrap a screenshot in a browser window frame. Choose the browser style, set the URL and tab titles, and adjust the corner radius and shadow.Use tool →CSS Filter GeneratorBuild a CSS filter chain visually. Sliders for blur, brightness, contrast, grayscale, hue-rotate, invert, saturate and sepia, with a live preview and copy-ready CSS.Use tool →CSS Transform GeneratorBuild a CSS transform visually. Translate, scale, rotate, skew and 3D rotate with a draggable origin, a live preview and copy-ready CSS.Use tool →SVG Blob GeneratorGenerate smooth organic blob shapes as SVG paths. Adjust the complexity, roundness, size and colours, or randomise until you like one, then copy the SVG.Use tool →SVG Wave Divider GeneratorCreate the wavy SVG dividers used between website sections. Pick a style, height, amplitude and colours, and copy the markup or download the SVG.Use tool →CSS Pattern GeneratorBuild pure-CSS background patterns — stripes, checks, dots, zigzags, hexagons and more — with live preview and copy-ready CSS.Use tool →Kaleidoscope MakerTurn a photo or a generated pattern into a kaleidoscope. Set the segment count, rotation, zoom and mirror mode, then download the result.Use tool →Moiré Pattern GeneratorCreate moiré interference patterns from layered circles, lines or dot grids. Control the frequency, spacing offsets, angles and blend mode.Use tool →Penrose Tiling GeneratorGenerate a true aperiodic Penrose tiling. Choose the subdivision depth, tile type and colours, then download a PNG or export the SVG.Use tool →Truchet Tile GeneratorGenerate Truchet tilings from arcs, diagonals or quarter circles. Set the grid size, tile size, colours and seed, with a preview of the base tile.Use tool →Flow Field Art GeneratorDraw thousands of particles following a noise field to create generative flow-field art. Control the particle count, noise scale, palette and fade.Use tool →Phyllotaxis Spiral GeneratorGenerate sunflower-seed spirals and similar phyllotaxis patterns. Explore divergence angles around the golden angle and download the result.Use tool →Lissajous Curve GeneratorDraw Lissajous figures and harmonograph curves. Set the x and y frequencies, phase, amplitude and damping, then export as PNG or SVG.Use tool →Curved Text GeneratorBend text along a circular arc, a full circle or a wave. Control the radius, span, direction, letter spacing and font, then download a PNG or real textPath SVG.Use tool →Word Cloud GeneratorPaste text and get a properly laid-out word cloud, with words sized by real frequency and placed without overlap. Choose the shape mask, palette and rotation.Use tool →Image Inside TextClip any photo to the shape of your typed text. Set the font, size, spacing and background, then download a high-resolution PNG.Use tool →Typography Poster MakerCompose a poster from type and simple shapes. Pick a layout template, font pairing and colour scheme, and export at A4, A3, square or story size.Use tool →Certificate MakerDesign an award or completion certificate with decorative SVG borders. Add the recipient, body text, date and signatories, then download or print it.Use tool →Book Cover MakerDesign a book or e-book cover with your title, subtitle, author and cover image. Choose a layout template and export at 6×9in, 5×8in or e-book size.Use tool →CD / Album Cover MakerCreate square album art and a matching circular CD label with edge text, centre hole and your own image and colours.Use tool →Flyer MakerBuild a one-page flyer or event poster with a headline, event details, description and contact block. Several templates, colour schemes and paper sizes.Use tool →SVG Chart GeneratorPaste CSV data and build a real bar, line, area, pie, donut or scatter chart as inline SVG. Full control over axes, gridlines, labels, colours and legend, with PNG download and copy-ready markup.Use tool →Heatmap GeneratorTurn a matrix of numbers into a colour-coded heatmap with viridis, magma or custom ramps, percentile clipping, row and column labels and a value legend. Hover any cell for its exact value.Use tool →Venn Diagram GeneratorBuild 2- and 3-circle Venn diagrams from item lists. The real intersections are computed for you, so every region shows the right items, with area-proportional sizing and PNG download.Use tool →Treemap GeneratorRender hierarchical data as a squarified treemap you can drill into, with breadcrumbs, grouped colours, wrapping labels and hover details showing each part's share of the total.Use tool →Radar Chart GeneratorCompare several series across custom axes on a radar chart. Set each axis maximum, toggle fill or stroke, add a legend and read the values from the data table.Use tool →Bar Chart Race GeneratorPaste entities over time and get an animated bar chart race with smoothly interpolated rankings, rank numbers, a period title and playback scrubbing. Export any frame as PNG.Use tool →Pie Chart GeneratorTurn labels and values into pie, donut or exploded charts. Control the start angle, hole size, label placement, small-slice grouping and per-slice colours, then download a PNG.Use tool →Sankey Diagram GeneratorType source, target and value rows to draw a Sankey diagram with flow-proportional ribbons. Hover to trace a full path, drag nodes to rearrange, and export the result as a PNG.Use tool →Chord Diagram GeneratorVisualise an N×N flow matrix as a chord diagram with grouped arcs and ribbons. Edit the matrix directly, hover to highlight a group's relationships, and download the chart.Use tool →Isometric Drawing GeneratorDraw isometric art by raising and lowering columns on a grid. Each column is rendered with correct three-face shading and depth sorting, so the result reads as a real 3D shape.Use tool →Function Plot MakerPlot up to four functions on one graph with proper sampling, asymptote handling, auto or manual ranges, per-curve colours and a trace readout. Download the plot as a PNG.Use tool →Pixel Art UpscalerPixelate any photo with real block averaging, then choose square, circle or hex pixels, quantise the palette and pixelate just one dragged region. Live preview and PNG download.Use tool →Image to SVG VectorizerTrace a photo into real SVG paths: colour quantisation, contour tracing and path simplification, with a side-by-side preview plus the path count and file size so you can balance detail against weight.Use tool →Spectrogram GeneratorLoad an audio file and see its spectrogram, computed with a real windowed FFT. Adjust the FFT size, window, frequency scale and dB range, hover to read frequency and time, and export a PNG.Use tool →Dot Matrix Image GeneratorConvert an image into a monochrome dot pattern using genuine error-diffusion dithering — Floyd–Steinberg, Atkinson, Burkes, Stucki, Jarvis or ordered Bayer — with control over dot shape and size.Use tool →Bead Pattern MakerTurn a photo into a fuse-bead pattern using a real bead palette and ID list, with pegboard guides, row and column numbers, a colour legend and exact bead counts for the whole design.Use tool →Image to Pixel TextConvert an image into coloured pixel text art using an adjustable character ramp. Choose the output width, ramp preset, colour mode and alpha threshold, then copy the text or download a PNG.Use tool →Style Transfer Effect GeneratorApply classical image stylisations — Kuwahara painting, bilateral smoothing, comic ink outlines, oil painting and pointillism — with a mix slider and a before-and-after comparison.Use tool →CMYK Halftone SeparatorSeparate an image into cyan, magenta, yellow and black plates at the correct halftone screen angles, then export the composite proof or the individual plates as PNG and SVG.Use tool →Photo Filter PickerBrowse real photographic filters as live thumbnails on your own photo — vintage, noir, cinematic, cross-process and more — then dial in the intensity and download the full-resolution result.Use tool →Image SorterBulk-upload images and sort them by name, size, date, dimensions, aspect ratio or dominant colour. Drag to reorder, then export the order as a list, CSV or renamed files in a ZIP.Use tool →Handwriting Practice Sheet GeneratorGenerate cursive and print practice sheets with proper four-line guides, a model line, a dotted trace line and blank ruled lines to copy. Choose the letter style, line height and rows, then print or download.Use tool →Cursive Text GeneratorRender text as realistic handwriting on ruled or plain paper, with adjustable slant, baseline jitter, ink colour and letter spacing — plus copyable Unicode script styles.Use tool →SVG Path AnimatorAnimate any SVG path being drawn, with the path length measured for real. Control the duration, easing, dash pattern and direction, scrub a timeline, and copy the CSS or download a standalone animated SVG.Use tool →CSS Animation Timeline EditorBuild multi-keyframe CSS animations on a real timeline. Drag keyframes, set transforms, opacity, filters and easing per step, preview with onion-skin ghosting, then copy the @keyframes.Use tool →Easing Curve ComparatorPlot and compare easing curves — drag cubic-bezier control points, try the named CSS easings and steps(), or simulate a real spring — with a race between up to four curves.Use tool →CSS Loader GeneratorPick from 20+ real CSS loading animations — rings, dots, bars, ripples, skeletons and more — style the size, colour and speed, then copy the HTML and CSS or export a frame as PNG.Use tool →Particle System GeneratorDesign a web particle emitter with a live canvas simulation: emission rate, lifetime, gravity, drag, size and colour ramps, blending and spawn shapes, with snow, fire, spark and confetti presets.Use tool →Graphing CalculatorPlot y=f(x), polar and parametric curves together with wheel zoom, drag pan, auto-fit and a trace tool. Expressions are parsed properly, with implicit multiplication and no eval.Use tool →Matrix CalculatorAdd, multiply, transpose and invert matrices up to 8×8, compute determinants, ranks and traces, and solve Ax=b — with a grid editor and the elimination steps shown.Use tool →Unit Circle VisualizerDrag the angle on an interactive unit circle to see sine, cosine, tangent and the reference angle, with exact values at every special angle and an animation that traces the sine and cosine waves.Use tool →3D Vector CalculatorCompute dot products, cross products, magnitudes, angles and projections with the working shown, and see the vectors in an orbitable 3D view with the parallelogram or box they span.Use tool →Interactive Analogue ClockDrag the hands on a teaching clock to explore time. Snap to five-minute steps, read the time in words for every minute, switch between 12- and 24-hour faces, and try the random time quiz.Use tool →Flowchart MakerBuild flowcharts and org charts with drag-and-drop boxes, connectors that route around each other, labels, colours and undo. Export as PNG, SVG or Mermaid source you can paste into a README.Use tool →Minimal Poster MakerCompose a minimal poster from type, geometric shapes, gradients and a photo layer. Drag, snap and align elements on a canvas, then export at print or social resolutions.Use tool →Wireframe to HTML ConverterLay out boxes, headings, text blocks, buttons, images and form fields, then generate clean semantic HTML and CSS from the wireframe for a real starting point.Use tool →Whiteboard / Sketch PadA pressure-aware drawing pad with pen, marker, highlighter, eraser, lines, arrows, rectangles and ellipses, an infinite-ish canvas with pan and zoom, and PNG or SVG export.Use tool →