# Svelte, Now on CodePen

Canonical: https://brew.new/templates/codepen/svelte-now-on-codepen

Brand: codepen.io
Category: general

![Preview of Svelte, Now on CodePen](https://cdn.brew.new/email-preview-939492af9276dd61-tracking_r57kx0kq1gefb8m1pab30des298g6wsk-1791926576765.png)

## Email content

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

[Open and remix this design](https://brew.new/templates/codepen/svelte-now-on-codepen)

[Browse email designs](https://brew.new/browse/templates)