Frontend Toolkit
Privacy-first collection of 21+ developer utilities including JSON formatter, UUID generator, Base64 encoder – all client-side.
Year
2025
Role
Full-Stack Development & Design
Technologies
Screenshots
Key Features
JSON Formatter - Validate, beautify, and format JSON with syntax highlighting
UUID Generator - Create unique identifiers with support for v1, v4, and v7
Base64 Encoder/Decoder - Encode and decode Base64 strings with MIME support
Timestamp Converter - Convert between Unix timestamps and human-readable dates
QR Code Generator - Create customizable QR codes for any text or URL
Text Diff Checker - Compare text with line-by-line difference visualization
Hash Generator - Generate MD5, SHA-1, SHA-256, and SHA-512 hashes
URL Encoder/Decoder - Encode and decode URL parameters safely
Color Converter - Convert between HEX, RGB, HSL color formats
Lorem Ipsum Generator - Generate placeholder text for designs
Markdown Preview - Live preview Markdown with syntax highlighting
CSS Minifier - Compress CSS code to reduce file size
JavaScript Minifier - Minify JavaScript code for production
Password Generator - Create secure passwords with custom options
Image Compressor - Reduce image file sizes while maintaining quality
CSS Unit Converter - Convert between px, rem, em, and other CSS units
Regex Tester - Test and debug regular expressions with live matching
JWT Decoder - Decode and inspect JSON Web Tokens
HTML Entity Encoder - Convert special characters to HTML entities
Case Converter - Transform text between different case styles
Technical Implementation
Next.js 15 App Router for optimal performance
React 19 with TypeScript for type-safe development
Tailwind CSS 4 with custom CSS variables
SEO optimized with structured data and metadata
Dark mode with localStorage persistence
Fully responsive and mobile-friendly
Zero backend - all tools run in browser
WCAG AA compliant for accessibility
Interested in this project?
Check out the live demo or explore the source code