Awesome SvelteKit
84 Awesome Examples of SvelteKit in the Wild

  1. Screenshot of Svelte.dev
    1. Svelte.dev  74,644

    blog dev tools docs monorepo NPM package open source REPL

  2. Screenshot of Immich
    2. Immich  24,840

    backup-tool media open source photo-gallery photos self-hosted

  3. Screenshot of Official SvelteKit docs

    docs monorepo NPM package open source

  4. Screenshot of Gitpod
    4. Gitpod  11,883

    cloud computing commercial dev tools open source

  5. Screenshot of Coolify
    5. Coolify  10,012

    databases deployment docker mongodb open source redis self-hosting sql

  6. Screenshot of Windmill
    6. Windmill  7,685

    automation dev tools open source python scripting self-hostable

  7. Screenshot of Chat UI
    7. Chat UI  4,620

    ai chat gpt large language models nlp open source

  8. Screenshot of Skeleton
    8. Skeleton  4,098

    component library open source

  9. Screenshot of Fireship
    9. Fireship  3,230

    education open source tutorials web dev

  10. Screenshot of Svelte Material UI
    10. Svelte Material UI  3,210

    component library material design NPM package open source

  11. Screenshot of mermaid-live-editor

    charts developer tool diagrams graphics open source

  12. Screenshot of Ollama Web UI
    12. Ollama Web UI  2,838

    AI chatbot GPT large language models NLP open source UI

  13. Screenshot of evidence
    13. evidence  2,698

    analytics business-intelligence charts data viz markdown open source sql

  14. Screenshot of shadcn-svelte
    14. shadcn-svelte  2,450

    community component library open source

  15. Screenshot of Svelvet
    15. Svelvet  2,336

    component library dev tool flow diagrams open source visualization

  16. Screenshot of StemRoller
    16. StemRoller  2,241

    deep learning desktop app machine learning music open source

  17. Screenshot of svelte-realworld
    17. svelte-realworld  2,081

    benchmark demo open source performance

  18. Screenshot of macos-web
    18. macos-web  1,981

    demo learning open source proof of concept

  19. Screenshot of Svelte Headless UI
    19. Svelte Headless UI  1,703

    a11y component library open source

  20. Screenshot of Flowbite
    20. Flowbite  1,674

    component library dark-mode forms modals open source spinners toast

  21. Screenshot of Threlte
    21. Threlte  1,570

    component library data viz docs interactive monorepo open source

  22. Screenshot of Svelte Commerce
    22. Svelte Commerce  1,329

    commerce login open source shopping store

  23. Screenshot of Sveltestrap
    23. Sveltestrap  1,290

    component library open source

  24. Screenshot of Pancake
    24. Pancake  1,244

    canvas charts dataviz graphics open source WebGL

  25. Screenshot of editable-website
    25. editable-website  1,175

    cms-free editable open source postgres richtext template

  26. Screenshot of Svelte Cubed
    26. Svelte Cubed  1,174

    animations components interactive library open source

  27. Screenshot of Layer Cake
    27. Layer Cake  1,054

    canvas charts dataviz graphics layers open source WebGL

  28. Screenshot of Beatbump
    28. Beatbump  914

    blog open source

  29. Screenshot of Houdini GraphQL
    29. Houdini GraphQL  823

    data fetching developer tool front-end graphql minimal open source

  30. Screenshot of inlang
    30. inlang  816

    developer tool front-end i18n localization open source

  31. Screenshot of sveltekit-typescript-showcase

    learning open source showcase tutorial

  32. Screenshot of svelte-french-toast

    notifications open source snackbar toast

  33. Screenshot of tRPC-SvelteKit
    33. tRPC-SvelteKit  670

    community open source NPM package docs dev tools

  34. Screenshot of swyxkit
    34. swyxkit  646

    blog open source portfolio programming

  35. Screenshot of Cryptgeon
    35. Cryptgeon  643

    data protection file sharing note sharing open source privacy secure notes

  36. Screenshot of svelte-legos
    36. svelte-legos  643

    actions component library NPM package open source

  37. Screenshot of svelte-put
    37. svelte-put  604

    actions component library open source preprocessor

  38. Screenshot of Fluent Svelte
    38. Fluent Svelte  585

    component library design system open source windows ui

  39. Screenshot of Urara
    39. Urara  512

    blog open source template

  40. Screenshot of Good First Issue Finder

    community developer guide open source oss

  41. Screenshot of QWER
    41. QWER  399

    blog open source template

  42. Screenshot of Files
    42. Files  394

    coding challenges education JavaScript open source

  43. Screenshot of learn.svelte.dev

    community docs education open source tutorial

  44. Screenshot of Watch This
    44. Watch This  358

    content recommendation edge functions machine learning open source

  45. Screenshot of Joy of Code
    45. Joy of Code  335

    blog cms community open source

  46. Screenshot of Svelte Society
    46. Svelte Society  303

    cheat sheets components events open source programming

  47. Screenshot of Modern Fluid Typography Editor

    design developer tool frontend open source typography

  48. Screenshot of SvelteKit static blog starter

    blog starter markdown mdsvex open source page transitions rss sass seo

  49. Screenshot of SvelteLab
    49. SvelteLab  294

    open source playground repl

  50. Screenshot of Dotfyle
    50. Dotfyle  289

    community dotfiles neovim open source

  51. Screenshot of Matt Fantinel
    51. Matt Fantinel  284

    blog MDsveX open source personal portfolio SCSS

  52. Screenshot of neovim craft
    52. neovim craft  281

    open source programming resource list

  53. Screenshot of Svelte Intl Precompile

    i18n internationalization localization open source translation

  54. Screenshot of Svelte MultiSelect

    forms interactive NPM package open source select component

  55. Screenshot of SvelteKit on Edge

    caching deployment open source speed

  56. Screenshot of Pixel Art Together

    art collaboration drawing multiplayer open source

  57. Screenshot of SvelteKit Embed
    57. SvelteKit Embed  182

    component library open source

  58. Screenshot of Hexapipes
    58. Hexapipes  172

    game open source

  59. Screenshot of svelte-command-palette

    cmd-palette NPM package open source

  60. Screenshot of TikZ
    60. TikZ  166

    diagrams graphics latex open source research science

  61. Screenshot of Significa.co
    61. Significa.co  159

    agency company open source

  62. Screenshot of sveltekit-mdsvex-blog

    blog markdown open source starter template

  63. Screenshot of Intl Explorer
    63. Intl Explorer  129

    education interactive open source playground tutorials web dev

  64. Screenshot of Elementari
    64. Elementari  102

    chemistry data viz NPM package open source plotting science

  65. Screenshot of Paper Trader Game

    game mobile open source

  66. Screenshot of ASM Editor
    66. ASM Editor  98

    assembly emulator interpreter Javascript M68K open source

  67. Screenshot of SvelteKit Experiments

    cloud computing open source sample applications

  68. Screenshot of SK Incognito
    68. SK Incognito  90

    docs open source Vercel

  69. Screenshot of markushatvan.com

    blog rss sitemap

  70. Screenshot of connorrothschild.com

    animations blog open source portfolio

  71. Screenshot of The Pudding
    71. The Pudding  57

    data viz digital publishing education open source

  72. Screenshot of Guess The Year

    game open source

  73. Screenshot of Multi-Monitor Calculator

    3d calculator interactive monitor open source

  74. Screenshot of puruvj.dev
    74. puruvj.dev  14

    blog open source

  75. Screenshot of ConcertMash
    75. ConcertMash  10

    music open source playlist-generator

  76. Screenshot of GraphCMS Starter Blog

    blog open source

  77. Screenshot of Svelte Summit Fall 2021

    community event conference learning news open source

  78. Screenshot of digital criticism

    community event conference education learning open source

  79. Screenshot of Team Health Check

    agile spotify agile team health open source team health check

  80. Screenshot of Flayks
    80. Flayks

    portfolio

  81. Screenshot of Level Up Tutorials

    tutorials education videos web development design

  82. Screenshot of JSchallenger

    education coding challenges JavaScript

  83. Screenshot of cybernetic.dev

    data viz statistics machine learning

  84. Screenshot of Houses of World

    animations transitions photography commerce design typography graphic design

🙏 Big thanks to all 29 contributors

🎉 Suggestions Welcome

Want to add an open source project to this list? PRs welcome! This collection is meant as a learning resource for Svelte devs. While a site with private code can give inspiration, there's little educational value if you can't inspect how it was made.

A good place to discover Svelte projects (not necessarily SvelteKit) is GitHub Trending . If anything on that list stands out to you but is missing here, please add it!