Design Tools
Generate harmonious colour palettes from a base hue, create business cards, and produce printable certificates — all rendered to canvas in your browser and exported as PNG or PDF.
Aspect Ratio Calculator
Calculate aspect ratios and scale dimensions while maintaining proportions. Supports 16:9, 4:3, 1:1, and custom ratios. No upload, instant results.
Design ToolsNewAudio Trimmer
Trim any audio file to a specific start and end time. Download as WAV. Free, no upload, runs in browser.
Design ToolsNewBanner Maker
Create social media banners for Twitter/X, LinkedIn, Facebook, YouTube, and GitHub. Free, in-browser.
Design ToolsNewBusiness Card Generator
Design a business card and download a print-ready PNG. Free, private — runs entirely in your browser.
Design ToolsNewCertificate Generator
Create a printable certificate PDF in your browser. Free, private, no signup.
Design ToolsNewChart Maker
Create bar charts, line charts, and pie charts from your data. Free, in-browser, download as PNG.
Design ToolsNewColor Contrast Checker
Check WCAG 2.1 color contrast ratio for AA and AAA compliance. Instant, in-browser, no upload.
Design ToolsNewColor Harmony Generator
Generate complementary, triadic, analogous, split-complementary, tetradic, and monochromatic color harmonies from any hex color. Free, instant, browser-based.
Design ToolsNewColor Mixer
Mix two colors by percentage and preview the result in hex, RGB, and HSL with a live gradient swatch.
Design ToolsNewColor Palette Generator
Generate harmonious color palettes from a base color using complementary, analogous, triadic, and other color theory modes. No upload, no account — runs in your browser.
Design ToolsNewColor Picker
Pick a color visually and get its HEX, RGB, and HSL values instantly. Includes a curated palette and copy-to-clipboard.
Design ToolsNewColor Shade Generator
Generate 10 progressively darker shades from any hex color. Click to copy individual hex values, or export as CSS custom properties or a JavaScript array.
Design ToolsNewColor Tint Generator
Generate 10 tints of any hex color by mixing it with white at 10–100% steps. Copy individual hex values or export all tints as CSS variables. Free, instant, no signup.
Design ToolsNewColor Wheel
Interactive HSL colour wheel — click to pick a colour and see complementary, analogous, and triadic swatches.
Design ToolsNewCSS Animation Generator
Build CSS @keyframes animations with timing, duration, iteration and direction controls. Live preview and one-click copy. Free, no upload.
Design ToolsNewCSS Box Shadow Generator
Create and preview CSS box shadows with live controls. Add multiple shadows, adjust offsets, blur, spread, colour and opacity. Free, no upload.
Design ToolsNewCSS Color Names Reference
Browse all 140+ named CSS colors with hex codes, grouped by hue. Search, filter, and copy color names or hex values instantly — free, no account required, works in your browser.
Design ToolsNewCSS Text Shadow Generator
Create and preview CSS text shadows with live controls. Multiple shadows, colour picker, opacity slider. Copy CSS instantly. Free, no upload.
Design ToolsNewEvent Ticket Maker
Design event tickets with custom colours, date, venue, and ticket number. Download as PNG. Free.
Design ToolsNewFamily Tree Maker
Build a three-generation family tree online. Enter names and parent relationships, view a visual tree.
Design ToolsNewFlowchart Maker
Build flowcharts with process, decision, and I/O nodes. Download as SVG or PNG. Free, in-browser.
Design ToolsNewFont Size Unit Converter
Convert font sizes between px, rem, em, pt, %, and vw. Adjust base font size and viewport width. All conversions instant. Free, no upload.
Design ToolsNewGantt Chart Maker
Build a Gantt chart from a task list with start and end dates. Visualise project timelines instantly.
Design ToolsNewGraph Paper Generator
Generate A4 or Letter graph paper with 5mm or 10mm grids. Customise line colour. Download as PNG or print.
Design ToolsNewInvitation Maker
Design digital invitations for weddings, parties, and events. Square, A5, 5×7 formats. Free, in-browser.
Design ToolsNewLabel Maker
Design printable labels — Avery 5160 (3×10) or 2×5 layout. Enter text, choose font size, print.
Design ToolsNewLogo Maker
Create simple logos with icon, text, and shapes. Customize colors and fonts. Free, in-browser, download PNG.
Design ToolsNewMind Map Maker
Create visual mind maps with a central topic, branches, and sub-topics. Download as PNG. Free, in-browser.
Design ToolsNewOnline Ruler
Calibrate your screen and measure objects on-screen in centimetres or inches using your display as a ruler.
Design ToolsNewOrg Chart Maker
Create an organisational chart by entering names and managers. Renders a hierarchical tree up to 20 nodes.
Design ToolsNewPoster Maker
Create event posters, flyers, and social media stories. A4, A3, Letter, Instagram Story formats. Free, in-browser.
Design ToolsNewScreen Recorder
Record your screen directly in the browser. No download, no account. Save as WebM video.
Design ToolsNewSeating Chart Maker
Arrange people into a room grid. Set rows and columns, assign names to seats, print the layout.
Design ToolsNewSignature Maker
Draw and download a digital signature as a PNG. Free, runs entirely in your browser — your signature never leaves your device.
Design ToolsNewSVG Blob & Wave Generator
Generate organic SVG blobs and CSS wave dividers for landing pages. Adjust shape, colour, and complexity — copy SVG instantly.
Design ToolsNewSVG Optimizer
Clean and minify SVG files in your browser. Remove comments, metadata, and Inkscape artifacts. Free, no upload.
Design ToolsNewTailwind Color Reference
Browse the full Tailwind CSS v3 color palette — 22 color families with 11 shades each. Click any swatch to copy the hex value or Tailwind class name instantly.
Design ToolsNewThumbnail Maker
Create YouTube thumbnails and social media images in your browser. Add text, background color or image. Free, no upload.
Design ToolsNewTypographic Scale Generator
Generate a harmonious typographic scale from a base size and ratio. Choose from 8 named scale ratios. Outputs CSS custom properties. Free, no upload.
Design ToolsNewVideo Compressor
Compress videos in your browser with ffmpeg.wasm. Re-encodes to MP4 (H.264) — works with .mov, .mp4 and more. Free, no upload.
Design ToolsNewVideo Trimmer
Trim a video to a start and end time in your browser. Download as WebM. No upload, no account.