A collection of 10 free developer tools built to drive organic search traffic to rioges.xyz — and actually be useful.
Every tool runs 100% client-side in your browser. No server calls, no signup, no tracking, no frameworks. Just vanilla JavaScript that works instantly.
The Tools
| Tool | What It Does |
|---|---|
| JSON Formatter | Format, validate, minify, and sort JSON keys |
| Base64 Encode/Decode | Encode/decode text, URL-safe variant included |
| Regex Tester | Test regex with live matching and capture group highlighting |
| JWT Decoder | Decode tokens — header, payload, claims, exp check |
| URL Encoder/Decoder | encodeURIComponent, encodeURI, and full URL parsing |
| Color Converter | HEX ↔ RGB ↔ HSL with color picker |
| Cron Builder | Visual builder, presets, human-readable descriptions |
| Hash Generator | MD5, SHA-1, SHA-256, SHA-512, file hashing |
| Markdown Previewer | Split-pane live preview with GFM support |
| Lorem Ipsum | Paragraphs, sentences, or words on demand |
Why
Most “free online tools” are ad-heavy, slow, and send your data to servers. I built these to be the opposite — fast, private, and actually useful. The SEO angle is a bonus: these tools target high-volume developer search queries.
Tech
- Integrated into the existing Astro site
- Vanilla JS, zero dependencies (except Marked.js for Markdown preview via CDN)
- JSON-LD structured data (
WebApplication+FAQPageschema) on every tool page - Open Graph + Twitter meta tags for social sharing
- Mobile-first responsive design