A collection of free, fast, privacy-friendly developer utilities. Everything runs client-side — your data never leaves your browser.

• Framework: Astro with React islands
• Styling: Tailwind CSS
• Hosting: Cloudflare Pages (recommended)

# Install dependencies
bun install

# Start dev server
bun run dev

# Build for production
bun run build

# Preview production build
bun run preview

src/
├── components/
│   ├── ui/           # Astro components (static)
│   └── tools/        # React components (interactive)
├── content/
│   └── tools/        # MDX content for each tool
├── layouts/
│   └── ToolLayout.astro
├── lib/
│   └── tools.ts      # Tool metadata
├── pages/
│   ├── index.astro   # Homepage
│   └── [slug].astro  # Dynamic tool pages
└── styles/
    └── global.css

1. Add tool metadata to src/lib/tools.ts
2. Create React component in src/components/tools/YourTool.tsx
3. Create MDX content in src/content/tools/your-tool.mdx
4. Import and map component in src/pages/[slug].astro

• JSON Formatter & Validator
• Base64 Encode/Decode
• UUID Generator
• URL Encode/Decode
• Unix Timestamp Converter
• Hash Generator (MD5, SHA-1, SHA-256, SHA-512)
• JWT Decoder
• Regex Tester
• Diff Checker
• Color Converter (HEX, RGB, HSL)

1. Connect your GitHub repo to Cloudflare Pages
2. Build settings:
   • Framework preset: Astro
   • Build command: bun run build
   • Output directory: dist

Works with Vercel, Netlify, or any static hosting. Just run bun run build and deploy the dist folder.

MIT