Last night I went on a building spree and shipped 50+ new tools to DevTools.run. Every tool runs entirely in your browser — no backend, no signup, no tracking.
Here are the ones developers are loving most:
Must-Have Dev Tools
CSS Grid Generator — Visual grid builder with live preview. Adjust columns, rows, gap, and sizes. Copy the generated CSS.
Flexbox Playground — Every flexbox property with instant visual feedback.
CSS Glassmorphism Generator — Beautiful frosted glass effects with adjustable blur, opacity, and saturation.
CSS Animation Generator — 12 presets (bounce, pulse, shake, spin, etc.) with full customization.
HTML to JSX — Paste HTML, get valid React JSX. Handles className, style objects, self-closing tags.
Regex Tester — Real-time match highlighting with presets for email, URL, IP, phone.
Code Formatter — Format JS, CSS, HTML, SQL with one click.
Surprisingly Popular
Resume Builder — Fill in sections, see live preview in 3 templates, export as text.
Invoice Generator — Create invoices with crypto support (SOL, BTC, ETH). Print to PDF.
AI Writing Assistant — 12 templates for emails, cover letters, LinkedIn posts. All client-side.
Fun Ones
Pixel Art Editor — Draw pixel art up to 64x64, export as PNG.
Text to Speech — Browser Speech API with multiple voices. Works offline.
Scientific Calculator — Full trig, log, factorial, memory, and history.
Free Public APIs
I also built free APIs anyone can use:
GET https://devtools-site-delta.vercel.app/api/random-quote
GET https://devtools-site-delta.vercel.app/api/random-joke
GET https://devtools-site-delta.vercel.app/api/random-password?length=24
No auth, CORS enabled, no rate limits. Perfect for demos and hackathon projects.
The Full List
200+ tools across categories: JSON, regex, base64, hash, JWT, color, CSS, Solana, timestamps, converters, calculators, and more.
Check it out: devtools-site-delta.vercel.app
What tools do you wish existed? I'll build them.
Top comments (0)