Free tools for vibecoders

Quick jobs you do while building a site, done in seconds. No sign-in, nothing to install.

• Favicon generatorEvery favicon size from one image, plus the HTML to paste.
• Open Graph checkerSee how your link looks on X, LinkedIn, WhatsApp and Slack, and what to fix.
• Meta tag generatorSEO, Open Graph and X tags with a Google preview and length checks.
• Font finderSee what fonts any website uses, whether they’re free, and copy them into your project.
• Color palette from imageThe main colors of any screenshot or logo, as hex, CSS and Tailwind.
• Image compressorShrink images to WebP, JPG or PNG and see the size before and after.
• Image converterWebP, AVIF, SVG, PNG or JPG to PNG, JPG or WebP, with resize. Nothing is uploaded.
• Social image resizerOne picture, every size: X header, LinkedIn banner, Instagram, YouTube thumbnail. Drag to crop.
• OG image generatorA 1200×630 share image for link previews, plus the tags to paste.
• Launch checkerIs your site ready to launch? Title, share preview, favicon, sitemap, 404 and more, with fixes.
• Website color finderGet any website’s color palette and CSS color variables, ready for CSS, Tailwind or your AI agent.
• DESIGN.md generatorTurn any website into a DESIGN.md style guide, so your AI agent builds in the same colors, fonts and spacing.
• Tech stack finderSee what any website is built with, where it’s hosted and which analytics it uses.
• App icon generatorEvery iOS, Android and Expo app icon from one image, in one ZIP.
• Color contrast checkerIs your text readable? WCAG AA and AAA pass or fail, plus the nearest color that passes.
• Tailwind color shadesTurn one brand color into an even 50–950 Tailwind scale, ready for v4, v3 or CSS.
• 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.
• API key leak checkerDid I leak an API key? Check your site’s JavaScript for OpenAI, Stripe, Supabase and other secret keys.
• Sitemap generatorA sitemap.xml and robots.txt for your site in seconds, plus the broken links we found.
• px to rem converterpx to rem and back, live, with the matching Tailwind class and a ruler at real size.
• CSS gradients and shadowsMake gradients with draggable colors and soft layered shadows, then copy CSS or Tailwind.
• Privacy policy generatorA plain-English privacy policy and terms for your app, naming the services you use. Not legal advice.
• Screenshot beautifierFrame a screenshot in a browser or phone on a nice background, sized for X, LinkedIn or a story.
• Fake data generatorRealistic users, products, orders or posts as JSON, CSV, SQL or a TypeScript seed file.
• Logo makerA simple logo from your project’s name, an icon, a font and colors. SVG, PNG, app icon and favicons.
• Cookie banner generatorDesign a cookie consent banner live and copy a tiny snippet that holds back analytics until people agree.
• Hex to TailwindPaste any color and see the nearest Tailwind colors side by side, then copy the class.
• JWT decoderPaste a token and see when it expires, who it’s for and its role, in plain words. Nothing is uploaded.
• Unix timestamp converterTimestamp to date and back, in your time zone, UTC and four cities, with JS, Postgres and Python code.
• App Store screenshot makerYour app screenshots in a device frame with a headline, at every App Store and Google Play size.
• Regex testerTest a pattern live, see each part explained in plain English, and copy it as JS, Python or Zod.
• Color blindness simulatorSee your screenshot the way color-blind users do, and which colors turn into the same color.
• 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.
• UTM link builderTag your links for X, LinkedIn, Reddit or Product Hunt and see which post sent your visitors. With a QR code.