Svelteboard tutorials
Practical Svelte guides and demos
Start with small component patterns, then jump into API examples, generated media, and larger interface experiments.
Start here
Small patterns for learning the shape of Svelte components.
REPL Scratchpad
Start with a small Svelte 5 example, edit it live, and inspect the compiled output.
Open tutorialSimple Table
Build a small Svelte table from structured data.
Open tutorialEditable Table Data
Experiment with editable table rows and copy the generated JSON.
Open tutorialBuild with APIs
Practical service integrations and async UI examples.
Stripe REPL Demo
Explore the basic Stripe checkout flow inside the Svelteboard REPL.
Open tutorialStripe Checkout Playground
Stripe playground to test the Stripe Checkout API.
Open tutorialHugging Face Inference API in Svelte
Call hosted machine learning models from a Svelte interface.
Open tutorialText to Speech with Hugging Face
Generate speech from text with the Hugging Face Inference API.
Open tutorialGenerate and share media
Demos for turning Svelte output into shareable assets.
Interface experiments
Larger UI sketches, visual experiments, and advanced components.
Svnotion
Building a Notion editor clone with Svelte, Tiptap, and Tailwind.
Open tutorialColor Experiment
Use mix-blend-mode to fine tune an interactive color palette.
Open tutorialFire Landing Page
A visual Svelte and SVG experiment with pointer-driven motion.
Open tutorial