DEV Community

Dev Nestio
Dev Nestio

Posted on

I built a browser-based .env File Manager (parse, edit, export to JSON/shell)

#javascript #webdev #programming #tools

What I built

Added Env Var Manager to devnestio — a free, browser-only tool for working with .env files.

👉 https://env-var-manager.pages.dev

Features

  • Parse any .env file — handles comments, quoted values, inline comments, and empty lines
  • Table editor — edit keys and values directly, with live search/filter
  • Stats dashboard — variable count, comment count, empty values, and duplicate detection
  • Add variables — add new key/value pairs that merge into the editor
  • Export formats:
    • .env — preserves comments, auto-quotes values containing spaces or #
    • JSON — clean key/value object, no comments
    • Shell export — export KEY=value format for sourcing in bash/zsh
  • Download the exported file directly
  • Zero dependencies, single HTML file, nothing sent to a server

Why I made this

I keep switching between .env files, JSON configs, and shell environment setup scripts across different projects. Copy-pasting and reformatting manually is error-prone — especially catching typos, duplicate keys, or accidentally empty secrets before deployment.

This tool lets me paste a .env, instantly see all variables in a table, fix anything, and export in whatever format the next tool expects.

Tech notes

  • Pure Vanilla JS — no frameworks, no build step
  • Handles edge cases: VALUE=a=b=c, inline # comments, quoted values with spaces, KEY= empty values
  • 81 unit tests with Node.js assert module
  • Deployed on Cloudflare Pages

Try it

👉 Env Var Manager

All devnestio tools: https://devnestio.pages.dev

Feedback welcome in the comments!

Top comments (0)