A growing collection of useful developer tools, each built as a single, self-contained HTML file.
No build step. No frameworks. No npm. Just open the file in your browser and it works.
Most developer tools today come with baggage:
npm installwith 200+ packages.- Framework lock-in.
- Complex build pipelines.
- Servers, databases, deployment configs.
This repo takes the opposite approach.
One tool. One file. Open and use.
Every tool in this collection is a standalone .html file containing all the HTML, CSS, and JavaScript it needs. You can download a single file, open it in any browser, and start using it immediately. CDN links are used for lightweight libraries and fonts to keep files slim.
| # | Tool | Category | Description | Live |
|---|---|---|---|---|
| 1 | .env Parser & Validator | Developer Utilities | Parse, validate, mask, search, and export .env files entirely in the browser. | Try it |
| 2 | Alt Text Helper | Accessibility | Draft image alt text and get instant feedback on whether it's clear, concise, and accessible. | Try it |
| 3 | Animation Cubic-Bezier Editor | CSS Tools | Visually create and customize CSS cubic-bezier() easing functions with a live animation preview. | Try it |
| 4 | API Response Mocker | JSON & API | Define custom JSON responses and simulate API endpoints directly in the browser. | Try it |
| 5 | ARIA Role Reference | Accessibility | A fast, offline reference for common WAI-ARIA roles with attributes, semantic alternatives, and examples. | Try it |
| 6 | Aspect Ratio Calculator | Image Tools | Calculate and simplify aspect ratios instantly. Supports common presets and outputs decimal ratio and CSS padding-bottom values. | Try it |
| 7 | Base64 Encoder / Decoder | Developer Utilities | A simple, offline utility to encode raw text into Base64 format and decode Base64 strings back to text. | Try it |
| 8 | Base64 Image Converter | Image Tools | Convert images to Base64 data URIs, or decode Base64 strings back into viewable images. | Try it |
| 9 | Bash Sandbox | Developer Utilities | A simulated bash terminal to play with and learn common commands, entirely in your browser. | Try it |
| 10 | Binary Decimal Converter | Developer Utilities | Convert between binary, decimal, hexadecimal, and octal. | Try it |
| 11 | Box Shadow Generator | CSS Tools | Design CSS box shadows visually with live preview, presets, and copy-ready output. | Try it |
| 12 | Canonical URL Checker | Web & SEO | Analyze HTML to verify canonical URL implementation and identify common SEO issues. | Try it |
| 13 | Case Converter | Text & Content | Transform text between UPPERCASE, lowercase, camelCase, snake_case, and more. | Try it |
| 14 | Chrono / Timezone Converter | Developer Utilities | Visually synchronize and convert time across multiple global timezones. | Try it |
| 15 | Clip Path Generator | CSS Tools | Visually create complex CSS clip-path shapes and instantly copy the generated code. | Try it |
| 16 | Code Snippet Manager | Developer Utilities | Store, categorize, and retrieve code snippets with syntax highlighting, entirely offline. | Try it |
| 17 | Color Mixer Tool | Color Tools | Mix colors and generate harmonious color palettes. | Try it |
| 18 | Color Palette Extractor | Image Tools | Extract dominant colors and generate beautiful palettes directly from images in your browser. | Try it |
| 19 | Color Palette Generator | Color Tools | Generate beautiful random color combinations for designers and frontend developers. | Try it |
| 20 | Color Picker | Color Tools | Pick a color and view it in HEX, RGB, HSL, and HSV, with generated shades and recent colors. | Try it |
| 21 | Command Step Loader | Developer Utilities | Load multiple commands and copy them one at a time with a terminal-style interface. | Try it |
| 22 | Commit Message Generator | Developer Utilities | Build Conventional Commits-formatted commit messages with live preview and validation. | Try it |
| 23 | Contrast Checker | Color Tools | Check the WCAG 2.1 contrast ratio between two colors with AA/AAA compliance and a live text preview. | Try it |
| 24 | Cron Expression Builder | Developer Utilities | Build and customize cron schedules with presets, instant validation, explanations, and upcoming run previews. | Try it |
| 25 | CSS Animation Builder | CSS Tools | Visually create CSS animations and export keyframes without manually writing CSS. | Try it |
| 26 | CSS Color Converter | Color Tools | Convert between Hex, RGB, HSL, HSLA, and OKLCH color formats instantly with a visual picker. | Try it |
| 27 | CSS Easing Visualizer | CSS Tools | Compare multiple CSS easing curves side-by-side on a shared graph and in an animated race preview. | Try it |
| 28 | CSS Grid Generator | CSS Tools | Build CSS Grid layouts visually with configurable columns, rows, gap, and sizing options. | Try it |
| 29 | CSS Specificity Calculator | CSS Tools | Break down CSS selectors into their specificity score and see which rule wins a conflict. | Try it |
| 30 | CSS Unit Converter | CSS Tools | Instantly convert between px, rem, em, vw, vh, and percentages. | Try it |
| 31 | CSS Variable Explorer | CSS Tools | Extract, edit, preview, copy, and download CSS custom properties with a live theme preview. | Try it |
| 32 | CSS Variable Explorer & Theme Generator | CSS Tools | Explore, edit, and export CSS custom properties with live preview and a glassmorphism UI. | Try it |
| 33 | Curl Builder | JSON & API | Construct ready-to-run cURL commands for REST APIs with headers, auth, body types, query params, and file uploads. | Try it |
| 34 | Favicon Generator | Developer Utilities | Generate a complete favicon pack and integration tags from any image, offline. | Try it |
| 35 | Flexbox Playground | CSS Tools | Experiment with Flexbox properties visually and copy the generated CSS. | Try it |
| 36 | Git Command Explainer | Developer Utilities | Explain any Git command in plain English, with full flag-by-flag breakdowns for the most commonly used commands. | Try it |
| 37 | Git Ignore Generator | Developer Utilities | Generate boilerplate .gitignore files for various technologies instantly, offline. | Try it |
| 38 | GitHub Profile README Generator | Developer Utilities | Generate a professional GitHub profile README with live stats and an editable preview. | Try it |
| 39 | GitHub Token Validator (Glassmorphism) | Developer Utilities | Glassmorphism-themed GitHub Token Validator tool that allows users to validate GitHub Personal Access Tokens directly in the browser. | Try it |
| 40 | GitHub Token Validator (Modern) | Developer Utilities | Validate GitHub Personal Access Tokens with a sleek, modern interface. Token never leaves your browser. | Try it |
| 41 | GitHub Token Validator (Terminal) | Developer Utilities | Validate GitHub Personal Access Tokens with a terminal-style UI that displays user identity and scopes. | Try it |
| 42 | GitHub Token Validator GitHub Style | Developer Utilities | Validate GitHub Personal Access Tokens with a clean, modern, and responsive card-based interface GitHub style. | Try it |
| 43 | GitHub Token Validator Plain | Developer Utilities | Validate GitHub Personal Access Tokens with a clean, straightforward interface. | Try it |
| 44 | GitHub Token Validator Retro | Developer Utilities | Validate GitHub Personal Access Tokens with a retro terminal themed interface. | Try it |
| 45 | Glassmorphism Generator | CSS Tools | Generate sleek, frosted-glass UI effects for your components. | Try it |
| 46 | Gradient Builder | Color Tools | Visually build linear or radial CSS gradients with multiple color stops and copy-ready CSS. | Try it |
| 47 | Hash Generator | Developer Utilities | Generate SHA-1, SHA-256 and SHA-512 hashes instantly in your browser. | Try it |
| 48 | Hreflang Tag Generator | Web & SEO | Generate valid hreflang link tags for multilingual and multi-regional websites. | Try it |
| 49 | HTML Entity Converter | Text & Content | Encode text into named, decimal, or hex HTML entities, or decode entities back into readable text. | Try it |
| 50 | HTTP Header Inspector | Browser & Network | Send a request to any URL and inspect its HTTP response headers, status code, and timing. | Try it |
| 51 | HTTP Header Inspector | networking | Inspect HTTP response headers, understand their purpose, and analyze security, caching, CORS, and performance information. | Try it |
| 52 | HTTP Request Header Builder | JSON & API | Create, validate, organize, preview, import, and export HTTP request headers locally in your browser. | Try it |
| 53 | Image Dimension Checker | Image Tools | Inspect an image's width, height, aspect ratio, orientation, size, format, and megapixels locally. | Try it |
| 54 | Image Metadata Viewer | Image Tools | Extract and view EXIF, GPS, and other hidden metadata locally without uploading your images. | Try it |
| 55 | JSON CSV Converter | JSON & API | Convert between JSON and CSV formats with bidirectional conversion and custom delimiters. | Try it |
| 56 | JSON Diff Viewer | JSON & API | Compare two JSON objects semantically with added, removed, and modified value highlighting. | Try it |
| 57 | JSON Formatter | JSON & API | Format, validate, and minify JSON locally in your browser. | Try it |
| 58 | JSON Schema Validator | JSON & API | Validate JSON data against a JSON Schema. | Try it |
| 59 | JSON-LD / Schema.org Generator | Web & SEO | Generate Schema.org JSON-LD structured data with live preview, copy, and download support. | Try it |
| 60 | JWT Decoder | JSON & API | Decode and inspect JSON Web Tokens — header, payload, claims, and expiry — entirely in your browser. | Try it |
| 61 | Lorem Ipsum Generator | Text & Content | Generate placeholder lorem ipsum text for designs and mockups. | Try it |
| 62 | Markdown Previewer | Text & Content | Write and preview Markdown in real time, offline. | Try it |
| 63 | Markdown Table Generator | Text & Content | Generate Markdown tables easily with this visual tool. | Try it |
| 64 | Meta Tag Generator | Web & SEO | Generate essential HTML meta tags with a live preview and copy-ready code. | Try it |
| 65 | Neumorphism Generator | CSS Tools | Create soft, extruded UI elements with customizable neumorphic shadows. | Try it |
| 66 | Open Graph Checker | Web & SEO | Validate Open Graph tags from any public URL with social previews, health score, and JSON export. | Try it |
| 67 | Open Graph Generator | Web & SEO | Generate Open Graph meta tags with a live tri-platform preview (Facebook, Twitter, LinkedIn) and copy-ready HTML. | Try it |
| 68 | Open Graph Inspector | Web & SEO | Analyze meta tags, social previews, and SEO metadata for any URL with actionable scores. | Try it |
| 69 | Palette Generator | Color Tools | Generate unique, collision-free variation color schemes based on color theory metrics, offline. | Try it |
| 70 | Password Generator | Developer Utilities | Generate highly secure, cryptographic random passwords instantly. 100% offline, privacy guaranteed. | Try it |
| 71 | Privacy Policy Generator | Web & SEO | Generate customizable privacy policies for websites and apps with live preview, copy, and download. | Try it |
| 72 | Procedural Pixel Art Generator | Web & SEO | Generate symmetrical retro 8-bit sprites using cellular automata and random noise. | Try it |
| 73 | QR Code Generator | Developer Utilities | Instantly generate customizable, high-quality QR codes offline. | Try it |
| 74 | Query String Builder | JSON & API | Build and parse URL query strings visually, with support for duplicate keys and full URL assembly. | Try it |
| 75 | Radii - Border Radius Generator | CSS Tools | Visually create CSS border-radius values with live preview, presets, and copy-ready CSS output. | Try it |
| 76 | Regex Playground | Developer Utilities | Test regular expressions against custom text with live highlighting and replacement. | Try it |
| 77 | Regexa — Pattern Workbench | Developer Utilities | A polished regex testing workbench with live matching, flag toggles, and match group inspection. | Try it |
| 78 | Responsive Breakpoint Tester | Web & SEO | Test responsive layouts instantly via URL or raw HTML sandbox with intelligent scaling. | Try it |
| 79 | Responsive Image Simulator | Image Tools | Preview a srcset/sizes image at common device breakpoints and see which source the browser selects. | Try it |
| 80 | Robots.txt Generator | Web & SEO | Visually build, manage, and export standard-compliant robots.txt files with live syntax highlighting. | Try it |
| 81 | Screen Resolution Tester | Browser & Network | Test your website at different screen resolutions. | Try it |
| 82 | Sitemap Generator | Web & SEO | A standalone Sitemap Generator that helps users create valid XML sitemaps for websites entirely offline. | Try it |
| 83 | Slug Generator | Web & SEO | Convert any text into a clean, SEO-friendly URL slug with customizable formatting. | Try it |
| 84 | SQL to MongoDB Translator | Developer Utilities | Translate standard SQL queries instantly into MongoDB Aggregation Pipeline JSON arrays. | Try it |
| 85 | SVG Optimizer | Image Tools | Compress and optimize raw SVG code by removing unnecessary metadata, empty tags, and comments. | Try it |
| 86 | SVG Previewer | Image Tools | Paste raw SVG markup and preview it instantly, with validation and quick export options. | Try it |
| 87 | Tailwind → Vanilla CSS Converter | CSS Tools | Paste Tailwind utility classes and get the equivalent hand-written CSS rule. | Try it |
| 88 | Tailwind Color Finder | Color Tools | Find the closest matching Tailwind CSS color and shade for any HEX, RGB, or HSL input. | Try it |
| 89 | Target Grade Forecaster | Developer Utilities | Calculate your current average and find out exactly what you need on the final. | Try it |
| 90 | Target Grade Forecaster | Developer Utilities | Calculate your current average and find out exactly what you need on the final. | Try it |
| 91 | Text Diff Viewer | Text & Content | Compare two blocks of text and see line-level and word-level differences, side-by-side or unified. | Try it |
| 92 | Timestamp Converter | Developer Utilities | Convert Unix timestamps to human-readable dates and back, with local time, UTC, and relative time. | Try it |
| 93 | Twitter / X Card Preview | Web & SEO | Preview how Twitter/X cards appear with live updates for Summary and Summary Large Image layouts. | Try it |
| 94 | Unicode Inspector | Text & Content | Inspect every character's Unicode code point, UTF-8/UTF-16 bytes, category, and escape sequences. | Try it |
| 95 | URL Encoder / Decoder | JSON & API | Encode and decode URLs or percent-encoded strings instantly using native browser APIs. | Try it |
| 96 | User Agent Parser | Browser & Network | Parse any User-Agent string into a readable breakdown of browser, engine, OS, device, and CPU architecture. | Try it |
| 97 | UUID Generator | Developer Utilities | Generate random v4 UUIDs instantly, offline. | Try it |
| 98 | Visual Turing Machine | Developer Utilities | A compiler and visual simulator engine for Turing Machine rules (State / Read / Write / Move / Next). | Try it |
| 99 | Word / Character Counter | Text & Content | Real-time word, character, and sentence counter for text of any length. | Try it |
| 100 | YAML / JSON Converter | JSON & API | Convert between YAML and JSON in either direction, with validation and pretty-printed output. | Try it |
Want to see your tool here? Check out the Contributing Guide and pick an idea from the Ideas Board.
Below is a curated list of tool ideas waiting to be built. Each idea is a potential contribution. If you're participating in SSoC or just want to contribute, pick one and start building!
| Idea | Difficulty |
|---|---|
| Easy | |
| Medium | |
| Easy | |
| Easy | |
| Easy | |
| Sitemap Generator — create XML sitemaps | Medium |
| Canonical URL Checker — verify canonical tag setup | Medium |
| JSON-LD / Schema.org Generator — build structured data | Medium |
| Hreflang Tag Generator — generate multi-language link tags | Easy |
| Medium | |
| ✅ Built |
| Idea | Difficulty |
|---|---|
| Image Dimension Checker — inspect width, height, and aspect ratio | Easy |
| Responsive Image Simulator — preview images at different breakpoints | Medium |
| Easy | |
| SVG Previewer — paste and preview SVG code instantly | Easy |
| Base64 Image Converter — convert images to/from Base64 | Easy |
| Medium | |
| Medium | |
| Medium |
| Idea | Difficulty |
|---|---|
| Color Picker — pick colors with HEX, RGB, HSL output | Easy |
| Contrast Checker — verify WCAG contrast ratios | Easy |
| Medium | |
| Gradient Builder — create CSS gradients visually | Easy |
| Easy | |
| Tailwind Color Finder — find the closest Tailwind color | Easy |
| Idea | Difficulty |
|---|---|
| Easy | |
| Easy | |
| Medium | |
| Easy | |
| Easy | |
| Medium | |
| Medium | |
| Easy | |
| Medium | |
| CSS Easing Visualizer — draw cubic-bezier curves with animated preview | Medium |
| Tailwind → Vanilla CSS Converter — paste Tailwind classes, get equivalent CSS | Medium |
| Idea | Difficulty |
|---|---|
| Lorem Ipsum Generator — generate placeholder text | Easy |
| Word / Character Counter — count words, characters, sentences | Easy |
| Easy | |
| Slug Generator — convert text to URL-friendly slugs | Easy |
| Medium | |
| Text Diff Viewer — compare two blocks of text side by side | Medium |
| Unicode Inspector — inspect Unicode characters and codepoints | Easy |
| HTML Entity Converter — encode/decode HTML entities and Unicode escapes | Easy |
| JSON to TypeScript — paste JSON, get TypeScript interfaces | Easy |
| Readme Template Generator — fill a form, get a polished README.md | Easy |
| Idea | Difficulty |
|---|---|
| Easy | |
| Medium | |
| Easy | |
| URL Encoder / Decoder — encode and decode URL strings | Easy |
| Easy | |
| Medium | |
| Query String Builder — build and parse URL query strings | Easy |
| YAML ↔ JSON Converter — convert between YAML and JSON formats | Easy |
| API Response Mocker — define a JSON shape, get a mock endpoint via Service Worker | Medium |
| Idea | Difficulty |
|---|---|
| Timestamp Converter — convert Unix timestamps to human dates | Easy |
| Regex Tester — test regular expressions with live matching | Medium |
| Medium | |
| Hash Generator — generate MD5, SHA-1, SHA-256 hashes | Easy |
| Easy | |
| Easy | |
| Easy | |
| Easy | |
| Easy | |
| Commit Message Generator — create conventional commit messages | Easy |
| Chmod Calculator — toggle permission bits, see numeric and symbolic notation | Easy |
| Crontab Explainer — paste a cron expression, see next 5 run times in plain English | Easy |
| Epoch Converter — convert between Unix timestamps and human-readable dates | Easy |
| JWT Builder — create and sign JWTs with custom payloads for testing | Medium |
| Diff Patch Applier — paste a unified diff and see the result applied | Medium |
| Idea | Difficulty |
|---|---|
| User Agent Parser — parse and explain user agent strings | Easy |
| Viewport / Screen Info — display device and viewport details | Easy |
| Cookie Viewer — view and manage browser cookies | Easy |
| LocalStorage Explorer — browse and edit localStorage | Easy |
| HTTP Header Inspector — view response headers for a URL | Medium |
| DNS Record Lookup — query A, AAAA, MX, TXT, CNAME via DNS-over-HTTPS | Medium |
| WebSocket Tester — connect to a WS endpoint, send/receive messages | Medium |
| CORS Debugger — explain CORS errors and suggest fixes | Easy |
| LinkedIn Timestamp Finder — extract the hidden post date from a LinkedIn URL | Easy |
| Idea | Difficulty |
|---|---|
| Contrast Checker (A11y) — WCAG 2.1 AA/AAA compliance checker | Easy |
| Heading Structure Visualizer — visualize heading hierarchy | Easy |
| Alt Text Helper — preview and validate image alt text | Easy |
| ARIA Role Reference — quick reference for ARIA roles | Easy |
Quests are playable, gamified lessons — single HTML files that teach through interaction, not just display. Progress is saved via localStorage. See the Quests Contributing Guide for details.
| Idea | Difficulty |
|---|---|
| Flexbox Froggy — position items using flexbox properties | Medium |
| Grid Garden — water crops by writing CSS Grid rules | Medium |
| Selector Showdown — write the CSS selector that matches highlighted elements | Easy |
| Specificity Wars — guess which selector wins in a head-to-head | Easy |
| Box Model Detective — debug padding/margin/border visual puzzles | Easy |
| Transition Builder Challenge — match a target animation using CSS transitions | Medium |
| Idea | Difficulty |
|---|---|
Array Method Pipeline — chain .map, .filter, .reduce to hit the target |
Easy |
| Closure Escape Room — solve puzzles that require understanding closures | Medium |
| Promise Pipeline — chain async operations in the correct order | Medium |
Event Loop Predictor — predict console.log output order |
Medium |
Type Coercion Gauntlet — guess what == returns for tricky JS comparisons |
Easy |
| Scope Chain Debugger — trace variable lookups through nested scopes | Medium |
| Destructuring Puzzle — extract the right values from nested objects/arrays | Easy |
| Idea | Difficulty |
|---|---|
| Branch Navigator — navigate a commit graph using git commands | Medium |
| Merge Conflict Arena — practice resolving realistic merge conflicts | Medium |
| Git Bisect Detective — binary search to find the bug-introducing commit | Easy |
| Interactive Rebase Simulator — reorder, squash, and edit commits visually | Medium |
| Cherry-Pick Challenge — pick the right commits to build a release | Easy |
| Idea | Difficulty |
|---|---|
| HTTP Status Code Quiz — guess the right status code for a scenario | Easy |
| Regex Golf — write the shortest regex to match/reject string sets | Medium |
| Terminal Speed Run — complete CLI tasks against the clock | Medium |
| Binary & Hex Trainer — convert numbers between bases under time pressure | Easy |
| SQL Query Challenge — write queries to match expected output tables | Medium |
| Keyboard Shortcut Dojo — learn VS Code / Vim shortcuts through timed drills | Easy |
| API Design Review — spot the REST anti-patterns in mock API designs | Easy |
| Accessibility Audit Quest — find and fix a11y issues in broken HTML snippets | Medium |
Don't see your idea? Use the New Tool Idea issue template to propose it!
Difficulty labels are assigned by the maintainer (@praveenscience) and are slightly negotiable, feel free to discuss in your issue or PR.
# Clone the repo.
git clone https://github.com/praveenscience/One-File-Tools.git
# Open any tool in your browser.
open tools/json-formatter.htmlOr just visit the live site (hosted on Cloudflare Pages).
# Fork the repo and create a branch.
git checkout -b add/your-tool-name
# Create your tool, add a screenshot, register in data/tools.json.
touch tools/your-tool-name.html
# Run the build scripts.
npm run format # Format all tools with Prettier
node scripts/sort-norm.js data/tools.json # Sort and normalize tools.json
node scripts/build.js # Regenerate the landing page
node scripts/theme-gen.js # Regenerate resume/portfolio themes (optional)
# Commit and push, make a PR.
git add tools/your-tool-name.html tools/your-tool-name.png data/tools.json
git commit -m "Add: your-tool-name"
# Open Contributing.md for the full step-by-step guide.One-File-Tools/
├── assets/ # Favicons, manifest, and static images
│ ├── favicon.ico
│ ├── favicon-32x32.png
│ ├── favicon-96x96.png
│ ├── apple-touch-icon.png
│ ├── site.webmanifest
│ └── thumb.png
├── data/ # Structured data that feeds the builds
│ ├── profile.json # Sample data for resume & portfolio generation
│ ├── tools.json # Tool registry (metadata for landing page)
│ ├── themes.json # Theme registry (resume/portfolio metadata)
│ ├── quests.json # Quest registry (interactive learning games)
│ └── quizzes.json # Quiz registry (multiple-choice challenges)
├── scripts/ # Build tooling
│ ├── build.js # Generates index.html (landing page)
│ ├── theme-gen.js # Generates resume/portfolio HTML from .hbs + profile.json
│ ├── sort-norm.js # Sorts and normalizes tools.json
│ ├── sync-readme.js # Auto-syncs the Available Tools table in ReadMe.md
│ └── index-template.txt # Landing page template (used by build.js)
├── tools/ # Pillar 1: Single-file developer tools
│ ├── json-formatter.html
│ ├── json-formatter.png
│ └── ...
├── resume/ # Pillar 2: Resume themes ([id].hbs + [id].png)
│ ├── classic.hbs # Handlebars template
│ └── classic.png # Screenshot
├── portfolio/ # Pillar 3: Portfolio themes ([id].hbs + [id].png)
│ ├── developer.hbs # Handlebars template
│ └── developer.png # Screenshot
├── quests/ # Pillar 4: Interactive learning quests & games
│ └── Contributing.md # Quest-specific contribution guide
├── quizzes/ # Pillar 5: Quick multiple-choice challenges
│ └── Contributing.md # Quiz-specific contribution guide
├── Contributing.md # Contribution guide
├── index.html # Generated: landing page (gitignored)
├── ReadMe.md # This file
├── package.json
├── License
└── .gitignore
| Principle | Rule |
|---|---|
| One file | Each tool is a single .html file. |
| Zero dependencies | No npm, no build step. CDN links encouraged for libraries and fonts. |
| Browser only | Runs entirely client-side. |
| Beginner friendly | Code should be readable and learnable, even if AI is used, make sure to comment humane way. |
| Self-contained | Single HTML file with everything it needs. CDN for assets, no server-side code. |
| Mobile ready | Responsive design on every tool. |
This repository is a proud participant in Social Summer of Code (SSoC), an Open Source programme that helps students and beginners contribute to real-world projects.
- Browse the Ideas Board or the Issues tab
- Pick an issue labeled
EasyorMedium - Comment on the issue to get assigned
- Follow the Contributing Guide to submit your PR
- Get your PR reviewed, merged, and earn your contribution points
| Label | Points | What it means |
|---|---|---|
Easy |
20 | Straightforward tool: single feature, minimal logic / Enhancement of an existing tool. |
Medium |
30 | More complex tool: multiple features, interactive UI. |
Difficulty is based on learning value and implementation complexity.
- Easy: Simple tools that help contributors learn concepts in the simplest possible way.
- Medium: Tools that provide a strong learning experience while remaining approachable and understandable.
There are currently no Hard labels in this project. The one-file-tool philosophy keeps contributions focused, self-contained, and beginner-friendly.
Contributors are encouraged to create polished user interfaces, thoughtful features, and strong learning experiences while keeping implementations simple and avoiding unnecessary complexity.
Labels are assigned by the maintainer and are slightly negotiable, if you feel a difficulty is miscategorised, open a discussion.
- New Tool — Build a tool from the Ideas Board or propose your own (Mostly
Easy, someMedium). - Enhancement — Improve an existing tool (better UI, new feature, accessibility fix, dark mode, responsiveness) (Mostly
Easy). - Bug Fix — Fix a broken tool (Mostly
Easy). - Documentation — Improve README, CONTRIBUTING, or add inline code comments (only
Easy).
This project is designed for static hosting. Works perfectly on:
- Cloudflare Pages (primary)
- GitHub Pages
- Netlify
- Vercel
- Any static web server
Unlicense. This is free and unencumbered software released into the public domain. Do whatever you want with it.
Built by Praveen Kumar Purushothaman.
Open Source with purpose. One file at a time.