Tools

A collection of client-side developer tools built with React Router v7. All processing happens locally in your browser - no data is sent to external servers, ensuring privacy and security.

• Encoding Tools

  • QR Code Generator - Create customizable QR codes with adjustable size and colors

• Security Tools

  • JWT Decoder - Decode and inspect JSON Web Tokens with expiration checking

• Design Tools

  • Image to WebP Converter - Convert images to WebP format with quality control

• Text Tools

  • Markdown Previewer - Preview and render Markdown with GitHub Flavored Markdown support

• Development Tools

  • JSON API Tester - Test REST APIs with custom headers, methods, and JSON payloads

• React 19 with React Router v7 (client-side)
• TypeScript with strict mode
• Tailwind CSS v4 with CSS variables
• shadcn/ui components (Radix UI + Tailwind)
• Vitest + React Testing Library

• 🔒 All tools run entirely in the browser - no server uploads
• 🌙 Dark/light theme support with persistent preference
• 📱 Responsive design with mobile-friendly sidebar navigation
• 🔍 Built-in tool search functionality
• 🐳 Docker support for containerized deployment
• ✅ Comprehensive unit tests

Install the dependencies:

npm install

Start the development server:

npm run dev

Open http://localhost:5173 to start using the tools.

Run TypeScript type checking:

npm run typecheck

Run the unit tests:

npm test

Run tests with the Vitest UI:

npm run test:ui

Create a production build:

npm run build

Serve the production build:

npm start

Built with React Router.