Visit awesome-svelte-kit.netlify.app to view this list with screenshots plus search and sort functionality (e.g. based on GH stars).
- Svelte.dev [code]
Cybernetically enhanced web apps.
uses: CodeMirror, Mapbox, Docker - Official SvelteKit docs [code]
The fastest way to build Svelte apps.
uses: Netlify, PNPM - NYTimes Tracking the Coronavirus
Charts and maps of coronavirus cases, deaths, hospitalizations and vaccinations in NYC.
uses: Pancake - SK Incognito [code]
The unofficial SvelteKit docs.
uses: MDsveX, Tailwind, PNPM - Geometric Bayes [code]
3blue1brown-inspired interactive visualization of Bayes theorem interpreted geometrically.
uses: MDsveX - TikZ [code]
Random collection of MIT-licensed standalone TikZ images, mostly about physics and machine learning.
uses: TypeScript, Netlify, Svicons - markushatvan.com [code]
Blog posts with code snippets, contact form with Svelte Forms Lib, RSS and sitemap.
uses: Tailwind, MDsveX, Svelte Forms Lib - Studenten bilden Schüler [code]
Student-run nonprofit initiative with chapters located in university towns all across Germany. Mission is to contribute towards educational equality by providing free tutoring to children from underprivileged families.
uses: Contentful, Algolia, GraphQL, Netlify, MapBox - Afara [code]
Homepage of the German student-run non-profit Afara e.V. Supports educational and youth welfare projects in Africa.
uses: Contentful, Algolia, GraphQL, Netlify - Ocean artUp [code]
ERC Advanced Grant research project. Aims to study feasibility, effectiveness, associated risks and side effects of artificial upwelling for increasing ocean productivity, raising fish production, and enhancing oceanic CO2 sequestration.
uses: Contentful, Algolia, GraphQL, Netlify, Google Maps - Guess The Year [code]
Round-based browser game where you guess the year in which famous event happened. Answers range between 1900-2021. You start with 100 points. The more your guess is off, the more points you loose.
uses: Tailwind, Netlify - Gitpod [code]
Gitpod streamlines developer workflows by providing prebuilt, collaborative development environments in your browser - powered by VS Code.
uses: MDsveX, Tailwind, Netlify - Svelte Themes
Collection of Svelte site themes, starters and component libraries.
uses: Netlify, Tailwind - SvelteKit Experiments [code]
A set of example apps built with SvelteKit and deployed on Vercel. As an ongoing project, this will continue to be enhanced with more examples to showcase the power of SvelteKit.
uses: Tailwind, Vercel, GraphQL, Firebase, Typescript - puruvj.dev [code]
Puru Vijay's blog site.
uses: Vercel, TypeScript, SCSS, Cloudinary - GraphCMS Starter Blog [code]
This blog starter shows how to use SvelteKit with GraphCMS.
uses: Vercel, TailWind, SCSS, GraphCMS - Beatbump [code]
Alternative frontend for YouTube Music.
uses: TypeScript, PostCSS, Sass - Impfdashboard
Official German Covid 19 vaccination dashboard. By Cosmonauts & Kings GmbH, Studio NAND GmbH and Truth & Beauty. Data supplied by Robert Koch Institut. Not actually SvelteKit (yet, might be updated) but shows what's possible with data viz in Svelte.
uses: Tabler Icons, WeePeople - Paper Trader Game [code]
A simple web game where you are given 45 seconds and $100 to make as much money as you can trading a fake stock.
uses: TailWind, Netlify, Chart.js, Plausible - SveltePress [code]
SvelteKit-powered doc site generator. Made for humans.
uses: Netlify, MarkedJS, PNPM, SCSS, Dart, Pandoc - neovim craft [code]
Curated list of neovim plugins.
uses: TypeScript, Husky - swyxkit [code]
An opinionated blog starter for SvelteKit + Tailwind + Netlify. Refreshed for 2022!
uses: Tailwind, Netlify - Svelte Society [code]
Global network of Svelte fans striving to promote Svelte and its ecosystem.
uses: TypeScript, Gitpod - Flayks
Portfolio of Félix Péault, Digital Designer and Art Director [interview]
uses: Sanity, anime.js, Vercel, TypeScript, SCSS, PostCSS - Matt Fantinel [code]
Personal website and blog of Matt Fantinel, web developer.
uses: MDsveX, SCSS, Iconoir, Plausible - Level Up Tutorials
Video tutorials for web developers and designers.
uses: TypeScript, Google Tag Manager - MortimerBaltus
MortimerBaltus is a Hamburg & Tokyo based Partnership realizing holistic brand experiences.
uses: Cloudinary, Cloudflare - JSchallenger
Free Javascript challenges. Learn Javascript online by solving coding exercises.
uses: Tailwind, DynamoDB, AWS - Files [code]
3rd Party File Manager for Windows.
uses: PNPM, TypeScript, SCSS, Vercel - Svelte Summit Fall 2021 [code]
The 4th virtual conference about Svelte
uses: Elder.js, PostCSS, Cloudflare - cybernetic.dev
Data-centric UI experiments
uses: Three.js, Cytoscape.js, Vercel - Kudadam.com [code]
Personal website and blog.
uses: MDsveX, Tailwind - digital criticism [code]
Scholarly conference in the digital humanities.
uses: MDsveX, MVP.css, Cloudflare - The Pudding [code]
Digital publication with emphasis on data viz.
uses: D3, PostCSS, Lodash, PNPM - BrittneyPostma.com [code]
Landing page.
uses: Netlify, service worker - Urara [code]
Sweet & Powerful SvelteKit Blog Template.
uses: MDsveX, Windi, DaisyUI, TypeScript, PNPM - connorrothschild.com [code]
Creative, content-based portfolio site of Connor Rothschild.
uses: MDsveX, GSAP, Netlify - Svelte Cubed [code]
Three.js component library for Svelte.
uses: TypeScript, PNPM, Vercel, MDsveX - Multi-Monitor Calculator [code]
A tool for planning your multi-monitor setup.
uses: TypeScript, SMUI, Sass - Modern Fluid Typography Editor [code]
Easily create and fine-tune fluid typography values with Modern CSSclamp()
.
uses: TypeScript, PostCSS, Chart.js, cssnano - mermaid-live-editor [code]
Edit, live preview and share mermaid charts and diagrams.
uses: TypeScript, Docker, Tailwind, PostCSS, Cypress, Husky - svelte-realworld [code]
SvelteKit implementation of the RealWorld app.
uses: Netlify, MarkedJS - macos-web [code]
Replicate some of the macOS desktop experience on the web.
uses: TypeScript, Vercel, SCSS, PNPM, Iconify
See something that's missing from this list? PRs welcome! Remember to add new sites to sites.yml
, not readme.md (auto-generated). If you're unsure if a site belongs here, open an issue to discuss. This repo is meant to be a community effort.