Start
Showcases

Showcases

Feature-Demonstrationen und Beispiele, die die Möglichkeiten des Velociraptor-Stacks zeigen.

Frontend

Sidebar Stil Toasts Modale Shortcuts Fehler Session

App Shell

Interaktive Demonstration der App-Shell-Komponenten und Zustandsverwaltung.

Komponenten Layouts Tabellen Menüs Splits Workbench Dekorativ Typografie Tokens

UI-Komponenten

Komplette UI-Komponentenbibliothek und Design-Tokens

Grundlagen Validierung Muster Fortgeschritten Auth

Formulare

Formularvalidierung mit Superforms v2 + Valibot v1.

Charts Plots Diagramme Graphen Karten

Grafiken

Chart-, Plot-, Diagramm-, Graph- und Kartenkomponenten zur Datenvisualisierung.

Statische Szene Animierte Szene

3D

Three.js + Threlte 3D-Demos mit GLTF-Modellen, Animationen und interaktiven Steuerungen.

i18n

Typsichere Übersetzungen, Pluralisierung, Datums-/Zahlenformatierung und Sprachwechsel mit Paraglide JS.

PWA

Installierbare App-Shell mit ehrlicher Offline-Story — Manifest, Service Worker, Caching-Vertrag, Update-Flow.

Backend

Formular API KI

Request-Zyklus

Visualisierung des vollständigen SvelteKit-Request-Lebenszyklus — von der Benutzereingabe über Server und Domäne bis zur Datenbank.

Jobs

Hosting-agnostisches Hintergrundjob-System mit Ausführungs-Log.

Workers

Auslagerung vom Browser-Hauptthread und ein Queue-Worker mit atomarem Claim — die zwei Dinge, die das Wort wirklich bedeutet.

Senden Pipeline Kanäle

Benachrichtigungen

Mehrkanal-Benachrichtigungssystem — In-App-SSE, E-Mail über Resend, Telegram-Bot und Discord-OAuth2-DM.

Daten

Relational Graph Storage Cache

Datenbank

PostgreSQL, Neo4j, R2, Redis — Verbindungen, Typen, Abfragen und Speicher

Übersicht Journeys Funnels Live Datenschutz Meine Daten

Analysen

Datenschutzfreundliche Analysen — Seitenaufrufe, Nutzerreisen, Funnels und Echtzeit-Ereignisse.

KI

Einfacher Chat Bild-Metadaten-Reader Retrieval

KI

Vely — Chatbot auf Basis des Vercel AI SDK und Groq

Image Kit

Toolkits

Gebündelte, mehrstufige Werkzeuge — einmal hochladen, eine KI-Pipeline ausführen, Ergebnisse anpassen, dann bestätigen. Nichts wird gespeichert.

Pattern MCP

Die v10r-Pattern-Registry visualisiert — Abhängigkeitsgraph, Container-Architektur und das MCP-Protokoll, das sie Coding-Agenten bereitstellt.

Agent Experience

Die vier Agenten-Oberflächen live bewiesen — AGENTS.md, Roh-Markdown-Doku mit Content-Negotiation, /llms.txt und MCP-Fehler, die Agenten den Weg zurück zeigen.

Sicherheit & Datenschutz

AuthN AuthZ Benutzerverwaltung

Geht dieses Pattern noch besser? Sag uns, wie.

Feedback geben

Credits Impressum GitHub GitLab