A comprehensive collection of 31 professional developer utilities running entirely in your browser. No backend required, no data leaves your device.
👉 Try it now: https://areguig.github.io/dev-tools
-
Text Processing (3 tools)
- Base64 Encoder/Decoder
- URL Encoder/Decoder
- JWT Token Decoder
-
Data Formatting (3 tools)
- JSON Formatter & Validator
- XML Formatter & Validator
- YAML Validator
-
Code Formatting (4 tools)
- CSS Formatter & Minifier
- SQL Formatter & Compressor
- Markdown to HTML Converter
- JavaScript/TypeScript Formatter
-
Security & Hashing (3 tools)
- Hash Generator (MD5, SHA-1, SHA-256, SHA-384, SHA-512)
- Password Generator with Strength Analysis
- JWT Token Generator with HMAC-SHA256
-
URL & QR Tools (3 tools)
- URL Shortener with QR Codes
- QR Code Generator
- Lorem Ipsum Generator
-
Design & Visual (3 tools)
- Color Palette Generator
- Timestamp Converter
- Regex Tester
-
Developer Utilities (5 tools)
- UUID/GUID Generator
- HTML Entity Encoder/Decoder
- Text Case Converter (12 formats)
- Image to Base64 Converter
- Environment Variables Manager
-
Advanced Tools (2 tools)
- API Testing Tool (Full REST Client)
- Cron Expression Builder
-
Comparison & Analysis (1 tool)
- Text Diff Tool
- 🌙 Dark/Light Theme with system preference detection
- 📱 Fully Responsive design for all devices
- 🔍 Smart Search across all tools
- ⭐ Favorites System with localStorage persistence
- 🕐 History Tracking for recently used tools
- 📋 One-Click Copy for all outputs
- 📊 Comprehensive Statistics for each tool
- 🎓 Educational Content and examples
Simply visit https://areguig.github.io/dev-tools - no installation required!
# Clone the repository
git clone https://github.com/areguig/dev-tools.git
cd dev-tools
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build- Framework: React 18 with TypeScript
- Styling: Tailwind CSS v3
- Build Tool: Vite
- Routing: React Router v6
- Deployment: GitHub Pages
- State Management: React Context
- APIs: TinyURL, QR Server API
We welcome contributions! Here's how you can help:
Found a bug or have a suggestion? Open an issue
Have an idea for a new tool? Start a discussion
- Fork the repository
- Create a feature branch:
git checkout -b feature/new-tool - Make your changes and test thoroughly
- Submit a pull request with a clear description
- Each tool should be self-contained in
/src/tools/ - Include comprehensive error handling and validation
- Add educational content and examples
- Ensure mobile responsiveness
- Follow TypeScript best practices
- Include unit tests where applicable
- Total Tools: 31 comprehensive utilities
- Bundle Size: ~558KB (optimized)
- Load Time: <3 seconds
- Browser Support: Modern browsers (ES2020+)
- Mobile Ready: 100% responsive
- Offline Capable: No external dependencies for core functionality
- Open Source: Full GitHub integration with contribution guidelines
- Frontend-only: No backend servers, no data collection
- Local Processing: All operations run in your browser
- No Tracking: No analytics, cookies, or user tracking
- Open Source: Fully transparent and auditable code
- GraphQL query formatter and validator
- Advanced regex builder with explanations
- Python/Go/Rust code formatters
- Custom themes and layouts
- Offline PWA capabilities
- Keyboard shortcuts system
- Plugin architecture for community tools
- Advanced search with filtering
- Import/export settings
This project is licensed under the MIT License - see the LICENSE file for details.
- Built with ❤️ using modern web technologies
- Icons from various open source icon sets
- Inspired by the developer community's need for reliable, fast tools
- Special thanks to all contributors and users
⭐ If you find this project helpful, please consider giving it a star on GitHub!
🔗 Links:
- 🌐 Live App: https://areguig.github.io/dev-tools
- 📂 Source Code: https://github.com/areguig/dev-tools
- 🐛 Issues: https://github.com/areguig/dev-tools/issues
- 💬 Discussions: https://github.com/areguig/dev-tools/discussions