Dev Tools

A collection of browser-based developer utilities for generating, formatting, and validating data.

Features

Generate

• Favicon - Generate favicon sizes and download as a bundle
• Faker - Generate fake data (names, emails, addresses, etc.) using Faker.js
• IDs - Generate unique identifiers (UUID, CUID, CUID2, NanoID)
• Image - Generate placeholder images, colors, gradients, and patterns
• JSON - Generate random JSON structures
• QR Code - Generate QR codes with optional embedded logo, customize colors and download as PNG

Strings

• Compare - Diff and compare text side-by-side
• JSON Format - Format and prettify JSON

Validate

• IDs - Validate UUID, CUID, and other ID formats

Inspect

• Keyboard - View key codes, events, and modifiers in real-time with visual keyboard

Tech Stack

• React 19
• TypeScript
• Vite (rolldown-vite)
• TanStack Router
• Tailwind CSS 4
• Radix UI

Getting Started

Prerequisites

• Node.js 24+
• pnpm 9+

Installation

pnpm install

Development

pnpm dev

Build

pnpm build

Preview Production Build

pnpm preview

License

AGPL-3.0