Use free calculators, converters, and generators. All tools process data locally in your browser.
Choose a workflow to find tools for your task.
Pick a goal to filter the tools. All tools stay in your browser.
I need to inspect, fix, or convert data fast
Format, decode, and convert data. JSON, XML, YAML, CSV, encoders, and unit converters.
I need to validate and test before shipping
Check code, APIs, regex, and specs. Find issues before your users do.
Selected. I need to design a UI that looks pro
Build palettes, shadows, and gradients. Ship a clean interface.
I need to send money or run a business
Price your work and plan your money. Invoices, pricing, taxes, loans, and unit economics.
I need to get hired — or hire well
Tune your resume, plan interviews, grade job briefs, and run hiring loops.
I need answers fast
Get quick answers. Split bills, plan sleep, pace learning, and count time and money.
I need to generate content, docs, and boilerplate
Create README files, robots.txt, social images, QR codes, invoices, and styled text.
I need to lead my engineering team
Track delivery, plan architecture, and run healthy team rituals.
Generate a complete Tailwind CSS shade scale (50–950) from any base color. Live preview, copy the config, or export as CSS variables.
Build linear and radial gradients with unlimited color stops, adjustable angles, and a live preview. Copy production-ready CSS instantly.
Create layered box shadows visually — offset, blur, spread, color, inset — with curated presets and copy-ready CSS output.
Drag each corner to craft pill, blob, and rounded shapes. Generates clean CSS with per-corner values and a live element preview.
Configure flex container and item properties visually with a live playground, then copy the exact CSS for your layout.
Design cubic-bezier() easing curves visually with a draggable handle, preview the motion on a live element, and copy the CSS or JS value.
Convert between HEX, RGB, and HSL color formats instantly with a live preview, opacity support, and CSS-ready output.
Grade any two colors against WCAG 2.1 AA and AAA thresholds — a must-check before every design handoff.
Build fluid CSS clamp values for responsive typography, spacing, and layout.
Design responsive CSS Grid layouts visually and copy production-ready CSS.
Compare CSS selectors and see which rule wins the cascade.
Reduce CSS whitespace and comments to create a compact stylesheet.
Generate a responsive type scale with CSS variables and preview sizes.
Resize and crop images locally to exact dimensions without uploading files.
Convert PNG, JPEG, WebP, and other browser-supported image formats locally.
Extract a usable color palette from any image in your browser.
Calculate missing image and video dimensions for any aspect ratio.
Turn design tokens into organized CSS custom properties and a ready-to-copy :root block.