Examples
Everything you can build in Vel
Each example lives on its own page — open one to read the .vel source and, where it runs in-browser, launch the real app compiled to WebGPU via WebAssembly.
Animation
The animation library, live: 25 timing curves — the full easing catalog plus spring presets — each plotting its curve with a dot tracing it in real time on one shared motion clock. Click any card to focus it; play/pause and restart from the toolbar. Springs show real velocity-driven overshoot.
Open & run live
3D Scene Editor
A real-time 3D scene you edit live: add and remove cube & sphere objects, each its own color, lit and depth-tested on a turntable — drag to orbit the camera. Rendered by Vel’s own WebGPU 3D pass (perspective + depth buffer + Lambert lighting), composited straight into the 2D UI with no CPU readback.
Open & run live
Shader Editor
A real shader IDE in one widget: a syntax-highlighted code editor on the left, a live GPU preview on the right, and a preset picker on top. WGSL presets give you a starting point; pick the Shadertoy preset to paste a GLSL shader (mainImage / iTime / iResolution) and Vel translates it to WGSL on Run. Editing updates a draft and only recompiles on Run, so it never flashes while you type.
Open & run live
native 20,000 Photos
Twenty thousand photos in a virtualized grid with spring-driven scroll and pinch-zoom, holding 120fps with a bounded LRU texture cache. Only the visible set is ever touched — per-frame cost is a function of the screen, not the collection.
View example
native Todo App
A fullstack app in one .vel file: server query/mutation functions backed by SQLite, called from the UI as if they were local. Reactive state re-renders the list when a mutation returns.
View example
Vel Draw
A whiteboard with freehand + shape tools, infinite pan/zoom (trackpad pinch included), and PNG export — on Vel’s from-scratch GPU vector pipeline.
Open & run live
Vel Chat
A streaming chat app. Replies stream token-by-token and render as live Markdown. Wire a real model with one chatConfigure() call.
Open & run live
Vel Search
Semantic search over a corpus, ranked by cosine k-NN. Self-contained with a local embedder; point it at any OpenAI-compatible endpoint for real semantics.
Open & run liveBuild your own
Scaffold a project with vel new and run it live with
vel dev.