Awesome examples of SvelteKit in the wild. Visit awesome-sveltekit.janosh.dev to view this list with screenshots plus search and sort functionality (e.g. based on GH stars).

Sites

1. Open WebUI  [code] 

   

   User-friendly AI Interface (Supports Ollama, OpenAI API, ...)
   

   uses: highlight.js, MarkedJS, KaTeX, TypeScript, Tailwind

2. Immich  [code] 

   

   Self-hosted photo and video backup solution directly from your mobile phone.
   

   uses: NestJS, TypeScript, Tailwind, Flutter, Python

3. cobalt  [code] 

   

   Ad-free, tracker-free media downloader. Paste a link from YouTube, TikTok, SoundCloud and many more and get the file, with in-browser remuxing via WebAssembly.
   

   uses: TypeScript, MDsveX, FFmpeg, WASM, Docker

4. Official SvelteKit docs  [code] 

   

   The fastest way to build Svelte apps.
   

   uses: Netlify, PNPM

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

6. WebVM  [code] 

   

   A full Linux virtual machine that runs entirely in the browser, with an x86 JIT compiled to WebAssembly, a terminal, a persistent disk and Tailscale networking.
   

   uses: CheerpX, WASM, xterm.js, Tailwind

7. Harper  [code] 

   

   Offline, privacy-first grammar checker for the web, editors and browsers. Its Rust core compiles to WebAssembly, so the site's live editor checks text without sending it anywhere.
   

   uses: Rust, WASM, TypeScript, Tailwind, Drizzle, Chart.js

8. VERT  [code] 

   

   A file converter that converts files client-side while being completely ad-free.
   

   uses: TypeScript, Tailwind, Coolify, WASM, FFmpeg, libvips, Plausible

9. Chat UI  [code] 

   

   Powers the HuggingChat app. Making the community's best AI chat models available to everyone.
   

   uses: Huggingface Inference, Huggingface Hub, Tailwind

10. shadcn-svelte  [code] 

    

    shadcn/ui, but for Svelte.
    

    uses: TypeScript, Vercel, Tailwind, PNPM, Changesets, Vitest, Prism, MarkedJS

11. evidence  [code] 

    

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

    uses: PNPM, Changesets, echarts, uvu

12. mermaid-live-editor  [code] 

    

    Edit, live preview and share mermaid charts and diagrams.
    

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

13. svgl  [code] 

    

    Library of optimized SVG brand logos with light and dark variants, one-click copy as SVG or framework component, and a public API.
    

    uses: TypeScript, Tailwind, shadcn-svelte, Shiki

14. Skeleton  [code] 

    

    A fully featured web UI toolkit for Svelte + Tailwind. Supports SvelteKit, Vite, and Astro.
    

    uses: Vitest, PostCSS, highlight.js, Tailwind, TypeScript, jsdom

15. Ghostty Config  [code] 

    

    Visual config generator for the Ghostty terminal. Pick fonts, colors, keybindings and every other option in a form with live previews, then export the file.
    

    uses: TypeScript, Cloudflare, Vitest

16. crates.io  [code] 

    

    The Rust community's package registry, with crate search, docs, versions, download stats and source browsing. Its web UI was rewritten from Ember to SvelteKit.
    

    uses: Rust, PostgreSQL, TypeScript, UnoCSS, Chart.js, Shiki, Storybook, Playwright, Vitest

17. Svelte Material UI  [code] 

    

    Svelte Material UI Components.
    

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

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

19. Component Party  [code] 

    

    Side-by-side comparison of component syntax across JS frameworks like Svelte, React, Vue, Angular, Solid and Qwik, from reactivity to lifecycle to forms.
    

    uses: TypeScript, Tailwind, Shiki, Iconify, Playwright

20. StemRoller  [code] 

    

    Isolate vocals, drums, bass, and other instrumental stems from any song
    

    uses: Electron, Tailwind, Lodash, PostCSS, ytdl-core

21. Flowbite  [code] 

    

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

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

22. Svelvet  [code] 

    

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

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

23. svelte-realworld  [code] 

    

    SvelteKit implementation of the RealWorld app.
    

    uses: Vercel, MarkedJS, TypeScript, PNPM, sanitize-html

24. Svelte Commerce  [code] 

    

    Headless, Authentication, Cart & Checkout, TailwindCSS, Server Rendered, Proxy + API Integrated, Animations, Stores, Lazy Loading, Loading Indicators, Carousel, Instant Search, Faceted Filters, TypeScript, Open Source, MIT license. 1 command deploy to your own server, 1 click deploy to Netlify/Vercel.
    

    uses: Vercel, Tailwind, TypeScript, svelte-toasts, PostCSS, cssnano

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

26. editable-website  [code] 

    

    A SvelteKit template for building CMS-free editable websites.
    

    uses: Tailwind, AWS, SQLite, TypeScript, PNPM

27. Cryptgeon  [code] 

    

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

    uses: svelte-intl-precompile, sanitize-html

28. gpx.studio  [code] 

    

    Online route planner and GPX editor. Draw, merge, split and clean up tracks on a map, with elevation profiles and 3D terrain, in many languages.
    

    uses: TypeScript, MapLibre, Tailwind, shadcn-svelte, Chart.js, MDsveX

29. Dotfyle  [code] 

    

    Discover and share Neovim configurations and plugins.
    

    uses: TypeScript, PNPM, tRPC-SvelteKit, Prisma, Tailwind, Octokit

30. Syntax.fm  [code] 

    

    Website of the Syntax web development podcast, with every episode, show notes, transcripts, a custom audio player and search.
    

    uses: TypeScript, Prisma, Vercel, Sentry, rehype, remark, Playwright, Vitest

31. Kagi Kite  [code] 

    

    Kagi's news app. Groups stories from many sources into daily, AI-summarized events per category, with maps, timelines and translations.
    

    uses: TypeScript, Tailwind, Drizzle, PostgreSQL, Three.js, Vitest, Testing Library

32. svelte-french-toast  [code] 

    

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

    uses: TypeScript, Prism, Tailwind, PostCSS, PNPM

33. svelte-put  [code] 

    

    Useful svelte stuff to put in your projects.
    

    uses: Changesets, MDsveX, PostCSS, PNPM, Turbo

34. Houdini GraphQL  [code] 

    

    Documentation site for Houdini.
    

    uses: Astro, PNPM, TypeScript, Tailwind

35. tRPC-SvelteKit  [code] 

    

    End-to-end type-safe APIs for your SvelteKit applications.
    

    uses: TypeScript, tRPC

36. Scientific Diagrams  [code] 

    

    100+ MIT-licensed scientific diagrams created with CeTZ (Typst) and/or TikZ (LaTeX). Mostly about physics, chemistry, and machine learning.
    

    uses: TypeScript, svelte-widgets, pre-commit, PNPM, svelte-enhanced-img

37. Urara  [code] 

    

    Sweet & Powerful SvelteKit Blog Template.
    

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

38. Saga Reader  [code] 

    

    Blazing-fast and extremely lightweight AI-powered internet reader. Your AI-driven think tank assistant built with Rust, Tauri and Svelte.
    

    uses: Skeleton, Rust, Tauri, Netlify

39. SvelteKit static blog starter  [code] 

    

    A pre-configured SvelteKit static blog starter, with Sass, Markdown, MDsveX, rehype and background preloading.
    

    uses: Netlify, MDsveX, Sass, Husky

40. QWER  [code] 

    

    ✒︎ Simply Awesome Blog Starter built with SvelteKit and ❤
    

    uses: UnoCSS, TypeScript, MarkedJS, PNPM, Vercel

41. Files  [code] 

    

    3rd Party File Manager for Windows.
    

    uses: PNPM, TypeScript, SCSS, Vercel

42. Svelte Society  [code] 

    

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

    uses: TypeScript, Gitpod

43. SvelteLab  [code] 

    

    Supercharged REPL for Svelte (think StackBlitz specialized for Svelte)
    

    uses: Playwright, Vitest, Iconify, MarkedJS, TypeScript, PNPM, Pocketbase, Vercel, Tailwind

44. Svelte Widgets  [code] 

    

    Keyboard-friendly, accessible Svelte components — MultiSelect, Toc, Masonry, CommandMenu, and more.
    

    uses: Vitest, Playwright, TypeScript, PNPM, pre-commit, rehype, jsdom, GitHub Pages, mdsvexamples

45. MatterViz  [code] 

    

    Interactive visualizations for materials science: periodic tables, 3d crystal structures, molecules, Bohr atoms, nuclei, heatmaps, scatter plots.
    

    uses: TypeScript, pre-commit, D3, svelte-widgets, Vitest, Playwright, PNPM, jsdom, GitHub Pages

46. Svelte.dev  [code] 

    

    Cybernetically enhanced web apps.
    

    uses: CodeMirror, Mapbox, Docker

47. ASM Editor  [code] 

    

    A modern webapp to write, run and learn M68K assembly code.
    

    uses: TypeScript, Sass, Monaco, WASM

48. Significa.co  [code] 

    

    Product Design and Development agency website, built with SvelteKit.
    

    uses: TypeScript, Vercel, Tailwind, AWS, DynamoDB, Notion, Storyblok, Matter.js, Plausible

49. SvelteKit Embed  [code] 

    

    SvelteKit embed components for YouTube, Vimeo, Twitter, Spotify, SoundCloud, StackBlitz, CodePen, AnchorFM, Simple Cast and more.
    

    uses: TypeScript, PNPM, Vercel, MDsveX, Tailwind, PostCSS, Husky, Playwright, DaisyUI

50. Hexapipes  [code] 

    

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

    uses: Vercel

51. svelte-command-palette  [code] 

    

    Dead simple command palette with fuzzy search.
    

    uses: TypeScript, Playwright, PostCSS, Tailwind, Release It, Vercel

52. Auth starter app  [code] 

    

    SvelteKit template featuring Passkeys, Social Sign in and more.
    

    uses: passlock, Tailwind, superforms, lucia

53. Statue  [code] 

    

    A Svelte-based static site generator with built in component library.
    

    uses: GitHub Pages, Cloudflare Pages, Netlify

54. Intl Explorer  [code] 

    

    A tool for experimenting and trying out the ECMAScript Internationalization API.
    

    uses: TypeScript, PNPM, Playwright, Vercel, svelte-highlight, Husky, commitlint

55. Svead  [code] 

    

    Svead 🍺, a component that allows you to set head meta information, canonical, title, Twitter and Facebook Open Graph tags, and schema.org data.
    

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

56. The Pudding  [code] 

    

    Digital publication with emphasis on data viz.
    

    uses: D3, PostCSS, Lodash, PNPM

57. macOS-Themed Portfolio  [code] 

    

    An interactive portfolio website inspired by the macOS interface.
    

    uses: TypeScript, Tailwind, PM2, Cloudflare, Netlify, Nginx

58. barnsworthburning  [code] 

    

    An experimental commonplace book / digital garden with a richly interconnected set of links, notes, and ideas.
    

    uses: TypeScript, Airtable, Radix, MarkedJS, Cloudflare Pages

59. Product Plate  [code] 

    

    SvelteKit and Convex starter for building SaaS products, with auth, billing, realtime data, AI, tests, deployment setup, and a kickstart prompt for coding agents.
    

    uses: SvelteKit, Convex, Better Auth, Autumn, Tailwind, shadcn-svelte, Cloudflare

60. OpenPost  [code] 

    

    Self-hosted social media scheduler with an MCP server, CLI, and API.
    

    uses: SvelteKit, Go, TypeScript, Tailwind, PNPM, Docker, SQLite, PostgreSQL, Playwright

61. MonoMap  [code] 

    

    Keyboard-first, local-first mind map and kanban board that stores everything in your browser and works offline.
    

    uses: SvelteKit, TypeScript, Tailwind

62. Level Up Tutorials

    Video tutorials for web developers and designers.
    

    uses: TypeScript, Google Tag Manager

63. JSchallenger

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

    uses: Tailwind, DynamoDB, AWS

64. cybernetic.dev

    Data-centric UI experiments
    

    uses: Three.js, Cytoscape.js, Vercel

65. Houses of World

    A travel, photography and design project showcasing charismatic houses around the world.
    

    uses: TypeScript, SCSS, PostCSS, Motion One, OGL, WebGL, Directus, Swell Commerce, Vercel

🎉 Suggestions Welcome

Want to add an open-source project to this list? PRs welcome! This collection is a community effort intended as a learning resource for Svelte devs. Entry requirements:

1. open source: While a site with private code can give design and feature ideas, there's little educational value if you can't inspect how it was made.
2. novel: Not just another blog or todo app. Ideally, some application or technology not already covered in this collection.
3. popular: At least 50 stars on GitHub or reasonable expectation to reach that number soon.

These requirements arose over time so not all existing entries satisfy them. There can also be tradeoffs. For example, if novelty is very high, popularity can be lower. If you're unsure, please open a discussion first.

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!