Svelte, Now on CodePen

No dark-mode styles — this email renders the same in a dark client.

Use Svelte on CodePen
Our new Svelte Block is live! CodePen Blocks process code, so Svelte is a perfect fit. Svelte is famous for being a compiled JavaScript framework, and it brings loads of speed and efficiency through that compiliation process.
The Svelte Block is available now for all PRO subscribers .
Take a look at some Svelte examples that Jane Ori helped us cook up.
TODOs is a small to-do list that keeps its data in a Svelte state rune, separate from the markup.
Bar chart is a chart component you can reuse in another Pen.
Donut chart, data table, and form all show the same data. Change the form, and the chart and table update with it.
Charts and pill nav splits three chart types and a pill navigation into components you can use on their own.
Weather widget loads a live forecast from a real API and changes layout at several screen sizes.
File tree is a reusable list of files and folders, filled here from the GitHub API. It uses a recursive snippet, context, Svelte animations, and an action.
— Team CodePen
CodePen, Inc. · 70 SW Century Dr #1019 Bend OR 97702
Unsubscribe

Accession

nse/codepen/2026-10-13/4071

From

CodePen · support@codepen.io

Sent

13 October 2026 · 20:00 UTC