Back to feed
Dev.to
Dev.to
7/19/2026
I built a site with 150+ browser-only dev tools (Astro + Vue 3 + TypeScript) — here's how it's put together

I built a site with 150+ browser-only dev tools (Astro + Vue 3 + TypeScript) — here's how it's put together

Short summary

A developer shares implementation details from Torinoa Tools, a site with 152 client-side developer utilities built with Astro, Vue 3, and TypeScript. Key fixes include generating independent page files per tool to cut CSS from 755KB to under 16KB per page, and implementing AES encryption using only the browser's native SubtleCrypto with PBKDF2 key derivation. The post also covers a VLSM subnetting algorithm and the overall static-site architecture.

  • •Per-tool page generation reduced CSS bundles from 755KB shared to under 16KB per page
  • •AES-GCM/CBC encryption uses only Web Crypto with self-contained Base64 output format
  • •152 browser-only dev tools built with Astro + Vue 3, distributed as static site and Docker image

Generated with AI, which can make mistakes.

#ai-tools
Read full article at Dev.to

Is this a good recommendation for you?

Comments

Failed to load comments. Please try again.

Explore more

I built 57 browser-based dev tools in a month — here's how the architecture works
Dev.to
The original title is: "DevKits: 31 privacy-first browser-based developer tools built with Next.js 15"
Dev.to
Building 1000+ free client-side tools on GitHub Pages with zero backend
Dev.to
I Built 18 Free Developer Tools - Here's What I Learned
Dev.to