Free · No signup · No uploads

Free tools for indie app devs

A growing set of in-browser utilities for shipping to the App Store and Play Store. Everything runs locally — nothing leaves your laptop.

App Store Screenshot Resizer

Resize any iPhone or iPad screenshot to every App Store Connect required size.

  • iPhone 6.7", 6.5", iPad 13", 12.9" presets
  • Contain, cover, fit-width, stretch
  • PNG with transparency or JPEG

Marketing Screenshot Maker

Build App Store marketing screenshots — headline + subtitle + phone frame + gradient, exported at every required size.

  • Optional iPhone / iPad frame
  • Tailwind-palette gradient background
  • App Store Connect export sizes

Device Mockup Generator

Wrap a screenshot in an iPhone, iPad, Android, Mac, or browser bezel.

  • iPhone, iPad, Pixel, MacBook, browser window
  • PNG export at 1x / 2x / 3x
  • Optional gradient background

Image Cropper

Crop any image to every common aspect ratio — Instagram, OG, Twitter, 16:9, and more.

  • 1:1, 4:5, 9:16, 16:9, 3:2, OG 1.91:1, custom
  • Draggable crop rectangle with live pixel readout
  • PNG, JPEG, or WebP output

Image Compressor

Compress PNG, JPEG, and WebP in-browser. Dial quality or target a file size.

  • JPEG, WebP, PNG
  • Quality slider or target file size
  • Per-file before/after previews

UTM Link Builder

Build a properly-encoded campaign URL with UTM parameters and hand it off to the QR tool.

  • source / medium / campaign / term / content
  • 8 preset campaign templates
  • One-click handoff to the QR code tool

App Icon Maker

Design an iOS or Android app icon from 150+ Tabler icons and the full Tailwind palette.

  • Solid or gradient background
  • iOS squircle, Android round, custom radius
  • ZIP at every standard size

Favicon Generator

Generate favicon.ico, apple-touch-icon, Android and PWA icons from an image or text.

  • From an image or text initials
  • favicon.ico + apple-touch + PWA set
  • Ready-to-paste <link> and manifest

App Store Character Counter

Live character counters for every App Store and Play Store listing field.

  • iOS name, subtitle, description, keywords
  • Play Store short and full description
  • Keyword splitter with dedupe and over-quota alerts

Box Shadow Generator

Multi-layer CSS box-shadow editor with Tailwind color picker and preset stacks.

  • Stack up to 5 shadow layers
  • Tailwind-palette color per layer
  • Copy CSS or matching Tailwind shadow class

Color Contrast Checker

Pick foreground and background from the Tailwind palette and check WCAG AA / AAA.

  • Full Tailwind palette picker
  • WCAG AA and AAA at every text size
  • Accessible-pair suggestions

Tailwind Shade Generator

Generate a full 50→950 Tailwind palette from any base color, along the Tailwind lightness curve.

  • Base hex or paste a Tailwind swatch
  • Full 50..950 scale
  • Copy as tailwind.config or CSS custom properties

Gradient Generator

Build Tailwind-palette gradients and export wallpaper, social, and OG sizes.

  • Two- or three-stop Tailwind gradients
  • Phone, tablet, OG, 4K, and custom sizes
  • CSS and Tailwind snippets

Mesh Gradient Generator

Draggable radial-gradient blobs on a Tailwind palette — trendy mesh backgrounds without signup.

  • 4-6 draggable color blobs
  • Aurora / sunset / brand presets
  • Export PNG at wallpaper / OG / social sizes

Color Palette Extractor

Drop an image and pull out its 5, 8, or 12 dominant colors — with Tailwind-nearest matches.

  • K-means palette from any image
  • Tailwind closest-match per color
  • Copy each color or a full CSS block

Cubic Bezier Editor

Design a CSS easing curve with draggable handles — with preset eases and copy-ready outputs.

  • Two-handle SVG editor with live preview ball
  • 12 preset easings (ease-in-out-expo, etc.)
  • Copy cubic-bezier() CSS, framer-motion array, Tailwind ease

Type Scale Generator

Pick a base size and ratio to generate a full typography scale with CSS and Tailwind output.

  • 8 classic scale ratios (1.067 → 1.618)
  • Live h1..caption preview
  • Copy CSS variables or tailwind.config

App Store QR Code Generator

Generate a QR code for your App Store or Play Store link with custom colors and logo.

  • Auto-detect App Store / Play Store URL
  • Tailwind colors, optional center logo
  • Download PNG and SVG

JSON Formatter & Validator

Pretty-print, minify, sort keys, validate — plus one-click TypeScript type inference.

  • Indent 2 / 4 / tab, minify, sort keys
  • Error line + column with jump-to
  • Infer a TypeScript type from your JSON

Regex Tester

Test a regex against a string with real-time match highlighting and a common-pattern sidebar.

  • Live match highlighting, coloured capture groups
  • All JS flags (g, i, m, s, u, y)
  • Email / URL / UUID / ISO date presets

SVG Optimizer

Paste or drop an SVG to strip metadata, minify paths, and optionally convert to React JSX.

  • SVGO in your browser
  • Before / after byte count
  • React-ready JSX toggle

JWT Decoder

Paste any JSON Web Token to inspect its header and payload. Nothing leaves your browser — no server, no logging.

  • Header + payload shown as pretty JSON
  • Exp / iat / nbf in plain English
  • Signature shown, not verified

Base64 Encoder / Decoder

Encode or decode base64, auto-detecting the direction. Plus an image-to-data-URI mode for inline assets.

  • Auto-detects encode vs decode
  • Image → data URI with one drop
  • Copy or download the output

ID Generator

Generate UUID v4, UUID v7, nanoid, or ULID — one or a thousand at a time, copy-ready.

  • UUID v4 + v7 (time-sortable)
  • nanoid with custom alphabet and length
  • ULID with timestamp prefix

Noise Texture Generator

Add SVG grain over any Tailwind background. Export a PNG overlay or a sub-1-KB CSS data-URI snippet.

  • feTurbulence frequency / octaves / opacity
  • Solid or Tailwind gradient base
  • CSS data-URI snippet for drop-in use

Blob Generator

Procedural organic SVG blobs for hero sections — reroll the seed, tune edge irregularity, copy SVG or CSS clip-path.

  • Seed + complexity + irregularity controls
  • Copy SVG, CSS clip-path, or React component
  • Tailwind-palette fills

CSS Loader Generator

Ten hand-authored loader animations with per-loader size / speed / color controls and copy-ready CSS + JSX.

  • Spinner, dots, bars, pulse, shimmer, and more
  • Tailwind-palette color per loader
  • Copy CSS @keyframes + JSX snippet
— Why browser-first

Every tool runs locally. Zero uploads, zero accounts.

Private by default

Your screenshots, icons, and gradients never leave your machine. No backend round-trip, no storage, nothing to delete later.

Instant

Canvas and Web APIs do the work. Dropping 20 files and hitting export takes a couple of seconds.

Real dev tooling

Sizes match App Store Connect exactly. No upscaling, no drift, no watermarks on the output.