One File Tools

Developer tools, one file each. No build step. No dependencies. No frameworks.

🏷️ Tags:
Open Graph Inspector

Open Graph Inspector

Analyze meta tags, social previews, and SEO metadata for any URL with actionable scores.

Web & SEO Medium Live
Radii - Border Radius Generator

Radii - Border Radius Generator

Visually create CSS border-radius values with live preview, presets, and copy-ready CSS output.

CSS Tools Easy Live
No tools found matching your search.

One tool.
One file.
Open and use.

A collection of useful developer tools, each built as a single, self-contained HTML file. No build step. No dependencies. No frameworks.

2+
Tool Ideas
9
Categories
0 KB
npm install
100%
Browser-based

🌐 Web & SEO

🌐

Open Graph Inspector

Analyze meta tags, social previews, and SEO metadata for any URL with actionable scores.

🎨 CSS Tools

🎨

Radii - Border Radius Generator

Visually create CSS border-radius values with live preview, presets, and copy-ready CSS output.

One File Tools

Try a tool right here. Every tool is a single HTML file you can download and use anywhere.

json-formatter.html
Formatted output will appear here...
🎓 Part of Social Summer of Code — Easy: 20 pts · Medium: 30 pts · Leaderboard
🌐

Web & SEO

Meta tags, OG previews, sitemaps, and SEO utilities

1 tool
🖼️

Image Tools

Dimensions, converters, SVG, favicons, and metadata

0 tools
🌈

Color Tools

Pickers, contrast checkers, palettes, and converters

0 tools
🎨

CSS Tools

Shadows, grids, flexbox, gradients, and generators

1 tool
📝

Text & Content

Counters, converters, diffs, and Markdown preview

0 tools
🔗

JSON & API

Formatters, JWT decoders, URL encoders, and curl builders

0 tools
🛠️

Developer Utilities

UUIDs, hashes, regex, cron, passwords, and QR codes

0 tools
🌐

Browser & Network

User agents, viewport info, cookies, and headers

0 tools

Accessibility

Contrast checkers, heading structure, ARIA references

0 tools
  ___  _  _ ___   ___ ___ _    ___   _____ ___   ___  _    ___
 / _ \| \| | __| | __|_ _| |  | __| |_   _/ _ \ / _ \| |  / __|
| (_) | .` | _|  | _| | || |__| _|    | || (_) | (_) | |__\__ \
 \___/|_|\_|___| |_| |___|____|___|   |_| \___/ \___/|____|___/
          
~/one-file-tools $

One File Tools

Developer tools, one file each. Zero dependencies.

$ open tools/json-formatter.html

$ # That's it. No npm. No build. No server.
// Web & SEO
  • open-graph-inspector Analyze meta tags, social previews, and SEO metadata for any URL with actionable scores. MED
// CSS Tools
  • border-radius-generator Visually create CSS border-radius values with live preview, presets, and copy-ready CSS output. EASY

One File Tools

Developer tools, one file each. No build step. No dependencies. No frameworks.

2+
Tool Ideas
9
Categories
2
Live Tools
0
Dependencies
💡

Philosophy

One file. Each tool is a single .html file.
Zero build. No npm install, no bundler, no server.
Browser only. Runs entirely client-side.
Open source. Unlicense. Do what you want.

Start Contributing

Pick a tool, build it in a single HTML file, and submit a PR.

GitHub Contributing Guide
🌐

Web & SEO

  • Open Graph Inspector
🖼️

Image Tools

    🌈

    Color Tools

      🎨

      CSS Tools

      • Radii - Border Radius Generator
      🎓

      SSoC (Social Summer of Code)

      This project is part of Social Summer of Code. Pick an Easy (20 pts) or Medium (30 pts) issue, build a tool, and earn contribution points. Learn more · Leaderboard