Svelte sveltekit

Open-source Svelte projects categorized as sveltekit | Edit details

Top 23 Svelte sveltekit Projects

  • GitHub repo sveltekit-starter

    Sveltekit starter project created with sveltekit, typescript, tailwindcss, postcss, husky, and storybook. The project has the structure set up for the scaleable web application.

    Project mention: Svelte/Vite integration with Storybook/Tailwind? | | 2021-10-03

    I had this on my starred repos, I hope you find it useful!

  • GitHub repo website

    Gitpod website and documentation (by gitpod-io)

    Project mention: Using Gitpod to create a PR | | 2021-10-24

    Starting from the issue, I opened a new workspace in Gitpod by prefixing the GitHub url like so:

  • Scout APM

    Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

  • GitHub repo SveltePress

    Documentation for humans.

    Project mention: SvelteKit: Preprocessing Images? | | 2021-11-13

    Hi, I'm the author of SveltePress and got into a similar situation while working on the GUIs.

  • GitHub repo sveltekit-blog-mdx

    SvelteKit MDX starter blog with MDsveX (Svelte in markdown)

    Project mention: Use Vim Keyboard Shortcuts on your Blog | | 2021-10-18

    In this post we see how you can modify a Svelte blog site to respond to some Vim keyboard shortcuts. We'll clone the SvelteKit Blog MDsveX Starter to get things going quicker. Then we will create a new component for responding to keyboard shortcuts and add that to the existing blog post template. If you are not yet familiar with SvelteKit, you can still follow along. If you don't like Svelte then the code can also be adapted for use on React or plain HTML/JavaScript sites. Why don't we press on?

  • GitHub repo Beatbump

    Alternative YouTube Music frontend built with Svelte/SvelteKit 🎧

    Project mention: Load data from an API on localhost - then deliver from SvelteKit server to client | | 2021-09-20

    For Endpoints, I'd recommend checking out this example for a good idea on how they're used. If you're gonna be transforming the external API data, you can do it in the Endpoint. Speed really hasn't been a concern for me, even deployed on Cloudflare Workers. Here's one of my endpoints, for an example of how I use and abuse endpoints lmfaoo.

  • GitHub repo programmingtil-svelte

    Project mention: Can I deploy a SvelteKit app that uses endpoints on something like Netlify or Vercel? | | 2021-08-07
  • GitHub repo sveltekit-netlify-stripe-fauna-example

    SaaS boilerplate example with SvelteKit + Tailwind + Netlify Identity (GoTrue) + Stripe + Fauna.

    Project mention: What's the quickest way to set up a website that sell subscription-based products? | | 2021-09-09

    Found this a while ago:

  • Nanos

    Run Linux Software Faster and Safer than Linux with Unikernels.

  • GitHub repo TMobile-ISP-Client

    mobile friendly, self hosted status dashboard for T-Mobile ISP routers

    Project mention: Got sick of the trashcan web client so I built my own! | | 2021-08-29

    Link for anyone interested:

  • GitHub repo sveltekit-prisma

    A sample repository to show how SvelteKit and Prisma work together.

    Project mention: SvelteKit & Prisma - A match made in digital heaven | | 2021-08-02

    With a few modifications to a default SvelteKit demo app, we managed to configure Prisma to persist todo items. There is of course a lot more you can do with Prisma, and with SvelteKit for that matter. The source code at should get you a long way towards your own web app.

  • GitHub repo guess-the-year-game

    A simple browser mini-game where you guess the year that the following event happened.

    Project mention: Show HN: A small browser game where you have to guess the year things happened | | 2021-05-28

    - What year did Calvin Coolidge become president of the United States?

    Hope you have fun with it. My personal high score is 10, but one of my friends managed to get 24.

    Here's the github repo:

    I used

    - Sveltekit (beta)

  • GitHub repo sveltekit-seo

    Demo site for SvelteKit SEO showing how to set up meta tags in a SvelteKit blog site.

    Project mention: Adding Markup to your SvelteKit Site | | 2021-08-06

    There is a little data which feeds into the SchemaOrg component. The mechanism is similar to the one we used for the Twitter and OpenGraph components though. As there is a bit to get through here, we won't go into details on how to plumb the data in. That should stop the post getting too long! You can see the full code on the Rodney Lab GitHub repo which is a complete and tested version. The demo site is up at We will focus on the SchemaOrg component which is in the file src/lib/components/SEO/SchemaOrg.svelte.

  • GitHub repo svelte-tutorial

    This repo is the final product of the above tutorial. It is a two-page website using Svelte and Sveltekit with content managed in Prismic. (by samlfair)

    Project mention: Correctly prerender SvelteKit dynamic pages with Prismic as the CMS | | 2021-04-07

    When testing SvelteKit out (I had read about it on Sapper docs somewhere 🤷‍♂️) but then there was the beta release so I tried it out and also read the Prismic blog post on setting it up and it worked a lot better, the experience was similar to Next and the result was a really really fast build. (Like stupid quick compared to other things)

  • GitHub repo sveltekit-graphcms-starter-blog

    SvelteKit starter blog with GraphCMS

    Project mention: SvelteKit Starter Blog with GraphCMS | | 2021-06-02

    If you prefer to just have the starter files you can get the repo here and if you only want to have a template to get started with then check out the Deploy button on the GitHub repo.

  • GitHub repo blog

    My personal blog and the first site made by me using SvelteKit (by pawelblaszczyk5)

    Project mention: I made my own blog using SvelteKit | | 2021-06-20

    Github repo:

  • GitHub repo

    Project mention: My experience of Hacktoberfest 2021 | | 2021-10-24

  • GitHub repo

    My personal blog.

    Project mention: Using Github discussions as your blog engine | | 2021-11-06

    If you are interested in digging deeper into other functionalities you can browse the source code of my blog here

  • GitHub repo blog

    My writing (by jokull)

    Project mention: Built to Last – RSS, HTTP (2015) | | 2021-09-08
  • GitHub repo sveltekit-graphql-github

    Use Apollo Client with SvelteKit to Query a GraphQL API: we use the GitHub API to query our repos and learn a bit of SvelteKit along the way.

    Project mention: SvelteKit Hosting: Free Static Site with Render | | 2021-08-11

    If you don't yet have a site ready to push, but want to try our Render, just use the demo site repo from the Apollo Client Sveltekit Tutorial. You will just need to generate your own GitHub API token. There are instructions in the GraphQL Github post.

  • GitHub repo sveltekit-auth0

    Sveltekit auth0 based on auth0-blog/svelte-auth0

    Project mention: Sveltekit Auth0 | | 2021-10-27

    I would be really grateful if you could tell me if there is any guide with more information about the "normal" implementation you are referring to, I found this But I don't know if you mean the "Regular Web Applications" flow on Auth0, I apologize that I am really a bit lost and since there is no SDK, I think I had a short circuit.

  • GitHub repo sveltekit-image-plugin

    SvelteKit demo code for using vite-imagetools to add cached, responsive, Next-Gen images to a SvelteKit site with no cumulative layout shift.

    Project mention: SvelteKit Image Plugin: Next-Gen Images in Svelte | | 2021-09-08

    You can see the full code for this tutorial on the Rodney Lab GitHub page. There is also a demo site.

  • GitHub repo sveltekit-instagram-infinite-scroll

    SvelteKit infinite scroll: see how you can use Svelte stores and a reactive function to implement an infinite scrolling Instagram feed.

    Project mention: SvelteKit Infinite Scroll: Instagram API Tutorial | | 2021-10-25

    As always get in touch with feedback if I have missed a trick somewhere! You can see the full code for this SvelteKit Instagram Infinite Scroll tutorial on the Rodney Lab Git Hub repo.

  • GitHub repo sveltekit-page-transitions

    Bare-minimum implementation of animated page transitions in SvelteKit.

    Project mention: Simple Page Transitions with SvelteKit | | 2021-05-14

    The code:

  • GitHub repo sveltekit-hcaptcha-form

    SvelteKit hCaptcha contact form: see how you can scare bots away from your Svelte site using a privacy focussed captcha service.

    Project mention: HCaptcha callback function not defined? | | 2021-11-30

    Still, you can borrow the code and wrap the 'window' dependent portions inside of onMount() or 'if browser' blocks. Or, just hit Google again with hcaptcha sveltekit.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2021-11-30.

Svelte sveltekit related posts


Find remote jobs at our new job board There are 33 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives