Hey friend!

These templates are yours to grab and modify as you need!

Just copy the source code & paste into a new .svelte file.

These can do basic color theming, if you set the css variables in a parent component:

:root {
    --accent-color: #3E3454;
    --gray: #ccc;

If you don't define an --accent-color and --gray, the accent defaults to #282828 and gray defaults to #ccc.

Whenever possible, component code is available both with opinionated styling (e.g., animations, rounded corners etc.) and without it. Choose whichever better suits your purpose!

UI Elements


Page Structure

Data & Code