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? | reddit.com/r/sveltejs | 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 | dev.to | 2021-10-24

    Starting from the issue, I opened a new workspace in Gitpod by prefixing the GitHub url like so: https://gitpod.io/#https://github.com/gitpod-io/website/issues/1139.

  • SonarQube

    Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.

  • GitHub repo SveltePress

    Documentation for humans.

    Project mention: Help: Wasted my 3 hours with carbon components svelte | reddit.com/r/sveltejs | 2021-12-31

    from: https://carbon-svelte.vercel.app/components/DataTable So headers is an array of objects with two keys (key, value) with string values and rows is an array of objects with a unique id key and string values that match the keys set in headers (eg Headers have a key with the value protocol so rows can set that in the table by setting their protocol key to the value you want). On SveltePress I override some of carbon's styles using a patches.scss file. You can then directly import it. Other than that, if you need more help with carbon components, feel free to take a look on these: Use of data table: https://github.com/GeopJr/SveltePress/blob/main/create-sveltepress-app/ui/src/routes/index.svelte Use of other carbon components: https://github.com/GeopJr/SveltePress/tree/main/src/lib/SveltePress/theme Carbon components source (very readable): https://github.com/carbon-design-system/carbon-components-svelte/blob/master/src/

  • GitHub repo fluent-svelte

    A faithful implementation of Microsoft's Fluent Design System in Svelte.

    Project mention: A faithful implementation of Microsoft's Fluent Design System in Svelte. | reddit.com/r/CKsTechNews | 2022-01-17
  • GitHub repo swyxkit

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

    Project mention: Awesome Svelte Packages Jan 21st 2022 - Weekly Svelte | reddit.com/r/sveltejs | 2022-01-21

    SwyxKit - https://github.com/sw-yx/swyxkit MaxAge Calculator - https://svelte.dev/repl/a779692677d44146b9118e0008cbb4d0?version=3.46.2 Svelte Adapter Deno - https://github.com/pluvial/svelte-adapter-deno gQuery - https://gquery.leveluptutorials.com/#examples Svelte Tiny Virtual List - https://github.com/Skayo/svelte-tiny-virtual-list Svelte Notifications - https://svelte-notifications.netlify.app Level Up Tutorials - https://leveluptutorials.com/pro

  • GitHub repo sveltekit-blog-mdx

    SvelteKit MDX starter blog with MDsveX (Svelte in markdown)

    Project mention: Use Vim Keyboard Shortcuts on your Blog | dev.to | 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 svelte-kit-blog-demo

    A demo of a markdown based blog with SvelteKit, deployed to Github Pages.

    Project mention: Made an emojimix with Svelte! And some issue with the static deployment... | reddit.com/r/sveltejs | 2021-12-04

    However, when trying to deploy the project to github pages. The latest version of sveltekit failed to compile the project when I tried to set `path.assets` and `path.base` in `svelte.config.js` (they are needed for github pages as most projects are hosted on `foo.github.io/bar/`, which is not the root directory). I have to copy the old version of sveltekit from my last project to finish the deployment. It seems that some updates have broke the static deploment...

  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • GitHub repo Beatbump

    Alternative YouTube Music frontend built with Svelte/SvelteKit 🎧

    Project mention: Sveltekit Stacks? | reddit.com/r/sveltejs | 2021-12-12

    I guess a project I’ve been working on counts for #6. Repo & Link.

  • GitHub repo sveltekit-mdsvex-blog

    A minimalistic blog template built with SvelteKit and MDsveX

    Project mention: Sveltekit blog w/MDSVex: [dynamic routing] vs endpoints? | reddit.com/r/sveltejs | 2021-12-30

    However, some projects (the majority) seem to opt for rendering a full list of blog posts using an endpoint to fetch a list of files or modules like in this case for example.

  • GitHub repo programmingtil-svelte

    Project mention: Can I deploy a SvelteKit app that uses endpoints on something like Netlify or Vercel? | reddit.com/r/sveltejs | 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? | reddit.com/r/webdev | 2021-09-09

    Found this a while ago: https://github.com/ClaytonFarr/sveltekit-netlify-stripe-fauna-example

  • GitHub repo sveltekit-prisma

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

    Project mention: SQLite3 in vite config issue | reddit.com/r/sveltejs | 2021-12-08

    I may recommend checking prisma, it's nice piece of tech, easier to use than raw sqlite3 and probably works without much hassle. Might wanna check this sample too https://github.com/mikenikles/sveltekit-prisma

  • 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! | reddit.com/r/tmobileisp | 2021-08-29

    Link for anyone interested: https://github.com/kclejeune/TMobile-ISP-Client

  • 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 | news.ycombinator.com | 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: https://github.com/davjhan/guess-the-year-game

    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 Schema.org Markup to your SvelteKit Site | dev.to | 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 sveltekit-seo.rodneylab.com/. We will focus on the SchemaOrg component which is in the file src/lib/components/SEO/SchemaOrg.svelte.

  • GitHub repo urara

    🌸 Sweet & Powerful SvelteKit Blog Template.

    Project mention: Urara - SvelteKit Blog Template { self-promotion, repository } | reddit.com/r/sveltejs | 2022-01-07

    Repo => https://github.com/importantimport/urara Demo => https://urara-demo.netlify.app

  • 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 | dev.to | 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 | dev.to | 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 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 | dev.to | 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 blog

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

    Project mention: I made my own blog using SvelteKit | reddit.com/r/sveltejs | 2021-06-20

    Github repo: https://github.com/pawelblaszczyk5/blog

  • 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 | dev.to | 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 learnbuildteach.com

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

    Learnbuildteach.com

  • GitHub repo reego.dev

    My personal blog.

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

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

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 2022-01-21.

Svelte sveltekit related posts

Index

What are some of the best open-source sveltekit projects in Svelte? This list will help you:

Project Stars
1 sveltekit-starter 279
2 website 183
3 SveltePress 172
4 fluent-svelte 118
5 swyxkit 99
6 sveltekit-blog-mdx 91
7 svelte-kit-blog-demo 87
8 Beatbump 66
9 sveltekit-mdsvex-blog 62
10 programmingtil-svelte 53
11 sveltekit-netlify-stripe-fauna-example 41
12 sveltekit-prisma 27
13 TMobile-ISP-Client 23
14 guess-the-year-game 22
15 sveltekit-seo 18
16 urara 17
17 svelte-tutorial 10
18 sveltekit-graphcms-starter-blog 7
19 sveltekit-image-plugin 7
20 blog 6
21 sveltekit-graphql-github 6
22 learnbuildteach.com 6
23 reego.dev 5
Find remote jobs at our new job board 99remotejobs.com. There are 29 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
scoutapm.com