A lightweight, privacy-focused web tool for developers. Paste your JSON and get clean, nested TypeScript interfaces in real-time. 100% client-side, your data never leaves your browser.
I ve been experimenting with the "vibe coding" workflow lately, and there s something incredibly satisfying about building useful micro-tools using nothing but a single `index.html` file in VS Code and a web browser. No npm install, no complex frameworks, no heavy configurations.
To prove the concept, I just built a quick "SVG to React Component Converter" completely client-side in vanilla JS. It handles the drag-and-drop, cleans Figma metadata, fixes camelCase attributes, and even displays a real-time preview of the icon.
It reminded me that sometimes we overengineer things when a simple script is all we need to solve a micro-pain.
Convert raw SVGs into clean, production-ready React components in 1 second. Drop your file, change the name in real-time, and copy the clean code.
✨ Features:
• Fixes camelCase attributes automatically (stroke-width to strokeWidth).
• Removes Figma/Illustrator junk metadata.
• 100% client-side: Runs entirely in your browser. No server, data tracking, or sign-up required.
Try it out and leave your feedback! 🚀