Frontend Toolkit
Datenschutzfreundliche Sammlung von über 21 Entwickler-Tools inkl. JSON-Formatter, UUID-Generator, Base64-Encoder – alles clientseitig.
Jahr
2025
Rolle
Full-Stack Entwicklung & Design
Technologien
Screenshots
Hauptmerkmale
JSON Formatter - JSON validieren, verschönern und formatieren mit Syntax-Hervorhebung
UUID Generator - Eindeutige Kennungen mit Unterstützung für v1, v4 und v7 erstellen
Base64 Encoder/Decoder - Base64-Strings mit MIME-Unterstützung kodieren und dekodieren
Timestamp Converter - Zwischen Unix-Timestamps und lesbaren Daten konvertieren
QR Code Generator - Anpassbare QR-Codes für Text oder URLs erstellen
Text Diff Checker - Texte mit zeilenweiser Differenzvisualisierung vergleichen
Hash Generator - MD5-, SHA-1-, SHA-256- und SHA-512-Hashes generieren
URL Encoder/Decoder - URL-Parameter sicher kodieren und dekodieren
Color Converter - Zwischen HEX-, RGB-, HSL-Farbformaten konvertieren
Lorem Ipsum Generator - Platzhaltertext für Designs generieren
Markdown Preview - Live-Vorschau von Markdown mit Syntax-Hervorhebung
CSS Minifier - CSS-Code komprimieren, um Dateigröße zu reduzieren
JavaScript Minifier - JavaScript-Code für Produktion minimieren
Password Generator - Sichere Passwörter mit benutzerdefinierten Optionen erstellen
Image Compressor - Bildgrößen reduzieren bei gleichbleibender Qualität
CSS Unit Converter - Zwischen px, rem, em und anderen CSS-Einheiten konvertieren
Regex Tester - Reguläre Ausdrücke mit Live-Matching testen und debuggen
JWT Decoder - JSON Web Tokens dekodieren und inspizieren
HTML Entity Encoder - Sonderzeichen in HTML-Entitäten umwandeln
Case Converter - Text zwischen verschiedenen Schreibweisen transformieren
Technische Umsetzung
Next.js 15 App Router für optimale Performance
React 19 mit TypeScript für typsichere Entwicklung
Tailwind CSS 4 mit benutzerdefinierten CSS-Variablen
SEO-optimiert mit strukturierten Daten und Metadaten
Dark Mode mit localStorage-Persistenz
Vollständig responsiv und mobilfreundlich
Kein Backend - alle Tools laufen im Browser
WCAG AA-konform für Barrierefreiheit
Interessiert an diesem Projekt?
Sieh dir die Live-Demo an oder erkunde den Quellcode