Hi Dev Community! 👋
I’m a frontend developer who has a bit of a "security paranoia." I use tools like JSON Formatters, JWT Decoders, and Nginx Config generators daily.
But I’ve always hated the feeling of pasting sensitive API responses or production config files into random websites found on Google. You never really know where that data is being sent. 🕵️♂️
So, as a side project to sharpen my React skills, I decided to build DevKit.
🛡️ The Concept
The goal was simple: Build a suite of developer tools that runs 100% on the client-side.
No server-side processing for inputs.
Data never leaves your browser.
Works offline once loaded.
🛠️ What’s Under the Hood?
I wanted to focus on performance and a clean, modern DX.
Framework: React + Vite (for speed)
Styling: Tailwind CSS (Dark mode by default 🌑)
Icons: Lucide React
Logic: WebAssembly (for heavy tasks like video trimming) & Local JS.
🚀 The Tools
I’ve built about 20+ tools so far, but here are the ones I use most:
Visual Nginx Config Generator: No more manual typo errors in your nginx.conf.
Secure JSON Formatter: Formatting with "Fix" capabilities.
Local Video Trimmer: Uses FFmpeg.wasm to cut video in the browser.
Kubernetes YAML Builder: A GUI for standard deployments.
🙏 My Request for Feedback
This is where I need your help! I've been staring at this code for weeks, so I'm biased.
The UI/UX: Does the navigation feel intuitive? I tried to make it look like an IDE.
Performance: I implemented code-splitting (lazy loading) recently. Does it load fast for you?
Missing Tools: What is the one tool you find yourself Googling for constantly? I'd love to build it next.
You can try it here: https://www.devkit-tools.online/
Thanks for checking it out! I’ll be hanging out in the comments if you have any questions about the code or the stack.
Happy Coding! 💻
Top comments (2)
Impressive, bookmarked! Will replace many of my daily services/tools.
Source code link?
"Thanks so much! @sleewoo Really appreciate the bookmark.
The code is currently a bit of a mess 😅, so I’m cleaning it up and refactoring before making it public. I plan to open-source the core logic for the individual tools soon though!
Let me know if there are any specific tools you'd like to see added next!"