Custom Research Website

A maintainable, reusable and extensible website template to tell your stories.

Annotated branch
npx degit joysofcode/sveltekit-remote-functions#annotated-boxes example
Main branch
npx degit Vermont-Complex-Systems/website-template example
For installation details, features, and more visit GitHub
Loading stories...

Why Svelte and Sveltekit?

Use Any JS Library Directly

Svelte compiles to vanilla JavaScript, so you can use D3, Three.js, Observable Plot, or any library without wrappers. No React-specific ports needed.

Perfect for Data Visualization

Fine-grained reactivity means smooth transitions and efficient updates. Used by The Pudding and data journalism teams for interactive charts, maps, and scrollytelling, e.g. how to build a Beeswarm Chart with Svelte and D3.

Readable Code for Collaborators

Svelte components look like HTML with superpowers. Graduate students and collaborators can contribute without deep framework knowledge.

As Simple as Possible, but No Simpler

The Svelte team believes in removing unnecessary complexity without sacrificing power. Read more or watch Rich Harris talking about Svelte 5's North Star.

Minimal Boilerplate

No useState, useEffect, or dependency arrays. Reactivity is built into the language. Spend time on your research, not fighting the framework.

Progressive Enhancement

Forms and links work without JavaScript, then get enhanced when it's available. Your app stays resilient while still feeling modern when JS loads.

Learn more at svelte.dev or follow their tutorial