DevToolkit - Free Developer Utilities

Fast, free, no-frills developer utilities. No ads, no tracking, just tools that work.

Why DevToolkit?

Every developer needs quick access to common utilities. DevToolkit provides 10 essential tools that run entirely in your browser - no server, no tracking, no subscriptions.

Core Philosophy

• Privacy-first: All processing happens client-side
• No distractions: No ads, no popups, no accounts
• Blazing fast: Instant results, works offline
• Open source: Free forever, contribute anytime

Features

Tool	Description	Use Case
JSON Formatter	Format, validate, minify JSON	API debugging, data validation
Base64 Encoder	Encode/decode Base64 strings	Data encoding, URL safe strings
URL Encoder	URL encode/decode strings	Query parameter handling
Hash Generator	Generate SHA-256 hashes	Password hashing, checksums
JWT Decoder	Decode and inspect JWT tokens	Auth debugging, token inspection
UUID Generator	Generate UUID v4	ID generation, testing
SQL Formatter	Format and beautify SQL queries	Query debugging, readability
Regex Tester	Test regular expressions	Pattern matching, validation
Color Converter	Convert HEX, RGB, HSL	Design tooling, color manipulation
Cron Builder	Build and validate cron expressions	Task scheduling, automation

Usage Examples

JSON Formatter

// Input
{"name":"DevToolkit","version":"1.0.0","features":["fast","free","open"]}

// Output (formatted)
{
  "name": "DevToolkit",
  "version": "1.0.0",
  "features": [
    "fast",
    "free",
    "open"
  ]
}

Base64 Encode/Decode

// Encode
Input: "Hello World"
Output: "SGVsbG8gV29ybGQ="

// Decode
Input: "SGVsbG8gV29ybGQ="
Output: "Hello World"

JWT Decoder

// Input JWT
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c

// Output
{
  "sub": "1234567890",
  "name": "John Doe",
  "iat": 1516239022
}

SQL Formatter

-- Input
select * from users where id=1 and active=true order by created_at desc

-- Output
SELECT * FROM users WHERE id = 1 AND active = true ORDER BY created_at DESC

Regex Tester

Pattern: \b\w{4}\b
Test String: "The quick brown fox jumps over the lazy dog"
Matches: ["quick", "brown", "jumps", "over", "lazy"]

Cron Expression

* * * * *
| | | | |
| | | | +─ Day of week (0-7)
| | | +── Month (1-12)
| | +──── Day of month (1-31)
| +────── Hour (0-23)
+-------- Minute (0-59)

// Example: "0 9 * * 1-5" = Every weekday at 9 AM

Tech Stack

• Framework: Next.js 15 (App Router)
• Styling: Tailwind CSS 4
• Language: TypeScript
• Deployment: Vercel (Static Export)
• Hosting: Edge-optimized global CDN

Getting Started

Prerequisites

• Node.js 18+
• npm or yarn

Installation

# Clone the repository
git clone https://github.com/fabioledezma/devtoolkit.git

# Navigate to project
cd devtoolkit

# Install dependencies
npm install

# Start development server
npm run dev

Open http://localhost:3000 to view the application.

Building for Production

# Create production build
npm run build

# Output will be in the `out/` directory

Deployment

Vercel (Recommended)

1. Push your code to GitHub
2. Go to Vercel Dashboard
3. Import your repository
4. Deploy with one click!

Static Export

This project is configured for static export. The build output can be hosted on:

• Vercel (automatic)
• Netlify
• GitHub Pages
• AWS S3
• Any static hosting provider

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

Ways to Contribute

• 🐛 Report bugs
• 💡 Suggest new features
• 🔧 Add new tools
• 📖 Improve documentation
• 🌐 Translate to other languages

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Next.js for the amazing framework
• Tailwind CSS for the utility-first CSS
• Vercel for free hosting and deployment

---

Built for developers, by developers 💻