DarnlyFree code helpers for vibecoders
Small helpers for the moments when your agent hands you something you need to read, fix or convert. Turn JSON into TypeScript types, HTML into JSX or CSS into Tailwind, compare two versions of a file, test a regex, build a cron schedule, format SQL, convert curl commands and send API requests. If git goes wrong, the git undo helper explains how to get back. Others decode Base64, explain HTTP status codes, check npm packages, write a README or .gitignore, and make fake data for testing.
- JSON to TypeScriptPaste JSON and get TypeScript types and a Zod schema, with optional fields found for you.
- Diff checkerCompare two texts side by side and see every added, removed and changed word. Nothing is uploaded.
- px to rem converterpx to rem and back, live, with the matching Tailwind class and a ruler at real size.
- Fake data generatorRealistic users, products, orders or posts as JSON, CSV, SQL or a TypeScript seed file.
- Unix timestamp converterTimestamp to date and back, in your time zone, UTC and four cities, with JS, Postgres and Python code.
- Regex testerTest a pattern live, see each part explained in plain English, and copy it as JS, Python or Zod.
- Cron expression generatorPick a schedule in plain words or paste a cron line, see the next runs in your time and UTC, copy code for Vercel or GitHub.
- .gitignore generatorA .gitignore for your stack that keeps .env files and keys out of git, plus a check for what would leak.
- SQL formatterFormat SQL with colors and see what it does in plain English, with a red flag on DELETE or UPDATE without WHERE.
- Markdown previewWrite Markdown and see it like GitHub shows it, with tables, checklists and code colors. Copy into Notion or Docs.
- curl converterPaste a curl command from API docs and get fetch, axios, Node.js, Python or a Next.js route, with keys moved to .env.
- API testerSend GET or POST with headers, JSON and a token. See the status in plain words, time, size and CORS, and copy it as curl.
- Markdown table generatorEdit a table like a spreadsheet or paste from Excel, and copy it as Markdown, HTML or CSV.
- What browser am I using?Your browser, OS, viewport, screen, dark mode and time zone in one look. Copy it all for a bug report.
- npm package checkerIs this npm package safe to use? Downloads, last release, license, size and types, with a verdict. Compare up to 3.
- Case converterSee any name in camelCase, snake_case, kebab-case and eight more cases at once. Rename JSON keys and .env names too.
- Git undo helperPick what went wrong in git and see the fix on a picture of your commits, with the exact commands or a prompt for your agent.
- Tailwind class cleanerSort Tailwind classes the way Prettier does, remove duplicates, and see which classes cancel each other out.
- Base64 encoderEncode and decode Base64 as you type, or turn a picture into a data URI to paste into your code.
- CSS to TailwindPaste CSS and get Tailwind classes for each element, with a side-by-side preview that shows they match.
- YAML to JSON converterConvert YAML to JSON and back as you type. Errors point at the line and say how many spaces it needs.
- HTTP status code explainerWhat 404, 500, 502 or a Vercel or Cloudflare error means in plain English, why it happens in your stack, and how to fix it.
- NewREADME generatorA clean README.md with badges, screenshot, setup steps and an env var table, in a minute.
- NewHTML to JSXPaste HTML and get JSX for React, with a live preview and every fix listed.
Questions
Are these tools really free?
Yes. Every tool on darnly.dev is free, with no sign-in and nothing to install. They are made by Darnly, a free Chrome extension and Mac app that turns a bug you see on screen into context your AI coding agent can fix.
Why use these when my AI agent can write code?
Because they are quick and they show you the answer. Checking a regex, reading a cron schedule or comparing two files takes seconds here, and you can see the result for yourself instead of trusting a guess. You can paste what you get back to your agent.
I broke something with git. Where do I start?
Open the git undo helper and pick what happened, like committing to the wrong branch or pushing your .env file. It shows a before and after picture of your commits and gives you the exact commands, or a prompt to hand your AI agent.