// html-app-demo

Werkzeugkiste

Eine Demo-Sammlung von Web-Apps, die komplett im Browser laufen — ohne Server, ohne Installation, ohne Anmeldung.

PDF-Werkzeugkasten

PDFs zusammenfügen, Seiten sortieren, drehen, löschen, Wasserzeichen setzen — keine Datei verlässt deinen Rechner.

pdf-lib pdf.js 100 % lokal

Promo-Grafik-Generator

Produktfoto hochladen, Texte und Preise eintragen — fertig ist das Werbebanner mit KI-Freisteller, Preis-Badge und Call-to-Action.

Canvas 2D ONNX Runtime 100 % lokal

Promo-Animator

Aus denselben Eingaben wie der Promo-Generator eine animierte Werbegrafik bauen — Export als animiertes GIF und als eigenständige HTML5-Animation.

GIF & HTML5 Canvas 2D 100 % lokal

Katalog-Designer

Aus einer myAGRAR-Kategorieübersicht (per Droplet) eine Produkt- broschüre im myAGRAR-Design erzeugen und als mehrseitiges PDF exportieren.

Droplet-Import pdf-lib 100 % lokal

Excel-Vergleich

Zwei Excel-Dateien gleicher Struktur vergleichen — Unterschiede werden erklärt und lassen sich als formatierte Excel-Datei exportieren.

XLSX Diff & Export 100 % lokal

Sicherheitsdatenblatt-Analyzer

Aus einem Sicherheitsdatenblatt (PDF) automatisch das Datum der Überarbeitung erkennen — über die Textebene oder per OCR.

pdf.js OCR (Tesseract) 100 % lokal

PDF-Downloader

Alle PDF-Downloadlinks einer Webseite per Droplet sammeln, herunterladen und sinnvoll umbenennen (Produktname-Dokumentenart.pdf) — als ZIP.

Droplet ZIP (fflate) 100 % lokal

Bild-Werkzeuge

Bilder komprimieren, skalieren und in mehrere Formate gleichzeitig exportieren — mit Live-Vorschau der Dateigröße.

JPEG / WebP / AVIF / PNG Live-Größenvorschau 100 % lokal

Bildschirm-Recorder

Bildschirm, Fenster oder Tab aufnehmen (optional mit Ton) und als modernes Video (WebM/MP4) oder als animiertes GIF speichern.

getDisplayMedia WebM / MP4 / GIF 100 % lokal

Lottie-Brand-Customizer

Lottie-Animation ablegen, alle Farben als Color-Picker anpassen und in deiner Markenfarbe als neue .json exportieren — mit Live-Vorschau.

lottie-web Live-Vorschau 100 % lokal

Testimonial-Renderer

Kundenbewertung eintippen → kinoreife Animation: Sterne poppen, Text slidet ein, Logo glänzt im Hintergrund. Export als WebM/MP4.

Canvas 2D WebM / MP4 100 % lokal

Kamera & QR

Foto aufnehmen und direkt als JPEG, PNG, WebP oder PDF speichern — oder im QR-Modus einen Code erkennen, sauber rekonstruieren und als PNG/SVG/PDF sichern.

getUserMedia QR-Scan & -Erzeugung 100 % lokal

Lokaler KI-Chat

Ein KI-Sprachmodell komplett im Browser per WebGPU ausführen — privat, ohne Server, nach dem einmaligen Download offline nutzbar.

WebGPU WebLLM 100 % lokal

Hintergrund-Entferner

KI-Freisteller mit der withoutbg-Pipeline (Tiefe + Segmentierung + Alpha-Matting) — läuft per WebGPU/WASM komplett auf deinem Gerät.

ONNX Runtime WebGPU 100 % lokal

Generative-Art-Studio

Algorithmische Kunst aus dem Canvas: Strömungsfelder, Mondrian-Raster, Kreispackungen — reproduzierbar per Seed, Export als PNG.

Canvas 2D Seed-basiert PNG-Export

Audio-Visualizer

Mikrofon oder Audio-Datei als Echtzeit-Spektrum — Balken, Wellenform oder radial, in deiner Wunschfarbe; Standbild als PNG speichern.

Web Audio Canvas 2D 100 % lokal

G-Code Analyzer & 3D-Viewer

G-Code-Datei laden, Toolpath in 3D erkunden — mit Layer-Slider, Filament- und Druckzeit-Statistiken.

Three.js 3D-Druck 100 % lokal