<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: mimturan</title>
    <description>The latest articles on Forem by mimturan (@mimturan).</description>
    <link>https://forem.com/mimturan</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3925490%2Fe0a14219-968b-417f-9824-d5e7f7ae0a2e.png</url>
      <title>Forem: mimturan</title>
      <link>https://forem.com/mimturan</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/mimturan"/>
    <language>en</language>
    <item>
      <title>I built a single tab that replaces 60+ dev tool websites — onHTML</title>
      <dc:creator>mimturan</dc:creator>
      <pubDate>Mon, 11 May 2026 17:27:07 +0000</pubDate>
      <link>https://forem.com/mimturan/i-built-a-single-tab-that-replaces-60-dev-tool-websites-onhtml-5e38</link>
      <guid>https://forem.com/mimturan/i-built-a-single-tab-that-replaces-60-dev-tool-websites-onhtml-5e38</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;TL;DR — I built &lt;strong&gt;&lt;a href="https://onhtml.com" rel="noopener noreferrer"&gt;onHTML&lt;/a&gt;&lt;/strong&gt; — a single tab that bundles a live &lt;strong&gt;HTML / CSS / JS&lt;/strong&gt; playground with &lt;strong&gt;60+ built-in developer tools&lt;/strong&gt;. No signup, no ads, 100% client-side. Free forever.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi.imgur.com%2FwHPZ5EP.mp4" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi.imgur.com%2FwHPZ5EP.mp4" alt="onHTML demo" width="" height=""&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  The problem
&lt;/h2&gt;

&lt;p&gt;For years I've kept a "dev tools" bookmark folder bigger than my whole &lt;code&gt;node_modules&lt;/code&gt;. Every other minute:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Open &lt;em&gt;that&lt;/em&gt; JSON formatter site&lt;/li&gt;
&lt;li&gt;Hop over to &lt;em&gt;another&lt;/em&gt; regex tester&lt;/li&gt;
&lt;li&gt;Google "JWT decoder" again&lt;/li&gt;
&lt;li&gt;"Where was that good cron builder…"&lt;/li&gt;
&lt;li&gt;"Need a quick favicon, where was that one site?"&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;15+ tabs every day, each with its own ads, popups, dark patterns and "sign up to save" walls.&lt;/p&gt;

&lt;h2&gt;
  
  
  What I built
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;onHTML&lt;/strong&gt; is one tab that replaces all of them:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A live &lt;strong&gt;HTML / CSS / JS playground&lt;/strong&gt; with autosave &amp;amp; shareable snippets (think mini CodePen, no signup)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;60+ built-in dev tools&lt;/strong&gt; across formatters, generators, converters, CSS, SEO and dev utilities&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Multilingual&lt;/strong&gt; UI (EN, ES, ZH, HI, FR, TR)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Everything runs in your browser&lt;/strong&gt; — no backend, no telemetry, no upload&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Free forever&lt;/strong&gt;, no ads&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  What's actually inside
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Formatters &amp;amp; validators&lt;/strong&gt;&lt;br&gt;
JSON · SQL · HTML/CSS/JS Beautifier · Markdown · JWT Decoder&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Generators&lt;/strong&gt;&lt;br&gt;
UUID/ULID · QR Code · Hash (MD5, SHA-256, SHA-512) · Password · Favicon · Lorem Ipsum · Sitemap.xml · robots.txt · Schema.org JSON-LD · Meta Tags · Open Graph Preview&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Converters&lt;/strong&gt;&lt;br&gt;
Base64 (text + files) · URL · cURL → Python / JS / PHP / Go · Tailwind ↔ CSS · HTML ↔ JSX · JSON ↔ YAML ↔ XML ↔ CSV · Markdown → HTML · Image → Base64 · SVG → PNG · Unix Timestamp · Number Base&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;CSS toolkit&lt;/strong&gt;&lt;br&gt;
Gradient · Mesh Gradient · Box Shadow · Glass · Border Radius · Cubic-Bezier visualizer · Loader generator · Color Palette · WCAG Contrast Checker&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Dev utilities&lt;/strong&gt;&lt;br&gt;
Regex tester · Cron builder + visualizer · Diff (text &amp;amp; JSON) · Word counter · Slug · Case converter · HTTP Header inspector · AI Token Counter · Code Screenshot generator · Pomodoro&lt;/p&gt;

&lt;p&gt;👉 Full list: &lt;a href="https://onhtml.com/tools" rel="noopener noreferrer"&gt;onhtml.com/tools&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Why client-side?
&lt;/h2&gt;

&lt;p&gt;Every tool runs locally in the browser. That means:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Your code, JSON, tokens, etc. &lt;strong&gt;never leave your machine&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Works offline once loaded&lt;/li&gt;
&lt;li&gt;No rate limits, no "premium tier"&lt;/li&gt;
&lt;li&gt;I don't need to operate any backend — site stays free forever&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Stack (in case you're curious)
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Vanilla JS + a thin component layer (no framework lock-in)&lt;/li&gt;
&lt;li&gt;Heavier tools (SQL formatter, JSON tree explorer, etc.) lazy-load on demand&lt;/li&gt;
&lt;li&gt;Deployed behind a CDN&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  What I'd love feedback on
&lt;/h2&gt;

&lt;p&gt;I want this to be &lt;strong&gt;the tool I'd actually use daily&lt;/strong&gt;, not a personal trophy. So:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Which tool is missing?&lt;/strong&gt; What do you keep googling?&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Anything obviously broken or slow?&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;UX rough edges?&lt;/strong&gt; I read every issue.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;🔗 &lt;strong&gt;Site&lt;/strong&gt;: &lt;a href="https://onhtml.com" rel="noopener noreferrer"&gt;https://onhtml.com&lt;/a&gt;&lt;br&gt;
🔗 &lt;strong&gt;All tools&lt;/strong&gt;: &lt;a href="https://onhtml.com/tools" rel="noopener noreferrer"&gt;https://onhtml.com/tools&lt;/a&gt;&lt;br&gt;
🔗 &lt;strong&gt;GitHub&lt;/strong&gt; (issues &amp;amp; tool requests): &lt;a href="https://github.com/mimturan/onhtml" rel="noopener noreferrer"&gt;https://github.com/mimturan/onhtml&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If onHTML saves you a tab, a ⭐ on GitHub would genuinely make my week.&lt;/p&gt;

&lt;p&gt;Thanks for reading — happy to answer anything in the comments.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>showdev</category>
      <category>javascript</category>
      <category>html</category>
    </item>
  </channel>
</rss>
