A beautiful collection of essential developer utilities, all in one place.
DevKit provides 8 essential tools that every web developer needs:
| Tool | Description |
|---|---|
| 🔧 JSON Formatter | Format, validate, beautify & minify JSON |
| 🔐 Base64 Encoder/Decoder | Encode and decode Base64 strings |
| 🔑 JWT Decoder | Decode and inspect JWT tokens with expiration info |
| 🔗 URL Encoder/Decoder | Encode/decode URLs with encodeURIComponent & encodeURI |
| 🆔 UUID Generator | Generate v4 UUIDs in bulk with multiple formats |
| 🎨 Color Converter | Convert between HEX, RGB, and HSL with visual picker |
| ⏰ Timestamp Converter | Convert Unix timestamps to human-readable formats |
| 🔒 Hash Generator | Generate SHA-1, SHA-256, SHA-384, SHA-512 hashes |
- Node.js 18+
- npm or yarn
# Clone the repository
git clone https://github.com/yourusername/devkit.git
# Navigate to the project
cd devkit
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build- React 18 - UI framework
- TypeScript - Type safety
- Tailwind CSS 4 - Styling
- Framer Motion - Animations
- Vite - Build tool
- Lucide React - Icons
Contributions are what make the open source community amazing! Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
- Add more tools (Regex tester, Lorem ipsum generator, etc.)
- Add dark/light theme toggle
- Add keyboard shortcuts
- Add export/import functionality
- Add PWA support for offline use
- Add tool history/favorites
- Improve accessibility
- Add unit tests
- Add i18n support
Distributed under the MIT License. See LICENSE for more information.
Give a ⭐️ if this project helped you!
Built with ❤️ for developers