{"id":51167091,"url":"https://github.com/mazipan/html-tools","last_synced_at":"2026-06-26T20:30:26.414Z","repository":{"id":360443665,"uuid":"1230755097","full_name":"mazipan/html-tools","owner":"mazipan","description":"🛠️ A collection of single-file browser-native utilities. All logic runs client-side — no backend, no accounts, no data leaves your browser.","archived":false,"fork":false,"pushed_at":"2026-06-25T03:41:24.000Z","size":1765,"stargazers_count":4,"open_issues_count":23,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-06-25T05:12:38.938Z","etag":null,"topics":["html-tools"],"latest_commit_sha":null,"homepage":"https://tools.mazipan.space/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mazipan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":"AGENTS.md","dco":null,"cla":null}},"created_at":"2026-05-06T09:37:45.000Z","updated_at":"2026-06-25T03:37:25.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/mazipan/html-tools","commit_stats":null,"previous_names":["mazipan/html-tools"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mazipan/html-tools","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mazipan%2Fhtml-tools","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mazipan%2Fhtml-tools/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mazipan%2Fhtml-tools/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mazipan%2Fhtml-tools/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mazipan","download_url":"https://codeload.github.com/mazipan/html-tools/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mazipan%2Fhtml-tools/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34832916,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-26T02:00:06.560Z","response_time":106,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["html-tools"],"created_at":"2026-06-26T20:30:23.929Z","updated_at":"2026-06-26T20:30:26.402Z","avatar_url":"https://github.com/mazipan.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# HTML Tools\n\nA collection of single-file browser-native utilities. All logic runs client-side — no backend, no accounts, no data leaves your browser.\n\n[![Netlify Status](https://api.netlify.com/api/v1/badges/cae5f45f-a109-49d5-aa45-2f07f4be1c45/deploy-status)](https://app.netlify.com/projects/mzp-html-tools/deploys)\n\n🌐 **Live:** http://tools.mazipan.space/\n\n## Tools\n\n\u003c!-- BEGIN:tools-table generated by scripts/generate-readme.mjs — re-run after editing tools.json --\u003e\n### JSON\n\n| Tool | Description |\n|------|-------------|\n| 🗂️ [JSON Formatter](src/json-formatter.html) | Prettify, minify, and validate JSON with syntax highlighting. |\n| 🔷 [JSON to TypeScript](src/json-to-ts.html) | Convert JSON objects into TypeScript interface definitions. |\n| 🔍 [JSON Diff](src/json-diff.html) | Compare two JSON objects and highlight the differences. |\n| 🔤 [JSON Sort](src/json-sort.html) | Sort JSON keys alphabetically or by preset (package.json, tsconfig, composer). |\n| 📊 [JSON ↔ CSV](src/csv-to-json.html) | Round-trip JSON and CSV with smart type inference and delimiter detection. |\n| 📝 [JSON ↔ YAML](src/json-to-yaml.html) | Round-trip JSON and YAML with anchor resolution and multi-document support. |\n| 🛡️ [JSON to Validator Schema](src/json-to-schema.html) | Generate Zod, Valibot, or Yup schemas from a JSON sample. |\n\n### Code\n\n| Tool | Description |\n|------|-------------|\n| 🧪 [Regex Tester](src/regex-tester.html) | Test JavaScript regular expressions live with capture-group breakdown. |\n| ⚛️ [SVG to JSX](src/svg-to-jsx.html) | Convert SVG markup into React JSX-compatible component code. |\n| 📷 [SVG to Raster](src/svg-rasterizer.html) | Rasterize an SVG to PNG, JPEG, or WebP at any pixel size — preset sizes, aspect lock. |\n| ⏱️ [Cron Decoder](src/cron-decoder.html) | Decode a cron expression into plain English and preview the next 10 run times. |\n| 📸 [Code Snippet to Image](src/snippet-to-image.html) | Turn code into a sharable PNG card with VS Code-grade syntax highlighting. |\n| 📄 [Text Diff](src/text-diff.html) | Compare two plain-text blocks line-by-line with word-level inline highlighting. |\n| 📝 [Markdown Preview](src/markdown-preview.html) | Live Markdown editor with GFM support — tables, task lists, strikethrough. |\n| 🏷️ [SemVer Checker](src/semver-checker.html) | Check if a version satisfies a range — ^, ~, hyphen, wildcard, and more. |\n| 🔑 [JWT Decoder](src/jwt-decoder.html) | Decode JWT header, payload, and signature — timestamps shown as human-readable dates. |\n\n### Ornaments\n\n| Tool | Description |\n|------|-------------|\n| 🎨 [Gradients](src/gradients.html) | Curated gradient collection — copy CSS, Tailwind, or export PNG. |\n| 🫧 [Blob Generator](src/blob.html) | Generate organic blob shapes — CSS border-radius or SVG path. |\n| 〰️ [Wave Generator](src/waves.html) | Generate SVG wave dividers — single wave or stacked layers. |\n\n### Image\n\n| Tool | Description |\n|------|-------------|\n| 🗜️ [Image Compressor](src/image-compressor.html) | Compress PNG, JPEG, WebP, and AVIF images — quality presets or target size in KB. |\n| 📐 [Image Resizer](src/image-resizer.html) | Batch-resize images by percentage, exact size, or max dimensions — social-card presets. |\n| ✂️ [Image Cropper](src/image-cropper.html) | Crop a region — rectangle or circle, drag the box, lock an aspect ratio. |\n| 🖼️ [Image Format Converter](src/image-converter.html) | Convert images between PNG, JPEG, WebP, and AVIF with a quality slider and before/after diff. |\n| 🔏 [Image Watermark](src/image-watermark.html) | Stamp a text or image watermark onto photos — position, opacity, rotation, tiling. |\n\n### Audio\n\n| Tool | Description |\n|------|-------------|\n| 🎵 [MP3 Tag Editor](src/mp3-tag-editor.html) | Edit MP3 tags and album art — smart-fills Artist/Title from the filename. |\n\n### Web / SEO\n\n| Tool | Description |\n|------|-------------|\n| 🔍 [Meta Tag Preview](src/meta-tag-preview.html) | See how your URL looks as a Twitter, Facebook, LinkedIn, and Google card. |\n| 🕵️ [User Agent Parser](src/user-agent-parser.html) | Break a UA string down into browser, engine, OS, device type, and CPU. |\n| 🖼️ [OG Image Builder](src/og-image-builder.html) | Design a 1200×630 social card — title, subtitle, gradient, logo — export as PNG. |\n\n### Generators\n\n| Tool | Description |\n|------|-------------|\n| 📱 [QR Code Generator](src/qr-code-generator.html) | Turn any text, URL, WiFi config, or vCard into a QR code — export as SVG or PNG. |\n| 📜 [Lorem Ipsum Generator](src/lorem-ipsum.html) | Generate placeholder text — paragraphs, sentences, words, or list items, with flavored dictionaries. |\n| 👤 [Avatar Generator](src/avatar-generator.html) | Generate an initial-based avatar from a name — choose shape, style, and export as PNG. |\n| ⭐ [Favicon Generator](src/favicon-generator.html) | Drop an image or pick an emoji to generate a full favicon set — PNG, ICO, maskable, manifest. |\n| 🪪 [UUID Generator](src/uuid-generator.html) | Generate UUID v4 (random) or v7 (time-ordered) in bulk — copy individually or as a list. |\n| 🎡 [Wheel of Names](src/wheel-of-names.html) | Add names, spin the wheel, and let chance decide — remove winners for elimination-style draws. |\n\n### PDF\n\n| Tool | Description |\n|------|-------------|\n| 📄 [PDF Merger](src/pdf-merger.html) | Combine multiple PDFs into one — reorder pages, pick page ranges, add bookmarks. |\n| 📑 [Image to PDF](src/image-to-pdf.html) | Combine PNG, JPEG, or WebP images into a single PDF — page size, fit, margin, drag-to-reorder. |\n| 🤏 [PDF Compressor](src/pdf-compressor.html) | Shrink PDFs in-browser by re-encoding embedded JPEG images — text stays selectable. |\n| ✂️ [PDF Splitter](src/pdf-splitter.html) | Extract selected pages into one PDF or split to per-page files as a zip. |\n| 🗂️ [PDF Page Manager](src/pdf-page-manager.html) | Reorder, rotate, and delete PDF pages — text stays selectable, undo/redo included. |\n| 💧 [PDF Watermark](src/pdf-watermark.html) | Stamp a text or image watermark onto PDF pages — position, opacity, rotation, tiling. |\n| ✍️ [PDF Signature](src/pdf-signature.html) | Draw, type, or upload a signature and stamp it onto any page of a PDF. |\n| 🖼️ [PDF to Image](src/pdf-to-image.html) | Rasterise PDF pages to PNG, JPEG, or WebP at 72–300 DPI — select pages, download individually or as a zip. |\n\n### Time\n\n| Tool | Description |\n|------|-------------|\n| 🍅 [Pomodoro Timer](src/pomodoro-timer.html) | Focus timer that cycles work and breaks — configurable durations, sound, and desktop alerts. |\n\u003c!-- END:tools-table --\u003e\n\n## Design system\n\nShared UI components (buttons, pills, chips, inputs, cards, disclosures, etc.) are catalogued at **[/design-system](https://tools.mazipan.space/design-system)** — a contributor reference page demoing every shared class. Reach for these classes first when building a new tool; the canonical CSS lives in [`src/styles.css`](src/styles.css). See [AGENTS.md](AGENTS.md) for the migration policy.\n\n## Development\n\n```bash\nbun install\nbun run dev      # dev server with hot reload\nbun run build    # production build → dist/\n```\n\nRequires Bun 1.2+ (see `.bun-version`).\n\n## Stack\n\n- [Parcel 2](https://parceljs.org/) — zero-config bundler\n- [Tailwind CSS v4](https://tailwindcss.com/) — utility-first CSS\n- Vanilla JS — no runtime framework\n\n## Adding a new tool\n\nSee [`.ai/CONTRIBUTING.md`](.ai/CONTRIBUTING.md) for the full checklist.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmazipan%2Fhtml-tools","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmazipan%2Fhtml-tools","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmazipan%2Fhtml-tools/lists"}