Simple, fast and useful developer tools — all in one place.
DevKit is an open-source collection of browser-based developer utilities. Format JSON, decode JWTs, generate UUIDs, test regex, convert timestamps and more — without unnecessary setup or signup.
https://devkit.pars-paris1.workers.dev/
- ⚡ Fast and lightweight
- 🔒 Privacy-focused, client-side tools
- 🧰 Multiple developer utilities in one app
- 🔎 Search and filter across tools
- 👤 Account system (sign up / sign in) to save preferences
- 📱 Fully responsive design
- 🌐 No signup required to use the tools
- 🧑💻 100% open source
| Tool | Description |
|---|---|
| JSON Formatter | Format and validate JSON data |
| JWT Decoder | Decode and inspect JWT tokens |
| UUID Generator | Generate random UUIDs |
| Regex Tester | Test regular expressions |
| Base64 Encoder | Encode and decode Base64 |
| Timestamp Converter | Convert Unix timestamps |
| Hash Generator | Generate secure hashes |
| URL Encoder / Decoder | Encode and decode URL components |
| Color Converter | Convert HEX, RGB and HSL colors |
| Password Generator | Generate strong random passwords |
- Next.js 16 (App Router)
- React 19
- TypeScript
- Tailwind CSS 4
- Framer Motion — animations
- NextAuth.js (Auth.js) v5 — authentication
- bcryptjs — password hashing
- Lucide React — icons
- react-markdown
- Cloudflare Workers + OpenNext — deployment
- Cloudflare D1 — database (used for user accounts)
- Node.js (LTS recommended)
- npm
- A Cloudflare account if you want to run authentication locally against D1, or deploy the project
Clone the repository:
git clone https://github.com/parsarvs1/devkit.gitEnter the project:
cd devkitInstall dependencies:
npm installStart the development server:
npm run devOpen http://localhost:3000 in your browser.
Authentication is powered by NextAuth with a Credentials provider backed by Cloudflare D1. Create a .env.local file with at least:
AUTH_SECRET=your-random-secretYou can generate a secret with:
npx auth secretUser accounts are stored in a D1 database (binding DB, table users with id, name, email, password columns — passwords hashed with bcrypt). The binding is configured in wrangler.jsonc. To work with the database locally or set up your own instance, use the Wrangler CLI:
npx wrangler d1 create devkit-dbUpdate wrangler.jsonc with your own database_id, then create the users table and run migrations as needed.
| Script | Description |
|---|---|
npm run dev |
Start the local development server |
npm run build |
Build the app for production |
npm run start |
Start the production server |
npm run lint |
Run ESLint |
This project is built for deployment on Cloudflare Workers using OpenNext:
npm run build
npx wrangler deployMake sure AUTH_SECRET and your D1 binding are configured in your Cloudflare project settings before deploying.
devkit/
├── app/ # Next.js App Router pages
│ ├── about/
│ ├── tools/
│ └── page.tsx
│
├── components/ # Reusable UI components
│ ├── Navbar.tsx
│ ├── Footer.tsx
│ └── ToolCard.tsx
│
├── data/
│ └── tools.ts # Tool definitions/metadata
│
├── lib/ # Shared utilities/helpers
│
├── public/
│ └── screenshots/
│ └── devkit-home.png
│
├── auth.ts # NextAuth configuration (Credentials + D1)
├── wrangler.jsonc # Cloudflare Workers config (D1 binding, assets)
├── open-next.config.ts # OpenNext config for Cloudflare deployment
├── package.json
└── README.md
Contributions are welcome!
If you have an idea for a useful developer tool:
- Fork the repository
- Create a new branch
- Make your changes
- Test the project locally
- Open a Pull Request
Please read CONTRIBUTING.md before contributing.
This project is open source and available under the MIT License.
If you find DevKit useful, consider giving the repository a star on GitHub — it helps the project grow and reach more developers.
Built for developers.