Developer Utilities

A sleek, minimalistic developer utilities built with Next.js, React, and Tailwind CSS.

Features

it includes the following tools:

1. JSON Formatter

2. Unit Converter

3. SVG Previewer

Tech Stack

• Framework: Next.js (React)
• Styling: Tailwind CSS
• Icons: Lucide React

Getting Started

First, install the dependencies:

npm install

Then, run the development server:

npm run dev

Open http://localhost:3000

Adding New Tools

The sidebar is built to be completely data-driven. To add a new tool:

1. Create your component in component/dashboard/.
2. Open component/ui/Sidebar.tsx and add your tool to the tools array.
3. Import and render the component conditionally in app/page.tsx based on the activeTool state.

Developed By

Built by @vinodjangid07.