Simple Svelte Table
| Title | Preview | Tag | URL |
|---|---|---|---|
| REPL Scratchpad | Start with a small Svelte 5 example, edit it live, and inspect the compiled output. | REPL | /blog/repl |
| Simple Table | Build a small Svelte table from structured data. | Component | /blog/simple-table |
| Editable Table Data | Experiment with editable table rows and copy the generated JSON. | Component | /blog/table |
| Stripe REPL Demo | Explore the basic Stripe checkout flow inside the Svelteboard REPL. | API | /blog/stripe |
| Stripe Checkout Playground | Stripe playground to test the Stripe Checkout API. | Tool | /blog/stripe/checkout |
| Hugging Face Inference API in Svelte | Call hosted machine learning models from a Svelte interface. | Hugging Face | /blog/huggingface |
| Text to Speech with Hugging Face | Generate speech from text with the Hugging Face Inference API. | Hugging Face | /blog/huggingface/text-to-speech |
| Open Graph | Make your links more shareable with Open Graph. | Tool | /blog/open-graph |
| HTML to Image | Generate social images from editable HTML and Tailwind styles. | Tool | /blog/html-to-image |
| Svnotion | Building a Notion editor clone with Svelte, Tiptap, and Tailwind. | Video | /blog/svnotion |
| Color Experiment | Use mix-blend-mode to fine tune an interactive color palette. | Experiment | /blog/color-experiment |
| Fire Landing Page | A visual Svelte and SVG experiment with pointer-driven motion. | Experiment | /blog/fire |
This is a simple Svelte Table component that uses an {#each} block to iterate over an array of objects (each object is a row). The clipboard button copies the
table as JSON. The plus button adds a new row.
Input Output