{"id":25907624,"url":"https://github.com/janosh/awesome-svelte-kit","last_synced_at":"2025-03-03T07:01:30.765Z","repository":{"id":42451327,"uuid":"353665258","full_name":"janosh/awesome-sveltekit","owner":"janosh","description":"Awesome examples of SvelteKit in the wild","archived":false,"fork":false,"pushed_at":"2025-02-20T15:07:44.000Z","size":19290,"stargazers_count":1119,"open_issues_count":2,"forks_count":79,"subscribers_count":27,"default_branch":"main","last_synced_at":"2025-02-28T21:12:26.758Z","etag":null,"topics":["awesome-list","community","svelte","svelte-kit"],"latest_commit_sha":null,"homepage":"https://janosh.github.io/awesome-sveltekit","language":"Svelte","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/janosh.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"license","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-04-01T10:42:47.000Z","updated_at":"2025-02-25T23:38:17.000Z","dependencies_parsed_at":"2025-01-17T12:00:56.422Z","dependency_job_id":"b4ecaff1-a29c-4338-b336-57a3af998e7f","html_url":"https://github.com/janosh/awesome-sveltekit","commit_stats":{"total_commits":223,"total_committers":36,"mean_commits":6.194444444444445,"dds":"0.20627802690582964","last_synced_commit":"a07db3a1ed8123a0bd0f23f072bc5ecc81ef9844"},"previous_names":["janosh/awesome-svelte-kit"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/janosh%2Fawesome-sveltekit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/janosh%2Fawesome-sveltekit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/janosh%2Fawesome-sveltekit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/janosh%2Fawesome-sveltekit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/janosh","download_url":"https://codeload.github.com/janosh/awesome-sveltekit/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241622601,"owners_count":19992503,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["awesome-list","community","svelte","svelte-kit"],"created_at":"2025-03-03T07:01:00.822Z","updated_at":"2025-03-03T07:01:30.745Z","avatar_url":"https://github.com/janosh.png","language":"Svelte","funding_links":[],"categories":["Other Lists","📦 Built With Svelte"],"sub_categories":["Julia Lists","Open-Source Projects"],"readme":"\u003ch1 align=\"center\"\u003e\n  \u003cimg src=\"site/static/awesome-sveltekit-banner.svg\" alt=\"Awesome SvelteKit\" width=\"500\"\u003e\n\u003c/h1\u003e\n\n\u003ch4 align=\"center\"\u003e\n\n[![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)\n[![Pull Requests Welcome](https://img.shields.io/badge/Pull%20Requests-welcome-brightgreen.svg?logo=github)](https://github.com/janosh/awesome-sveltekit/pulls)\n[![Tests](https://github.com/janosh/awesome-sveltekit/actions/workflows/test.yml/badge.svg)](https://github.com/janosh/awesome-sveltekit/actions/workflows/test.yml)\n[![GH Pages](https://github.com/janosh/awesome-sveltekit/actions/workflows/gh-pages.yml/badge.svg)](https://github.com/janosh/awesome-sveltekit/actions/workflows/gh-pages.yml)\n[![pre-commit.ci status](https://results.pre-commit.ci/badge/github/janosh/awesome-sveltekit/main.svg)](https://results.pre-commit.ci/latest/github/janosh/awesome-sveltekit/main)\n\n\u003c/h4\u003e\n\n\u003cbr\u003e\n\nAwesome examples of SvelteKit in the wild. Visit **[janosh.github.io/awesome-sveltekit](https://janosh.github.io/awesome-sveltekit)** to view this list with screenshots plus search and sort functionality (e.g. based on GH stars).\n\n## Sites\n\n1. **[Svelte.dev](https://svelte.dev)**\u0026nbsp;\n   [[code](https://github.com/sveltejs/svelte/tree/master/sites/svelte.dev)]\u0026ensp;\n   \u003ca href=\"https://github.com/sveltejs/svelte/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/sveltejs/svelte?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Cybernetically enhanced web apps.\u003cbr\u003e\n\n   uses: [CodeMirror], [Mapbox], [Docker]\n\n1. **[Immich](https://immich.app)**\u0026nbsp;\n   [[code](https://github.com/immich-app/immich)]\u0026ensp;\n   \u003ca href=\"https://github.com/immich-app/immich/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/immich-app/immich?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Self-hosted photo and video backup solution directly from your mobile phone.\u003cbr\u003e\n\n   uses: [NestJS], [TypeScript], [Tailwind], [Flutter], [Python]\n\n1. **[Ollama Web UI](https://ollamahub.com)**\u0026nbsp;\n   [[code](https://github.com/ollama-webui/ollama-webui)]\u0026ensp;\n   \u003ca href=\"https://github.com/ollama-webui/ollama-webui/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/ollama-webui/ollama-webui?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   ChatGPT-Style Web UI Client for Ollama 🦙.\u003cbr\u003e\n\n   uses: [highlight.js], [MarkedJS], [KaTeX], [TypeScript], [Tailwind]\n\n1. **[Coolify](https://coolify.io)**\u0026nbsp;\n   [[code](https://github.com/coollabsio/coolify)]\u0026ensp;\n   \u003ca href=\"https://github.com/coollabsio/coolify/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/coollabsio/coolify?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   An open-source \u0026amp; self-hostable Heroku / Netlify alternative.\u003cbr\u003e\n\n   uses: [PNPM], [TypeScript], [Tailwind], [sveltekit-i18n], [PostCSS], [Husky]\n\n1. **[Official SvelteKit docs](https://kit.svelte.dev)**\u0026nbsp;\n   [[code](https://github.com/sveltejs/kit/tree/main/documentation/docs)]\u0026ensp;\n   \u003ca href=\"https://github.com/sveltejs/kit/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/sveltejs/kit?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   The fastest way to build Svelte apps.\u003cbr\u003e\n\n   uses: [Netlify], [PNPM]\n\n1. **[Gitpod](https://gitpod.io)**\u0026nbsp;\n   [[code](https://github.com/gitpod-io/gitpod)]\u0026ensp;\n   \u003ca href=\"https://github.com/gitpod-io/gitpod/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/gitpod-io/gitpod?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Gitpod streamlines developer workflows by providing prebuilt, collaborative development environments in your browser - powered by VS Code.\u003cbr\u003e\n\n   uses: [MDsveX], [Tailwind], [Netlify]\n\n1. **[Windmill](https://windmill.dev)**\u0026nbsp;\n   [[code](https://github.com/windmill-labs/windmill/blob/-/frontend)]\u0026ensp;\n   \u003ca href=\"https://github.com/windmill-labs/windmill/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/windmill-labs/windmill?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   An OSS developer platform to build multi-step automations and internal apps from minimal Python and Typescript scripts.\u003cbr\u003e\n\n   uses: [TypeScript], [Tailwind], [cssnano], [Cypress], [PostCSS], [svelte-highlight], [svelte-markdown]\n\n1. **[Chat UI](https://huggingface.co/chat)**\u0026nbsp;\n   [[code](https://github.com/huggingface/chat-ui)]\u0026ensp;\n   \u003ca href=\"https://github.com/huggingface/chat-ui/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/huggingface/chat-ui?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Powers the HuggingChat app. Making the community\u0026#39;s best AI chat models available to everyone.\u003cbr\u003e\n\n   uses: [Huggingface Inference], [Huggingface Hub], [Tailwind]\n\n1. **[Skeleton](https://skeleton.dev)**\u0026nbsp;\n   [[code](https://github.com/Brain-Bones/skeleton)]\u0026ensp;\n   \u003ca href=\"https://github.com/Brain-Bones/skeleton/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/Brain-Bones/skeleton?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   A fully featured web UI toolkit for Svelte + Tailwind. Supports SvelteKit, Vite, and Astro.\u003cbr\u003e\n\n   uses: [Vitest], [PostCSS], [highlight.js], [Tailwind], [Typescript], [jsdom]\n\n1. **[shadcn-svelte](https://shadcn-svelte.com)**\u0026nbsp;\n   [[code](https://github.com/huntabyte/shadcn-svelte/tree/main/sites/docs)]\u0026ensp;\n   \u003ca href=\"https://github.com/huntabyte/shadcn-svelte/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/huntabyte/shadcn-svelte?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   shadcn/ui, but for Svelte.\u003cbr\u003e\n\n   uses: [TypeScript], [Vercel], [Tailwind], [PNPM], [Changesets], [vitest], [Prism], [MarkedJS]\n\n1. **[mermaid-live-editor](https://mermaid.live)**\u0026nbsp;\n   [[code](https://github.com/mermaid-js/mermaid-live-editor)]\u0026ensp;\n   \u003ca href=\"https://github.com/mermaid-js/mermaid-live-editor/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/mermaid-js/mermaid-live-editor?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Edit, live preview and share mermaid charts and diagrams.\u003cbr\u003e\n\n   uses: [TypeScript], [Docker], [Tailwind], [PostCSS], [Cypress], [Husky]\n\n1. **[evidence](https://evidence.dev)**\u0026nbsp;\n   [[code](https://github.com/evidence-dev/evidence/blob/-/sites/example-project)]\u0026ensp;\n   \u003ca href=\"https://github.com/evidence-dev/evidence/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/evidence-dev/evidence?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Evidence enables analysts to deliver a polished business intelligence system using SQL and markdown.\u003cbr\u003e\n\n   uses: [PNPM], [Changesets], [echarts], [uvu]\n\n1. **[Fireship](https://fireship.io)**\u0026nbsp;\n   [[code](https://github.com/fireship-io/fireship.io)]\u0026ensp;\n   \u003ca href=\"https://github.com/fireship-io/fireship.io/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/fireship-io/fireship.io?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   The Fireship PRO course platform frontend built with Svelte, Tailwind CSS, Hugo (for static content management), Firebase for Auth and DB, Flamethrower for routing.\u003cbr\u003e\n\n   uses: [Tailwind], [Hugo], [Firebase], [Flamethrower], [Sass], [PostCSS], [Algolia]\n\n1. **[Svelte Material UI](https://sveltematerialui.com)**\u0026nbsp;\n   [[code](https://github.com/hperrin/svelte-material-ui/blob/-/packages/site)]\u0026ensp;\n   \u003ca href=\"https://github.com/hperrin/svelte-material-ui/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/hperrin/svelte-material-ui?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Svelte Material UI Components.\u003cbr\u003e\n\n   uses: [MDsveX], [TypeScript], [highlight.js], [remark], [Sass]\n\n1. **[Svelvet](https://svelvet.io)**\u0026nbsp;\n   [[code](https://github.com/oslabs-beta/Svelvet)]\u0026ensp;\n   \u003ca href=\"https://github.com/oslabs-beta/Svelvet/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/oslabs-beta/Svelvet?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   A lightweight Svelte component library for building interactive node-based flow diagrams.\u003cbr\u003e\n\n   uses: [Playwright], [D3], [Testing Library], [Tailwind], [PostCSS], [Vitest]\n\n1. **[StemRoller](https://stemroller.com)**\u0026nbsp;\n   [[code](https://github.com/stemrollerapp/stemroller)]\u0026ensp;\n   \u003ca href=\"https://github.com/stemrollerapp/stemroller/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/stemrollerapp/stemroller?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Isolate vocals, drums, bass, and other instrumental stems from any song\u003cbr\u003e\n\n   uses: [Electron], [Tailwind], [Lodash], [PostCSS], [ytdl-core]\n\n1. **[Threlte](https://threlte.xyz)**\u0026nbsp;\n   [[code](https://github.com/threlte/threlte/blob/-/apps/docs)]\u0026ensp;\n   \u003ca href=\"https://github.com/threlte/threlte/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/threlte/threlte?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Threlte is a component library for Svelte to build and render three.js scenes declaratively and state-driven in Svelte apps.\u003cbr\u003e\n\n   uses: [TypeScript], [Three.js], [Tailwind], [PostCSS], [Algolia], [Iconify]\n\n1. **[svelte-realworld](https://github.com/gothinkster/realworld)**\u0026nbsp;\n   [[code](https://github.com/sveltejs/realworld)]\u0026ensp;\n   \u003ca href=\"https://github.com/sveltejs/realworld/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/sveltejs/realworld?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   SvelteKit implementation of the RealWorld app.\u003cbr\u003e\n\n   uses: [Netlify], [MarkedJS]\n\n1. **[macos-web](https://macos-web.app)**\u0026nbsp;\n   [[code](https://github.com/PuruVJ/macos-web)]\u0026ensp;\n   \u003ca href=\"https://github.com/PuruVJ/macos-web/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/PuruVJ/macos-web?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Replicate some of the macOS desktop experience on the web.\u003cbr\u003e\n\n   uses: [TypeScript], [Vercel], [SCSS], [PNPM], [Iconify]\n\n1. **[Flowbite](https://flowbite-svelte.com)**\u0026nbsp;\n   [[code](https://github.com/themesberg/flowbite-svelte)]\u0026ensp;\n   \u003ca href=\"https://github.com/themesberg/flowbite-svelte/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/themesberg/flowbite-svelte?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Official Svelte components built for Flowbite and Tailwind CSS. All interactivity handled by Svelte.\u003cbr\u003e\n\n   uses: [PNPM], [TypeScript], [Tailwind], [MDsveX], [Prism], [PostCSS], [Playwright]\n\n1. **[Svelte Headless UI](https://svelte-headlessui.goss.io)**\u0026nbsp;\n   [[code](https://github.com/rgossiaux/svelte-headlessui)]\u0026ensp;\n   \u003ca href=\"https://github.com/rgossiaux/svelte-headlessui/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/rgossiaux/svelte-headlessui?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Unofficial Svelte port of Headless UI components.\u003cbr\u003e\n\n   uses: [MDsveX], [TypeScript], [PostCSS], [Tailwind], [cssnano], [Jest], [rehype]\n\n1. **[Svelte Commerce](https://demo.litekart.in)**\u0026nbsp;\n   [[code](https://github.com/itswadesh/svelte-commerce)]\u0026ensp;\n   \u003ca href=\"https://github.com/itswadesh/svelte-commerce/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/itswadesh/svelte-commerce?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Headless, Authentication, Cart \u0026amp; 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.\u003cbr\u003e\n\n   uses: [Vercel], [Tailwind], [TypeScript], [svelte-toasts], [PostCSS], [cssnano]\n\n1. **[editable-website](https://editable.website)**\u0026nbsp;\n   [[code](https://github.com/michael/editable-website)]\u0026ensp;\n   \u003ca href=\"https://github.com/michael/editable-website/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/michael/editable-website?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   A SvelteKit template for building CMS-free editable websites.\u003cbr\u003e\n\n   uses: [Tailwind], [ProseMirror], [AWS]\n\n1. **[Layer Cake](https://layercake.graphics)**\u0026nbsp;\n   [[code](https://github.com/mhkeller/layercake)]\u0026ensp;\n   \u003ca href=\"https://github.com/mhkeller/layercake/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/mhkeller/layercake?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Graphics framework for Svelte with colorful demo page. Can generate responsive graphics server-side that work without JavaScript.\u003cbr\u003e\n\n   uses: [D3], [GitHub Pages], [JSDoc], [Mocha], [Underscore]\n\n1. **[Sveltestrap](https://sveltestrap.js.org)**\u0026nbsp;\n   [[code](https://github.com/bestguy/sveltestrap)]\u0026ensp;\n   \u003ca href=\"https://github.com/bestguy/sveltestrap/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/bestguy/sveltestrap?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Bootstrap 4 \u0026amp; 5 components for Svelte.\u003cbr\u003e\n\n   uses: [Storybook], [Babel], [Testing Library], [Jest], [PostCSS], [Prism]\n\n1. **[Pancake](https://pancake-charts.surge.sh)**\u0026nbsp;\n   [[code](https://github.com/Rich-Harris/pancake)]\u0026ensp;\n   \u003ca href=\"https://github.com/Rich-Harris/pancake/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/Rich-Harris/pancake?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   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. \u003ca href=\"https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp\"\u003eBlog post\u003c/a\u003e.\u003cbr\u003e\n\n   uses: [D3], [surge.sh], [TypeScript]\n\n1. **[Svelte Cubed](https://svelte-cubed.vercel.app)**\u0026nbsp;\n   [[code](https://github.com/Rich-Harris/svelte-cubed)]\u0026ensp;\n   \u003ca href=\"https://github.com/Rich-Harris/svelte-cubed/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/Rich-Harris/svelte-cubed?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Three.js component library for Svelte. Abandoned. Check out \u003ca href=\"https://threlte.xyz\"\u003ethrelte\u003c/a\u003e instead.\u003cbr\u003e\n\n   uses: [TypeScript], [PNPM], [Vercel], [MDsveX]\n\n1. **[inlang](https://inlang.com)**\u0026nbsp;\n   [[code](https://github.com/inlang/monorepo)]\u0026ensp;\n   \u003ca href=\"https://github.com/inlang/monorepo/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/inlang/monorepo?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Translate software products 2x faster.\u003cbr\u003e\n\n   uses: [TypeScript], [Vercel], [IBM Carbon], [Tailwind], [Supabase]\n\n1. **[Beatbump](https://beatbump.io)**\u0026nbsp;\n   [[code](https://github.com/snuffyDev/beatbump)]\u0026ensp;\n   \u003ca href=\"https://github.com/snuffyDev/beatbump/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/snuffyDev/beatbump?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Alternative frontend for YouTube Music.\u003cbr\u003e\n\n   uses: [TypeScript], [PostCSS], [SCSS]\n\n1. **[Houdini GraphQL](https://houdinigraphql.com)**\u0026nbsp;\n   [[code](https://github.com/HoudiniGraphQL/houdini)]\u0026ensp;\n   \u003ca href=\"https://github.com/HoudiniGraphQL/houdini/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/HoudiniGraphQL/houdini?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Documentation site for Houdini.\u003cbr\u003e\n\n   uses: [PNPM], [MDsveX], [Husky], [highlight.js]\n\n1. **[svelte-french-toast](https://svelte-french-toast.com)**\u0026nbsp;\n   [[code](https://github.com/kbrgl/svelte-french-toast)]\u0026ensp;\n   \u003ca href=\"https://github.com/kbrgl/svelte-french-toast/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/kbrgl/svelte-french-toast?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Svelte port of react-hot-toast, a lightweight, customizable toast notification library.\u003cbr\u003e\n\n   uses: [TypeScript], [Prism], [Tailwind], [PostCSS], [PNPM]\n\n1. **[svelte-put](https://svelte-put.vnphanquang.com)**\u0026nbsp;\n   [[code](https://github.com/vnphanquang/svelte-put)]\u0026ensp;\n   \u003ca href=\"https://github.com/vnphanquang/svelte-put/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/vnphanquang/svelte-put?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Useful svelte stuff to put in your projects.\u003cbr\u003e\n\n   uses: [Changesets], [MDsveX], [PostCSS], [PNPM], [Turbo]\n\n1. **[tRPC-SvelteKit](https://icflorescu.github.io/trpc-sveltekit)**\u0026nbsp;\n   [[code](https://github.com/icflorescu/trpc-sveltekit)]\u0026ensp;\n   \u003ca href=\"https://github.com/icflorescu/trpc-sveltekit/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/icflorescu/trpc-sveltekit?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   End-to-end type-safe APIs for your SvelteKit applications.\u003cbr\u003e\n\n   uses: [TypeScript], [tRPC]\n\n1. **[Cryptgeon](https://cryptgeon.org)**\u0026nbsp;\n   [[code](https://github.com/cupcakearmy/cryptgeon/blob/-/packages/frontend)]\u0026ensp;\n   \u003ca href=\"https://github.com/cupcakearmy/cryptgeon/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/cupcakearmy/cryptgeon?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   A secure, open source notes and file sharing service inspired by PrivNote written in Rust \u0026amp; Svelte.\u003cbr\u003e\n\n   uses: [svelte-intl-precompile], [sanitize-html]\n\n1. **[svelte-legos](https://svelte-legos.surge.sh)**\u0026nbsp;\n   [[code](https://github.com/ankurrsinghal/svelte-legos)]\u0026ensp;\n   \u003ca href=\"https://github.com/ankurrsinghal/svelte-legos/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/ankurrsinghal/svelte-legos?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   A library of Svelte actions.\u003cbr\u003e\n\n   uses: [TypeScript], [vitest], [Tailwind], [PostCSS], [Prism]\n\n1. **[sveltekit-typescript-showcase](https://github.com/ivanhofer/sveltekit-typescript-showcase)**\u0026nbsp;\n   [[code](https://github.com/ivanhofer/sveltekit-typescript-showcase)]\u0026ensp;\n   \u003ca href=\"https://github.com/ivanhofer/sveltekit-typescript-showcase/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/ivanhofer/sveltekit-typescript-showcase?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   This repository shows how Svelte and SvelteKit work together with TypeScript.\u003cbr\u003e\n\n   uses: [TypeScript]\n\n1. **[swyxkit](https://swyxkit.netlify.app)**\u0026nbsp;\n   [[code](https://github.com/sw-yx/swyxkit)]\u0026ensp;\n   \u003ca href=\"https://github.com/sw-yx/swyxkit/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/sw-yx/swyxkit?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   An opinionated blog starter for SvelteKit + Tailwind + Netlify. Refreshed for 2022!\u003cbr\u003e\n\n   uses: [Tailwind], [Netlify]\n\n1. **[Fluent Svelte](https://fluent-svelte.vercel.app)**\u0026nbsp;\n   [[code](https://github.com/Tropix126/fluent-svelte)]\u0026ensp;\n   \u003ca href=\"https://github.com/Tropix126/fluent-svelte/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/Tropix126/fluent-svelte?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   A faithful implementation of Microsoft\u0026#39;s Fluent design system in Svelte.\u003cbr\u003e\n\n   uses: [MDsveX], [SCSS], [TypeScript], [remark], [rehype], [PNPM], [PostCSS], [Prism]\n\n1. **[Dotfyle](https://dotfyle.com)**\u0026nbsp;\n   [[code](https://github.com/codicocodes/dotfyle)]\u0026ensp;\n   \u003ca href=\"https://github.com/codicocodes/dotfyle/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/codicocodes/dotfyle?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Discover and share Neovim configurations and plugins.\u003cbr\u003e\n\n   uses: [TypeScript], [PNPM], [tRPC-SvelteKit], [Prisma], [Tailwind], [Octokit]\n\n1. **[Urara](https://urara-demo.netlify.app)**\u0026nbsp;\n   [[code](https://github.com/importantimport/urara)]\u0026ensp;\n   \u003ca href=\"https://github.com/importantimport/urara/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/importantimport/urara?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Sweet \u0026amp; Powerful SvelteKit Blog Template.\u003cbr\u003e\n\n   uses: [MDsveX], [PostCSS], [Tailwind], [DaisyUI], [TypeScript], [PNPM]\n\n1. **[Good First Issue Finder](https://finder.eddiehub.io)**\u0026nbsp;\n   [[code](https://github.com/EddieHubCommunity/good-first-issue-finder)]\u0026ensp;\n   \u003ca href=\"https://github.com/EddieHubCommunity/good-first-issue-finder/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/EddieHubCommunity/good-first-issue-finder?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Good First Issue Finder helps new contributors pave their path into the world of OSS.\u003cbr\u003e\n\n   uses: [TypeScript], [Tailwind], [Husky], [Octokit], [PostCSS]\n\n1. **[learn.svelte.dev](https://learn.svelte.dev)**\u0026nbsp;\n   [[code](https://github.com/sveltejs/learn.svelte.dev)]\u0026ensp;\n   \u003ca href=\"https://github.com/sveltejs/learn.svelte.dev/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/sveltejs/learn.svelte.dev?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   A soup-to-nuts interactive tutorial on how to build apps with Svelte.\u003cbr\u003e\n\n   uses: [Vercel], [PNPM], [Prism], [MarkedJS], [CodeMirror]\n\n1. **[QWER](https://svelte-qwer.vercel.app)**\u0026nbsp;\n   [[code](https://github.com/kwchang0831/svelte-QWER)]\u0026ensp;\n   \u003ca href=\"https://github.com/kwchang0831/svelte-QWER/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/kwchang0831/svelte-QWER?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   ✒︎ Simply Awesome Blog Starter built with SvelteKit and ❤\u003cbr\u003e\n\n   uses: [UnoCSS], [TypeScript], [MarkedJS], [PNPM], [Vercel]\n\n1. **[Files](https://files.community)**\u0026nbsp;\n   [[code](https://github.com/files-community/website)]\u0026ensp;\n   \u003ca href=\"https://github.com/files-community/website/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/files-community/website?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   3rd Party File Manager for Windows.\u003cbr\u003e\n\n   uses: [PNPM], [TypeScript], [SCSS], [Vercel]\n\n1. **[Joy of Code](https://joyofcode.xyz)**\u0026nbsp;\n   [[code](https://github.com/mattcroat/joy-of-code)]\u0026ensp;\n   \u003ca href=\"https://github.com/mattcroat/joy-of-code/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/mattcroat/joy-of-code?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   🌸 Joy of Code is a digital garden growing curious minds.\u003cbr\u003e\n\n   uses: [GitHub API], [Monaco], [Playwright], [Google Analytics], [Supabase], [Vercel], [PNPM], [Sass], [TypeScript], [remark], [rehype]\n\n1. **[Watch This](https://github.com/StephDietz/watch-this/issues/28)**\u0026nbsp;\n   [[code](https://github.com/StephDietz/watch-this)]\u0026ensp;\n   \u003ca href=\"https://github.com/StephDietz/watch-this/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/StephDietz/watch-this?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Uses OpenAI GPT-3 API and streaming Vercel edge functions to generate cinema recommendations based on user input.\u003cbr\u003e\n\n   uses: [TypeScript], [Vercel], [Tailwind]\n\n1. **[SvelteKit static blog starter](https://sveltekit-static-starter.netlify.app)**\u0026nbsp;\n   [[code](https://github.com/josh-collinsworth/sveltekit-blog-starter)]\u0026ensp;\n   \u003ca href=\"https://github.com/josh-collinsworth/sveltekit-blog-starter/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/josh-collinsworth/sveltekit-blog-starter?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   A pre-configured SvelteKit static blog starter, with Sass, Markdown, MDSvex, Rehype and background preloading.\u003cbr\u003e\n\n   uses: [Netlify], [MDsveX], [Sass], [Husky]\n\n1. **[Svelte Society](https://sveltesociety.dev)**\u0026nbsp;\n   [[code](https://github.com/svelte-society/sveltesociety.dev)]\u0026ensp;\n   \u003ca href=\"https://github.com/svelte-society/sveltesociety.dev/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/svelte-society/sveltesociety.dev?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Global network of Svelte fans striving to promote Svelte and its ecosystem.\u003cbr\u003e\n\n   uses: [TypeScript], [Gitpod]\n\n1. **[SvelteLab](https://sveltelab.dev)**\u0026nbsp;\n   [[code](https://github.com/sveltelab/sveltelab)]\u0026ensp;\n   \u003ca href=\"https://github.com/sveltelab/sveltelab/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/sveltelab/sveltelab?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Supercharged REPL for Svelte (think StackBlitz specialized for Svelte)\u003cbr\u003e\n\n   uses: [Playwright], [vitest], [Iconify], [MarkedJS], [TypeScript], [PNPM], [Pocketbase], [Vercel], [Tailwind]\n\n1. **[Modern Fluid Typography Editor](https://modern-fluid-typography.vercel.app)**\u0026nbsp;\n   [[code](https://github.com/codeAdrian/modern-fluid-typography-editor)]\u0026ensp;\n   \u003ca href=\"https://github.com/codeAdrian/modern-fluid-typography-editor/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/codeAdrian/modern-fluid-typography-editor?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Easily create and fine-tune fluid typography values with Modern CSS \u003ccode\u003eclamp()\u003c/code\u003e.\u003cbr\u003e\n\n   uses: [TypeScript], [PostCSS], [Chart.js], [cssnano]\n\n1. **[neovim craft](https://neovimcraft.com)**\u0026nbsp;\n   [[code](https://github.com/neurosnap/neovimcraft)]\u0026ensp;\n   \u003ca href=\"https://github.com/neurosnap/neovimcraft/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/neurosnap/neovimcraft?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Curated list of neovim plugins.\u003cbr\u003e\n\n   uses: [TypeScript], [Husky]\n\n1. **[Matt Fantinel](https://fantinel.dev)**\u0026nbsp;\n   [[code](https://github.com/matfantinel/matfantinel.github.io)]\u0026ensp;\n   \u003ca href=\"https://github.com/matfantinel/matfantinel.github.io/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/matfantinel/matfantinel.github.io?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Personal website and blog of Matt Fantinel, web developer.\u003cbr\u003e\n\n   uses: [MDsveX], [SCSS], [Iconoir], [Plausible]\n\n1. **[Svelte Intl Precompile](https://svelte-intl-precompile.com/en/docs/configuration)**\u0026nbsp;\n   [[code](https://github.com/cibernox/svelte-intl-precompile)]\u0026ensp;\n   \u003ca href=\"https://github.com/cibernox/svelte-intl-precompile/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/cibernox/svelte-intl-precompile?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   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.\u003cbr\u003e\n\n   uses: [JS-Yaml], [JSON5]\n\n1. **[Svelte MultiSelect](https://janosh.github.io/svelte-multiselect)**\u0026nbsp;\n   [[code](https://github.com/janosh/svelte-multiselect)]\u0026ensp;\n   \u003ca href=\"https://github.com/janosh/svelte-multiselect/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/janosh/svelte-multiselect?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Keyboard-friendly, accessible and highly customizable multi-select component.\u003cbr\u003e\n\n   uses: [Vitest], [Playwright], [Typescript], [PNPM], [pre-commit], [rehype], [jsdom], [GitHub Pages], [mdsvexamples]\n\n1. **[Scientific Diagrams](https://janosh.github.io/diagrams)**\u0026nbsp;\n   [[code](https://github.com/janosh/diagrams)]\u0026ensp;\n   \u003ca href=\"https://github.com/janosh/diagrams/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/janosh/diagrams?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   100+ MIT-licensed scientific diagrams created with CeTZ (Typst) and/or TikZ (LaTeX). Mostly about physics, chemistry, and machine learning.\u003cbr\u003e\n\n   uses: [TypeScript], [svelte-multiselect], [pre-commit], [PNPM], [svelte-enhanced-img]\n\n1. **[VERT](https://vert.sh)**\u0026nbsp;\n   [[code](https://github.com/VERT-sh/VERT)]\u0026ensp;\n   \u003ca href=\"https://github.com/VERT-sh/VERT/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/VERT-sh/VERT?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   A file converter that converts files client-side while being completely ad-free.\u003cbr\u003e\n\n   uses: [TypeScript], [Tailwind], [Coolify], [WASM], [FFmpeg], [libvips], [Plausible]\n\n1. **[SvelteKit on Edge](https://sveltekit-on-the-edge.vercel.app)**\u0026nbsp;\n   [[code](https://github.com/Rich-Harris/sveltekit-on-the-edge)]\u0026ensp;\n   \u003ca href=\"https://github.com/Rich-Harris/sveltekit-on-the-edge/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/Rich-Harris/sveltekit-on-the-edge?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   SvelteKit, running on the edge. In this case, Vercel\u0026#39;s edge network. See \u003ca href=\"https://twitter.com/leeerob/status/1517627769924034565\"\u003ehttps://twitter.com/leeerob/status/1517627769924034565\u003c/a\u003e.\u003cbr\u003e\n\n   uses: [PNPM], [Vercel]\n\n1. **[Significa.co](https://significa.co)**\u0026nbsp;\n   [[code](https://github.com/significa/significa.co)]\u0026ensp;\n   \u003ca href=\"https://github.com/significa/significa.co/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/significa/significa.co?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Product Design and Development agency website, built with Sveltekit.\u003cbr\u003e\n\n   uses: [TypeScript], [Vercel], [Tailwind], [AWS], [Dynamodb], [Notion], [Storyblock], [Matter.js], [Plausible]\n\n1. **[Pixel Art Together](https://pixelart.liveblocks.app)**\u0026nbsp;\n   [[code](https://github.com/liveblocks/pixel-art-together)]\u0026ensp;\n   \u003ca href=\"https://github.com/liveblocks/pixel-art-together/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/liveblocks/pixel-art-together?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   A multiplayer pixel art editor powered by Liveblocks.\u003cbr\u003e\n\n   uses: [TypeScript], [Liveblocks], [Tailwind], [PostCSS], [panzoom]\n\n1. **[SvelteKit Embed](https://sveltekit-embed.vercel.app)**\u0026nbsp;\n   [[code](https://github.com/spences10/sveltekit-embed)]\u0026ensp;\n   \u003ca href=\"https://github.com/spences10/sveltekit-embed/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/spences10/sveltekit-embed?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   SvelteKit embed components for YouTube, Vimeo, Twitter, Spotify, SoundCloud, StackBlitz, CodePen, AnchorFM, Simple Cast and more.\u003cbr\u003e\n\n   uses: [TypeScript], [PNPM], [Vercel], [MDsveX], [Tailwind], [PostCSS], [Husky], [Playwright], [DaisyUI]\n\n1. **[Hexapipes](https://hexapipes.vercel.app)**\u0026nbsp;\n   [[code](https://github.com/gereleth/hexapipes)]\u0026ensp;\n   \u003ca href=\"https://github.com/gereleth/hexapipes/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/gereleth/hexapipes?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Browser game where the goal is to correctly line up pipes placed on hexagonal puzzle pieces.\u003cbr\u003e\n\n   uses: [Vercel]\n\n1. **[svelte-command-palette](https://svelte-command-palette.vercel.app)**\u0026nbsp;\n   [[code](https://github.com/rohitpotato/svelte-command-palette)]\u0026ensp;\n   \u003ca href=\"https://github.com/rohitpotato/svelte-command-palette/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/rohitpotato/svelte-command-palette?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Dead simple command palette with fuzzy search.\u003cbr\u003e\n\n   uses: [TypeScript], [Playwright], [PostCSS], [Tailwind], [Release It], [Vercel]\n\n1. **[sveltekit-mdsvex-blog](https://sveltekit-mdsvex-blog.netlify.app)**\u0026nbsp;\n   [[code](https://github.com/mvasigh/sveltekit-mdsvex-blog)]\u0026ensp;\n   \u003ca href=\"https://github.com/mvasigh/sveltekit-mdsvex-blog/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/mvasigh/sveltekit-mdsvex-blog?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   A minimalist blog template built with SvelteKit and MDsveX.\u003cbr\u003e\n\n   uses: [TypeScript], [MDsveX], [Rehype], [Remark], [PNPM], [Vitest], [Playwright]\n\n1. **[Intl Explorer](https://intl-explorer.com)**\u0026nbsp;\n   [[code](https://github.com/jesperorb/intl-explorer)]\u0026ensp;\n   \u003ca href=\"https://github.com/jesperorb/intl-explorer/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/jesperorb/intl-explorer?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   A tool for experimenting and trying out the ECMAScript Internationalization API.\u003cbr\u003e\n\n   uses: [TypeScript], [PNPM], [Playwright], [Vercel], [svelte-highlight], [Husky], [commitlint]\n\n1. **[Elementari](https://janosh.github.io/elementari)**\u0026nbsp;\n   [[code](https://github.com/janosh/elementari)]\u0026ensp;\n   \u003ca href=\"https://github.com/janosh/elementari/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/janosh/elementari?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Interactive visualizations for materials science: periodic tables, 3d crystal structures (Molecules coming soon), Bohr atoms, nuclei, heatmaps, scatter plots.\u003cbr\u003e\n\n   uses: [TypeScript], [pre-commit], [D3], [svelte-multiselect], [Vitest], [Playwright], [PNPM], [jsdom], [GitHub Pages]\n\n1. **[ASM Editor](https://asm-editor.specy.app)**\u0026nbsp;\n   [[code](https://github.com/Specy/asm-editor)]\u0026ensp;\n   \u003ca href=\"https://github.com/Specy/asm-editor/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/Specy/asm-editor?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   A modern webapp to write, run and learn M68K assembly code.\u003cbr\u003e\n\n   uses: [TypeScript], [Sass], [Monaco], [WASM]\n\n1. **[Auth starter app](https://passlock.dev)**\u0026nbsp;\n   [[code](https://github.com/passlock-dev/passlock/tree/master/packages/create-sveltekit/docs)]\u0026ensp;\n   \u003ca href=\"https://github.com/passlock-dev/passlock/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/passlock-dev/passlock?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   SvelteKit template featuring Passkeys, Social Sign in and more.\u003cbr\u003e\n\n   uses: [passlock], [tailwind], [superforms], [lucia]\n\n1. **[Paper Trader Game](https://paper-trader.davjhan.com)**\u0026nbsp;\n   [[code](https://github.com/davjhan/paper-trader-game)]\u0026ensp;\n   \u003ca href=\"https://github.com/davjhan/paper-trader-game/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/davjhan/paper-trader-game?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   A simple web game where you are given 45 seconds and $100 to make as much money as you can trading a fake stock.\u003cbr\u003e\n\n   uses: [Tailwind], [Netlify], [Chart.js], [Plausible]\n\n1. **[SvelteKit Experiments](https://sveltekit-demo-psi.vercel.app)**\u0026nbsp;\n   [[code](https://github.com/tsukhu/sveltekit-demo)]\u0026ensp;\n   \u003ca href=\"https://github.com/tsukhu/sveltekit-demo/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/tsukhu/sveltekit-demo?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   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.\u003cbr\u003e\n\n   uses: [Tailwind], [Vercel], [GraphQL], [Firebase], [Typescript]\n\n1. **[SK Incognito](https://sk-incognito.vercel.app)**\u0026nbsp;\n   [[code](https://github.com/GrygrFlzr/kit-docs)]\u0026ensp;\n   \u003ca href=\"https://github.com/GrygrFlzr/kit-docs/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/GrygrFlzr/kit-docs?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   The unofficial SvelteKit docs.\u003cbr\u003e\n\n   uses: [MDsveX], [Tailwind], [PNPM]\n\n1. **[markushatvan.com](https://markushatvan.com)**\n\n   Blog posts with code snippets, contact form with Svelte Forms Lib, RSS and sitemap.\u003cbr\u003e\n\n   uses: [Tailwind], [MDsveX], [Svelte Forms Lib]\n\n1. **[Svead](https://svead.pages.dev)**\u0026nbsp;\n   [[code](https://github.com/spences10/svead)]\u0026ensp;\n   \u003ca href=\"https://github.com/spences10/svead/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/spences10/svead?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Svead 🍺, a component that allows you to set head meta information, canonical, title, Twitter and Facebook Open Graph tags, and schema.org data.\u003cbr\u003e\n\n   uses: [TypeScript], [PNPM], [Cloudflare Pages], [MDsveX], [Tailwind], [PostCSS], [DaisyUI]\n\n1. **[The Pudding](https://pudding.cool)**\u0026nbsp;\n   [[code](https://github.com/the-pudding/website)]\u0026ensp;\n   \u003ca href=\"https://github.com/the-pudding/website/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/the-pudding/website?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Digital publication with emphasis on data viz.\u003cbr\u003e\n\n   uses: [D3], [PostCSS], [Lodash], [PNPM]\n\n1. **[macOS-Themed Portfolio](https://macosportfolio.netlify.app)**\u0026nbsp;\n   [[code](https://github.com/ansxuman/macOS-Themed-Portfolio)]\u0026ensp;\n   \u003ca href=\"https://github.com/ansxuman/macOS-Themed-Portfolio/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/ansxuman/macOS-Themed-Portfolio?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   An interactive portfolio website inspired by the macOS interface.\u003cbr\u003e\n\n   uses: [TypeScript], [Tailwind], [PM2], [Cloudflare], [Netlify], [Nginx]\n\n1. **[Guess The Year](https://guess-the-year.davjhan.com)**\u0026nbsp;\n   [[code](https://github.com/davjhan/guess-the-year-game)]\u0026ensp;\n   \u003ca href=\"https://github.com/davjhan/guess-the-year-game/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/davjhan/guess-the-year-game?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   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.\u003cbr\u003e\n\n   uses: [Tailwind], [Netlify]\n\n1. **[Multi-Monitor Calculator](https://multimonitorcalculator.com)**\u0026nbsp;\n   [[code](https://github.com/KevinVandy/multi-monitor_calculator)]\u0026ensp;\n   \u003ca href=\"https://github.com/KevinVandy/multi-monitor_calculator/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/KevinVandy/multi-monitor_calculator?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   A tool for planning your multi-monitor setup.\u003cbr\u003e\n\n   uses: [TypeScript], [SMUI], [Sass]\n\n1. **[barnsworthburning](https://barnsworthburning.net)**\u0026nbsp;\n   [[code](https://github.com/Aias/barnsworthburning)]\u0026ensp;\n   \u003ca href=\"https://github.com/Aias/barnsworthburning/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/Aias/barnsworthburning?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   An experimental commonplace book / digital garden with a richly interconnected set of links, notes, and ideas.\u003cbr\u003e\n\n   uses: [TypeScript], [Airtable], [Radix], [MarkedJS], [Cloudflare Pages]\n\n1. **[puruvj.dev](https://puruvj.dev)**\u0026nbsp;\n   [[code](https://github.com/puruvj/puruvjdev3)]\u0026ensp;\n   \u003ca href=\"https://github.com/puruvj/puruvjdev3/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/puruvj/puruvjdev3?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Puru Vijay\u0026#39;s blog site.\u003cbr\u003e\n\n   uses: [Vercel], [TypeScript], [SCSS], [Cloudinary]\n\n1. **[ConcertMash](https://concertmash.com)**\u0026nbsp;\n   [[code](https://github.com/mcmxcdev/ConcertMash)]\u0026ensp;\n   \u003ca href=\"https://github.com/mcmxcdev/ConcertMash/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/mcmxcdev/ConcertMash?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Easily generate a playlist for your upcoming concerts based on selected artists!\u003cbr\u003e\n\n   uses: [TypeScript], [Tailwind], [Spotify Web API], [Filepond], [PNPM], [Netlify]\n\n1. **[GraphCMS Starter Blog](https://scottspence.com/2021/05/06/graphcms-svelte-starter)**\u0026nbsp;\n   [[code](https://github.com/spences10/sveltekit-starter-blog)]\u0026ensp;\n   \u003ca href=\"https://github.com/spences10/sveltekit-starter-blog/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/spences10/sveltekit-starter-blog?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   This blog starter shows how to use SvelteKit with GraphCMS.\u003cbr\u003e\n\n   uses: [Vercel], [Tailwind], [SCSS], [GraphCMS]\n\n1. **[Svelte Summit Fall 2021](https://sveltesummit.com)**\u0026nbsp;\n   [[code](https://github.com/svelte-society/svelte-summit)]\u0026ensp;\n   \u003ca href=\"https://github.com/svelte-society/svelte-summit/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/svelte-society/svelte-summit?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   The 4th virtual conference about Svelte\u003cbr\u003e\n\n   uses: [Elder.js], [PostCSS], [Cloudflare]\n\n1. **[connorrothschild.com](https://connorrothschild.com)**\u0026nbsp;\n   [[code](https://github.com/connorrothschild/.com)]\u0026ensp;\n   \u003ca href=\"https://github.com/connorrothschild/.com/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/connorrothschild/.com?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Creative, content-based portfolio site of Connor Rothschild.\u003cbr\u003e\n\n   uses: [MDsveX], [GSAP], [Netlify]\n\n1. **[Team Health Check](https://team-health-check-coral.vercel.app)**\u0026nbsp;\n   [[code](https://github.com/codehub-kirans/team-health-check)]\u0026ensp;\n   \u003ca href=\"https://github.com/codehub-kirans/team-health-check/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/codehub-kirans/team-health-check?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   A tool to visualize historical agile scrum team performance based on behavior anchors.\u003cbr\u003e\n\n   uses: [PicoCSS], [Pocketbase], [Vercel]\n\n1. **[digital criticism](https://critique-digitale.ch)**\u0026nbsp;\n   [[code](https://github.com/critique-digitale/critique-digitale.ch)]\u0026ensp;\n   \u003ca href=\"https://github.com/critique-digitale/critique-digitale.ch/stargazers\"\u003e\n   \u003cimg src=\"https://img.shields.io/github/stars/critique-digitale/critique-digitale.ch?logo=github\" alt=\"GitHub stars\" valign=\"middle\"\u003e\n   \u003c/a\u003e\n\n   Scholarly conference in the digital humanities.\u003cbr\u003e\n\n   uses: [MDsveX], [MVP.css], [Cloudflare]\n\n1. **[Flayks](https://flayks.com)**\n\n   Portfolio of Félix Péault, Digital Designer and Art Director. Sanity.io [\u003ca href=\"https://sanity.io/blog/felix-peault-community-interview\"\u003einterview\u003c/a\u003e], [\u003ca href=\"https://sanity.io/projects/flayks-portfolio-2021\"\u003efeature\u003c/a\u003e].\u003cbr\u003e\n\n   uses: [Sanity], [anime.js], [Vercel], [TypeScript], [SCSS], [PostCSS]\n\n1. **[Level Up Tutorials](https://leveluptutorials.com)**\n\n   Video tutorials for web developers and designers.\u003cbr\u003e\n\n   uses: [TypeScript], [Google Tag Manager]\n\n1. **[JSchallenger](https://jschallenger.com)**\n\n   Free Javascript challenges. Learn Javascript online by solving coding exercises.\u003cbr\u003e\n\n   uses: [Tailwind], [DynamoDB], [AWS]\n\n1. **[cybernetic.dev](https://cybernetic.dev)**\n\n   Data-centric UI experiments\u003cbr\u003e\n\n   uses: [Three.js], [Cytoscape.js], [Vercel]\n\n1. **[Houses of World](https://housesof.world)**\n\n   A travel, photography and design project showcasing charismatic houses around the world.\u003cbr\u003e\n\n   uses: [Typescript], [SCSS], [PostCSS], [Motion One], [OGL], [WebGL], [Directus], [Swell Commerce], [Vercel]\n\n[airtable]: https://airtable.com\n[algolia]: https://algolia.com\n[anime.js]: https://animejs.com\n[aws]: https://aws.amazon.com\n[babel]: https://babeljs.io\n[changesets]: https://github.com/changesets/changesets\n[chart.js]: https://chartjs.org\n[cloudflare pages]: https://pages.cloudflare.com\n[cloudflare]: https://cloudflare.com\n[cloudinary]: https://cloudinary.com\n[codemirror]: https://codemirror.net\n[commitlint]: https://github.com/conventional-changelog/commitlint\n[coolify]: https://coolify.io\n[cssnano]: https://cssnano.co\n[cypress]: https://cypress.io\n[cytoscape.js]: https://js.cytoscape.org\n[d3]: https://d3js.org\n[daisyui]: https://daisyui.com\n[directus]: https://directus.io\n[docker]: https://docker.com\n[dynamodb]: https://aws.amazon.com/dynamodb\n[echarts]: https://github.com/apache/echarts\n[elder.js]: https://github.com/Elderjs/elderjs\n[electron]: https://electronjs.org\n[ffmpeg]: https://ffmpeg.org\n[filepond]: https://pqina.nl/filepond\n[firebase]: https://firebase.google.com\n[flamethrower]: https://github.com/fireship-io/flamethrower\n[flutter]: https://flutter.dev\n[github api]: https://docs.github.com/rest\n[github pages]: https://pages.github.com\n[gitpod]: https://gitpod.io\n[google analytics]: https://analytics.google.com\n[google tag manager]: https://tagmanager.google.com\n[graphcms]: https://graphcms.com\n[graphql]: https://graphql.org\n[gsap]: https://greensock.com/gsap\n[highlight.js]: https://highlightjs.org\n[huggingface hub]: https://github.com/huggingface/huggingface_hub\n[huggingface inference]: https://github.com/huggingface/text-generation-inference\n[hugo]: https://gohugo.io\n[husky]: https://github.com/typicode/husky\n[ibm carbon]: https://carbondesignsystem.com\n[iconify]: https://iconify.design\n[iconoir]: https://iconoir.com\n[jest]: https://jestjs.io\n[js-yaml]: https://github.com/nodeca/js-yaml\n[jsdoc]: https://jsdoc.app\n[jsdom]: https://github.com/jsdom/jsdom\n[json5]: https://github.com/json5/json5\n[katex]: https://github.com/KaTeX/KaTeX\n[libvips]: https://libvips.org\n[liveblocks]: https://liveblocks.io\n[lodash]: https://lodash.com\n[lucia]: https://github.com/lucia-auth/lucia\n[mapbox]: https://mapbox.com\n[markedjs]: https://marked.js.org\n[matter.js]: https://brm.io/matter-js\n[mdsvex]: https://github.com/pngwn/MDsveX\n[mdsvexamples]: https://github.com/mattjennings/mdsvexamples\n[mocha]: https://mochajs.org\n[monaco]: https://microsoft.github.io/monaco-editor\n[motion one]: https://motion.dev\n[mvp.css]: https://github.com/andybrewer/mvp\n[nestjs]: https://nestjs.com\n[netlify]: https://netlify.com\n[nginx]: https://nginx.org\n[notion]: https://notion.so\n[octokit]: https://github.com/octokit/octokit.js\n[ogl]: https://github.com/oframe/ogl\n[panzoom]: https://github.com/timmywil/panzoom\n[passlock]: https://github.com/passlock-dev/passkeys\n[picocss]: https://picocss.com\n[plausible]: https://plausible.io\n[playwright]: https://playwright.dev\n[pm2]: https://pm2.io\n[pnpm]: https://pnpm.io\n[pocketbase]: https://pocketbase.io\n[postcss]: https://postcss.org\n[pre-commit]: https://pre-commit.com\n[prism]: https://prismjs.com\n[prisma]: https://prisma.io\n[prosemirror]: https://prosemirror.net\n[python]: https://python.org\n[radix]: https://radix-ui.com\n[rehype]: https://github.com/rehypejs/rehype\n[release it]: https://github.com/release-it/release-it\n[remark]: https://github.com/remarkjs/remark\n[sanitize-html]: https://github.com/apostrophecms/sanitize-html\n[sanity]: https://sanity.io\n[sass]: https://sass-lang.com\n[scss]: https://sass-lang.com/documentation/syntax\n[smui]: https://sveltematerialui.com\n[spotify web api]: https://github.com/JMPerez/spotify-web-api-js\n[storyblock]: https://storyblok.com\n[storybook]: https://storybook.js.org\n[supabase]: https://supabase.com\n[superforms]: https://github.com/ciscoheat/sveltekit-superforms\n[surge.sh]: https://surge.sh\n[svelte forms lib]: https://github.com/tjinauyeung/svelte-forms-lib\n[svelte-enhanced-img]: https://svelte.dev/docs/kit/images#sveltejs-enhanced-img\n[svelte-highlight]: https://github.com/metonym/svelte-highlight\n[svelte-intl-precompile]: https://github.com/cibernox/svelte-intl-precompile\n[svelte-markdown]: https://github.com/pablo-abc/svelte-markdown\n[svelte-multiselect]: https://github.com/janosh/svelte-multiselect\n[svelte-toasts]: https://github.com/mzohaibqc/svelte-toasts\n[sveltekit-i18n]: https://github.com/sveltekit-i18n/lib\n[swell commerce]: https://swell.is\n[tailwind]: https://tailwindcss.com\n[testing library]: https://testing-library.com\n[three.js]: https://threejs.org\n[trpc-sveltekit]: https://github.com/icflorescu/trpc-sveltekit\n[trpc]: https://trpc.io\n[turbo]: https://github.com/vercel/turbo\n[typescript]: https://typescriptlang.org\n[underscore]: https://underscorejs.org\n[unocss]: https://github.com/unocss/unocss\n[uvu]: https://github.com/lukeed/uvu\n[vercel]: https://vercel.com\n[vitest]: https://vitest.dev\n[wasm]: https://webassembly.org\n[webgl]: https://developer.mozilla.org/docs/Web/API/WebGL_API\n[ytdl-core]: https://github.com/fent/node-ytdl-core\n\n## 🎉 Suggestions Welcome\n\nWant to add an open-source project to this list? [PRs welcome](https://github.com/janosh/awesome-sveltekit/edit/main/sites.yml)! This collection is a community effort intended as a learning resource for Svelte devs. Entry requirements:\n\n1. **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.\n1. **novel**: Not just another blog or todo app. Ideally, some application or technology not already covered in this collection.\n1. **popular**: At least 50 stars on GitHub or reasonable expectation to reach that number soon.\n\nThese 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](https://github.com/janosh/awesome-sveltekit/discussions) first.\n\nA good place to discover influential Svelte projects (not necessarily SvelteKit) is [GitHub Trending](https://github.com/trending/svelte?since=monthly). If anything on that list stands out to you but is missing here, please add it!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjanosh%2Fawesome-svelte-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjanosh%2Fawesome-svelte-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjanosh%2Fawesome-svelte-kit/lists"}