Home
Showcases

Showcases

Feature demonstrations and examples showing the capabilities of the Velociraptor stack.

Frontend

Sidebar Style Toasts Modals Shortcuts Errors Session

App Shell

Interactive demonstration of the app shell components and state management.

Components Layouts Tables Menus Splits Workbench Decorative Typography Tokens

UI Components

Complete UI component library and design tokens

Basics Validation Patterns Advanced Auth

Forms

Form validation patterns with Superforms v2 + Valibot v1.

Charts Plots Diagrams Graphs Maps

Data Viz

Chart, plot, diagram, graph, and map components for data visualization.

Static Scene Animated Scene

3D

Three.js + Threlte 3D demonstrations with GLTF models, animations, and interactive controls.

i18n

Type-safe translations, pluralization, date/number formatting, and language switching with Paraglide JS.

PWA

Installable app shell with an honest offline story — manifest, service worker, caching contract, update flow.

Backend

Form API AI

Request Cycle

Visualize the complete SvelteKit request lifecycle — from user input through server, domain, and database.

Jobs

Hosting-agnostic background job system with execution logging.

Workers

Browser thread offload and a claim-based queue worker — the two things the word actually means.

Send Pipeline Channels

Notifications

Multi-channel notification system — in-app SSE, email via Resend, Telegram bot, and Discord OAuth2 DM.

Data

Relational Graph Storage Cache

Database

PostgreSQL, Neo4j, R2, Redis — connections, types, queries, and storage

Overview Journeys Funnels Live Privacy My Data

Analytics

Privacy-first analytics — page views, user journeys, funnels, and real-time events.

AI

Simple Chat Image Metadata Reader Retrieval

AI

Vely — chatbot built on the Vercel AI SDK and Groq

Image Kit

Toolkits

Bundled, multi-step tools — upload once, run an AI pipeline, adjust the results, then approve. Nothing is saved.

Pattern MCP

The v10r pattern registry visualized — dependency graph, container architecture, and the MCP protocol that serves it to coding agents.

Agent Experience

The four agent-facing surfaces proven live — AGENTS.md, raw-markdown docs with content negotiation, /llms.txt, and MCP errors that tell agents how to recover.

Security & Privacy

AuthN AuthZ User-Mgmt

Think this pattern could be better? Tell us how.

Leave feedback

Credits Impressum GitHub GitLab