kit.

A fast, privacy-conscious collection of developer tools built with Next.js 15, TypeScript, and shadcn/ui — designed for speed, simplicity, and local-first convenience.

⚠️ Performance, feature completeness, and bug-free operation are not guaranteed. Use at your own discretion.

---

✨ Features

🔁 Converters & Parsers

• ✅ Base64 encoder/decoder
• ✅ Base64 image converter
• ✅ URL encoder/decoder
• ✅ URL parser
• ✅ JSON formatter and parser
• ✅ CRON expression parser
• ✅ Regex tester
• ✅ Number base converter
• ✅ Text case converter
• ✅ Timestamp converter
• ✅ Timezone converter
• ✅ Unit converter
• ✅ JWT decoder

⚙️ Generators

• ✅ UUID generator
• ✅ Password generator
• ✅ Hash generator
• ✅ Gradient generator
• ✅ QR code generator & reader
• ✅ Port number generator

🔍 Viewers & Misc

• ✅ API directory
• ✅ Image metadata viewer

---

🧱 Tech Stack

• Next.js 15 (App Router)
• TypeScript
• shadcn/ui
• Tailwind CSS
• Prettier for code formatting

---

🚀 Getting Started

Requirements

• Node.js 20+ (only if not using Bun)
• Bun v1.1+ (recommended for speed)

Installation

Using Bun (recommended)

bun install

Or use your preferred package manager:

npm install     # npm
pnpm install    # pnpm
yarn            # yarn

Development

Start the dev server:

bun run dev
# or:
npm run dev
pnpm dev
yarn dev

Then open: http://localhost:3000

---

🗂️ Project Structure

app/                              # Next.js App Router pages
  converters-parsers/<tool>/      # Converter & parser tool pages
  generators/<tool>/              # Generator tool pages
  viewers-miscellaneous/<tool>/   # Viewer & misc tool pages
components/                       # Shared UI components
hooks/                            # Custom React hooks
data/                             # Static datasets (e.g., API listings)
lib/                              # Utility functions
public/                           # Static files

Main entry: app/page.tsx

Hot reloading is enabled during development.

---

📦 Build & Deploy

Production Build

bun run build
# or:
npm run build
pnpm build
yarn build

Start Server

bun run start
# or:
npm run start
pnpm start
yarn start

Environment Variables

Most tools are fully client-side and require no .env configuration. If you integrate external services, follow the Next.js env guide and use .env.local.

---

☁️ Deployment

🔗 Deploy to Vercel (Recommended)

1. Push the repo to GitHub/GitLab/Bitbucket
2. Go to vercel.com/new
3. Import your project
4. Configure environment variables if needed
5. Deploy

More info: Next.js Deployment Docs

🌍 Other Platforms

This is a standard Next.js app and can be deployed to any environment that supports Node.js or Bun. Vercel is recommended for best DX, CI/CD, and edge support.

---

🙏 Credits & Inspiration

This project was inspired by the excellent work at utilsfor.dev by Jairon Landa.