A high-performance, universal file editor and code previewer designed for modern developers. Instantly edit, visualize, and format HTML, JSON, YAML, React, and more with zero configuration.
- Live HTML/Bootstrap Preview: Instantly render HTML5 and Bootstrap 5.3 code in a safe sandbox.
- Universal Data Formatting: Professional beautification for JSON, YAML, XML, and CSV.
- React Support: High-quality syntax highlighting for JSX and TSX components.
- SVG Rendering: Live preview of SVG graphics.
- Responsive Sidebar: Deeply integrated format switching with industry-standard icons.
- Theming: Premium Dark and Light mode support with
next-themes. - Performance: Built with Next.js 15 for lightning-fast route transitions and rendering.
- Node.js 20+
- npm / pnpm / yarn
-
Clone the repository
git clone https://github.com/nishanth-kj/Web-Utils.git cd web-utils -
Install dependencies
npm install
-
Run the development server
npm run dev
-
Open the App Navigate to http://localhost:3000 to see the landing page or http://localhost:3000/view for the viewer app.
- Framework: Next.js 15 (App Router)
- Styling: Tailwind CSS
- UI Components: Radix UI & Shadcn UI
- Icons: Lucide React
- Theming: Next Themes
For detailed information on supported formats and advanced features, visit our Docs page.
Contributions are welcome! Please see our Contributing Guide and use the provided Issue Templates.
This project is licensed under the MIT License - see the LICENSE file for details.
Built with ❤️ by Nishanth KJ