Awesome examples of SvelteKit in the wild

Visit awesome-sveltekit.netlify.app to view this list with screenshots plus search and sort functionality (e.g. based on GH stars).

Sites

1. Svelte.dev  [code] 

   Cybernetically enhanced web apps.
   

   uses: CodeMirror, Mapbox, Docker

2. Official SvelteKit docs  [code] 

   The fastest way to build Svelte apps.
   

   uses: Netlify, PNPM

3. SK Incognito  [code] 

   The unofficial SvelteKit docs.
   

   uses: MDsveX, Tailwind, PNPM

4. Geometric Bayes Theorem  [code] 

   3blue1brown-inspired interactive visualization of Bayes theorem interpreted geometrically.
   

   uses: MDsveX, pre-commit

5. TikZ  [code] 

   Random collection of MIT-licensed standalone TikZ images, mostly about physics and machine learning.
   

   uses: TypeScript, Netlify, Svicons, svelte-multiselect, pre-commit

6. markushatvan.com

   Blog posts with code snippets, contact form with Svelte Forms Lib, RSS and sitemap.
   

   uses: Tailwind, MDsveX, Svelte Forms Lib

7. 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, svelte-multiselect, Playwright, Vitest

8. 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, pre-commit

9. 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, pre-commit

10. 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

11. Gitpod  [code] 

    Gitpod streamlines developer workflows by providing prebuilt, collaborative development environments in your browser - powered by VS Code.
    

    uses: MDsveX, Tailwind, Netlify

12. 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

13. puruvj.dev  [code] 

    Puru Vijay's blog site.
    

    uses: Vercel, TypeScript, SCSS, Cloudinary

14. GraphCMS Starter Blog  [code] 

    This blog starter shows how to use SvelteKit with GraphCMS.
    

    uses: Vercel, Tailwind, SCSS, GraphCMS

15. Beatbump  [code] 

    Alternative frontend for YouTube Music.
    

    uses: TypeScript, PostCSS, Sass

16. 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

17. SveltePress  [code] 

    SvelteKit-powered doc site generator. Made for humans.
    

    uses: Netlify, MarkedJS, PNPM, SCSS, Dart, Pandoc

18. neovim craft  [code] 

    Curated list of neovim plugins.
    

    uses: TypeScript, Husky

19. swyxkit  [code] 

    An opinionated blog starter for SvelteKit + Tailwind + Netlify. Refreshed for 2022!
    

    uses: Tailwind, Netlify

20. Svelte Society  [code] 

    Global network of Svelte fans striving to promote Svelte and its ecosystem.
    

    uses: TypeScript, Gitpod

21. Flayks

    Portfolio of Félix Péault, Digital Designer and Art Director. Sanity.io [interview], feature.
    

    uses: Sanity, anime.js, Vercel, TypeScript, SCSS, PostCSS

22. Matt Fantinel  [code] 

    Personal website and blog of Matt Fantinel, web developer.
    

    uses: MDsveX, SCSS, Iconoir, Plausible

23. Level Up Tutorials

    Video tutorials for web developers and designers.
    

    uses: TypeScript, Google Tag Manager

24. JSchallenger

    Free Javascript challenges. Learn Javascript online by solving coding exercises.
    

    uses: Tailwind, DynamoDB, AWS

25. Files  [code] 

    3rd Party File Manager for Windows.
    

    uses: PNPM, TypeScript, SCSS, Vercel

26. Svelte Summit Fall 2021  [code] 

    The 4th virtual conference about Svelte
    

    uses: Elder.js, PostCSS, Cloudflare

27. cybernetic.dev

    Data-centric UI experiments
    

    uses: Three.js, Cytoscape.js, Vercel

28. Kudadam.com  [code] 

    Personal website and blog.
    

    uses: MDsveX, Tailwind

29. digital criticism  [code] 

    Scholarly conference in the digital humanities.
    

    uses: MDsveX, MVP.css, Cloudflare

30. The Pudding  [code] 

    Digital publication with emphasis on data viz.
    

    uses: D3, PostCSS, Lodash, PNPM

31. BrittneyPostma.com  [code] 

    Landing page.
    

    uses: Netlify, service worker

32. Urara  [code] 

    Sweet & Powerful SvelteKit Blog Template.
    

    uses: MDsveX, PostCSS, Tailwind, DaisyUI, TypeScript, PNPM

33. connorrothschild.com  [code] 

    Creative, content-based portfolio site of Connor Rothschild.
    

    uses: MDsveX, GSAP, Netlify

34. Svelte Cubed  [code] 

    Three.js component library for Svelte.
    

    uses: TypeScript, PNPM, Vercel, MDsveX

35. Multi-Monitor Calculator  [code] 

    A tool for planning your multi-monitor setup.
    

    uses: TypeScript, SMUI, Sass

36. Modern Fluid Typography Editor  [code] 

    Easily create and fine-tune fluid typography values with Modern CSS clamp().
    

    uses: TypeScript, PostCSS, Chart.js, cssnano

37. mermaid-live-editor  [code] 

    Edit, live preview and share mermaid charts and diagrams.
    

    uses: TypeScript, Docker, Tailwind, PostCSS, Cypress, Husky

38. svelte-realworld  [code] 

    SvelteKit implementation of the RealWorld app.
    

    uses: Netlify, MarkedJS

39. macos-web  [code] 

    Replicate some of the macOS desktop experience on the web.
    

    uses: TypeScript, Vercel, SCSS, PNPM, Iconify

40. inlang dashboard  [code] 

    Translate software products 2x faster.
    

    uses: TypeScript, Vercel, IBM Carbon, Tailwind, Supabase

41. Houdini GraphQL  [code] 

    Documentation site for houdini.
    

    uses: PNPM, MDsveX, Husky, highlight.js

42. ConcertMash  [code] 

    Easily generate a playlist for your upcoming concerts based on selected artists!
    

    uses: TypeScript, Tailwind, Spotify Web API, Filepond, PNPM, Netlify

43. Layer Cake  [code] 

    Graphics framework for Svelte with colorful demo page. Can generate responsive graphics server-side that work without JavaScript.
    

    uses: D3, GitHub Pages, JSDoc, Mocha, Underscore

44. Pancake  [code] 

    Experimental Svelte charting library. Visualize data with a combination of HTML, SVG and canvas/WebGL. Designed with server-side rendering in mind, so graphs potentially work without JavaScript. Blog post.
    

    uses: D3, surge.sh, TypeScript

45. Svelte Headless UI  [code] 

    Unofficial Svelte port of Headless UI components.
    

    uses: MDsveX, TypeScript, PostCSS, Tailwind, cssnano, Jest, rehype

46. Svelte Material UI  [code] 

    Svelte Material UI Components.
    

    uses: MDsveX, TypeScript, highlight.js, remark, Sass

47. Fluent Svelte  [code] 

    A faithful implementation of Microsoft's Fluent design system in Svelte.
    

    uses: MDsveX, SCSS, TypeScript, remark, rehype, PNPM, PostCSS, Prism

48. SvelteKit on Edge  [code] 

    SvelteKit, running on the edge. In this case, Vercel's edge network. See https://twitter.com/leeerob/status/1517627769924034565.
    

    uses: PNPM, Vercel

49. evidence  [code] 

    Evidence enables analysts to deliver a polished business intelligence system using SQL and markdown.
    

    uses: PNPM, Changesets, echarts, uvu

50. Coolify  [code] 

    An open-source & self-hostable Heroku / Netlify alternative.
    

    uses: PNPM, TypeScript, Tailwind, sveltekit-i18n, PostCSS, Husky

51. Flowbite  [code] 

    Official Svelte components built for Flowbite and Tailwind CSS. All interactivity handled by Svelte.
    

    uses: PNPM, TypeScript, Tailwind, MDsveX, Prism, PostCSS, Playwright

52. Good First Issue Finder  [code] 

    Good First Issue Finder helps new contributors pave their path into the world of OSS.
    

    uses: TypeScript, Tailwind, Husky, Octokit, PostCSS

53. Periodic Table  [code] 

    Dynamic periodic table of elements written in Svelte. Supports plotting heat maps and hover data.
    

    uses: TypeScript, pre-commit, D3, svelte-multiselect

54. Pixel Art Together  [code] 

    A multiplayer pixel art editor powered by Liveblocks.
    

    uses: TypeScript, Liveblocks, Tailwind, PostCSS, panzoom

55. Sveltestrap  [code] 

    Bootstrap 4 & 5 components for Svelte.
    

    uses: Storybook, Babel, Testing Library, Jest, PostCSS, Prism

56. Svelvet  [code] 

    A lightweight Svelte component library for building interactive node-based flow diagrams.
    

    uses: Playwright, D3, Testing Library, Tailwind, PostCSS, Vitest

57. Cryptgeon  [code] 

    A secure, open source notes and file sharing service inspired by PrivNote written in Rust & Svelte.
    

    uses: svelte-intl-precompile, sanitize-html

58. Svelte Intl Precompile  [code] 

    I18n library for Svelte that analyzes your keys at build time for maximum performance and minimal footprint. Built as a SvelteKit plugin so good to use as a reference if you want to build one yourself.
    

    uses: JS-Yaml, JSON5

59. Windmill  [code] 

    An OSS developer platform to build multi-step automations and internal apps from minimal Python and Typescript scripts.
    

    uses: TypeScript, Tailwind, cssnano, Cypress, PostCSS, svelte-highlight, svelte-markdown

60. Threlte  [code] 

    Threlte is a component library for Svelte to build and render three.js scenes declaratively and state-driven in Svelte apps.
    

    uses: TypeScript, Three.js, Tailwind, PostCSS, Algolia, Iconify

61. svelte-french-toast  [code] 

    Svelte port of Timo Lins' react-hot-toast, a lightweight, customizable toast notification library.
    

    uses: TypeScript, Prism, Tailwind, PostCSS, PNPM

62. Hexapipes  [code] 

    Browser game where the goal is to correctly line up pipes placed on hexagonal puzzle pieces.
    

    uses: Vercel

🎉 Open to Suggestions

See something that's missing from this list? PRs welcome! A good place to discover influential Svelte projects (not necessarily SvelteKit) is GitHub Trending. If anything on that list stands out to you but is missing here, please add it!