Lab

Sandbox

Ein Browser-Lab für Utilities, UI-Bausteine und Prototypen - nach Zweck gruppiert, mit Stack-Tags und Reifegrad, damit klar ist, was Sie öffnen.

← Zurück zu Projekten Kontakt

Kategorie
Reifegrad
Technologie

Entwickler-Tools

Formatieren, kodieren und generieren - kleine Utilities für Debugging und Datenarbeit.

🟢 Utility

JSON-Formatierer & Validator

JSON einfügen, validieren und formatieren, minifizieren oder Schlüssel sortieren - mit klaren Fehlerpositionen und Kopieren per Klick.

  • JavaScript
🔵 Komponente

Browser-APIs Playground

Interaktive Demos moderner Webplattform-APIs: Crypto, Encoding, Intl, Media Queries, Observer und mehr, alles clientseitig.

  • JavaScript
  • Crypto API
  • Intl
  • Canvas API
🟢 Utility

Base64 Encoder & Decoder

UTF-8-Text in Base64 kodieren oder Base64 zurück in Text dekodieren - optional URL-sicher für Tokens und Query-Strings.

  • JavaScript
  • Base64 API
🟢 Utility

Passwort-Generator

Zufällige Passwörter mit wählbarer Länge und Zeichensätzen erzeugen - plus eine kurze Stärke-Einschätzung.

  • JavaScript
  • Crypto API

Medien

Dateien clientseitig prüfen, ohne sie auf einen Server hochzuladen.

🟢 Utility

Bild-Metadaten (EXIF) Extraktor

Bild hochladen und EXIF-Metadaten auslesen: Kamera, Aufnahmeeinstellungen, GPS auf der Karte, Datei-Hashes und JSON-Export.

  • JavaScript
  • EXIF.js
  • Leaflet
  • Crypto API

UI-Komponenten

Wiederverwendbare Oberflächenmuster zum Einbinden oder isolierten Studieren.

🔵 Komponente

Toast Notification Library

Interaktive Demo der Vanilla-JS-Toast-Bibliothek: Typen, Positionen, Timer-Leiste, Klick-Links und Custom-Styling.

  • JavaScript
  • CSS

Inhalt

Platzhalter- und Texthelfer für Layouts, Formulare und Prototypen.

🟢 Utility

Lorem-Ipsum-Generator

Platzhalter-Absätze erzeugen: klassisches Lorem, Tech-Jargon, Hipster, Corporate oder Fantasy - oder eigene Sätze verwenden.

  • JavaScript