JavaScript Svelte

Open-source JavaScript projects categorized as Svelte

Top 23 JavaScript Svelte Projects

  • SvelteKit

    web development, streamlined (by sveltejs)

    Project mention: The Future (and the Past) of the Web Is Server Side Rendering | news.ycombinator.com | 2023-02-03

    Shoutout to Sveltekit which does SSR and client-side navigation by default! https://kit.svelte.dev/

  • codesandbox-client

    An online IDE for rapid web development

    Project mention: How to do cloud based development for Springboot similar to codesandbox | reddit.com/r/SpringBoot | 2023-02-01

    just like https://codesandbox.io/

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • konsta

    Mobile UI components made with Tailwind CSS

    Project mention: When would you NOT use Nuxt 3? | reddit.com/r/Nuxt | 2023-01-28

    Konsta UI + Capacitor.JS + some native code for operating the printer. You can see the result here.

  • paimon-moe

    Your best Genshin Impact companion! Help you plan what to farm with ascension calculator and database. Also track your progress with todo and wish counter.

    Project mention: Little tool I made to track pulls and generate some stats | reddit.com/r/arknights | 2023-02-04

    And maybe, sometime way later, a "real" web tool for that (something like paimon.moe for Genshin Impact).

  • svelte-adders

    Easily add integrations and other functionality to Svelte apps

    Project mention: How to integrate TailwindCSS with SvelteKit | dev.to | 2023-01-16

    For this tutorial, I’ll show you how to use a utility package named svelte-add to handle the integrations.

  • svelte-select

    A select component for Svelte apps

    Project mention: Integrating PicoCSS into external components? | reddit.com/r/sveltejs | 2023-02-02

    I am currently styling my website using picocss and need a select-component and this one is exactly what I was looking for. Problem simply is, that it currently looks out of place as the styling from picocss doesn't seem to apply anything to that component. Does anybody by any chance know an easy trick to apply those styles to that component or maybe some alternative approaches?

  • firebase-gcp-examples

    🔥 Firebase app architectures, languages, tools & some GCP things! React w Next.js, Svelte w Sapper, Cloud Functions, Cloud Run.

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

  • blockly-samples

    Plugins, codelabs, and examples related to the Blockly library.

    Project mention: My Google Summer of Code 2022 – Google Blockly Workspace MultiSelect Plugin | dev.to | 2022-08-13

    This feature request has remained open on GitHub Issues for six years. However, it was still in the discussion phase and far from the beginning of Implementation before my project began.

  • tailwindcss

    Add Tailwind CSS to your Svelte project (by svelte-add)

    Project mention: Discrepancies between Tailwind Playground and Tailwind in Svelte | reddit.com/r/sveltejs | 2022-11-15

    I install Tailwind in Svelte using svelte-adder. But, when typing the same code in App.svelte (using svelte-adder, I get this.

  • fastify-vite

    This plugin lets you load a Vite client application and set it up for Server-Side Rendering (SSR) with Fastify.

    Project mention: Fastify DX and SolidJS in the Real World | dev.to | 2022-07-20

    SolidJS ranked #1 in the 2021 "State of JS Front-End Frameworks", so we wanted to see what the fuzz is about and give it a proper chance with a side project. We started with a simple Single Page Application (SPA) and a few components but wanted to add data with GraphQL. For GraphQL we needed some sort of authentication, to identify users. This quickly turned more complex day by day. The biggest pitfalls and challenges were understanding Reactivity in SolidJS and the use of context providers. Last but not least, we wanted to add some server-side rendering capabilities, which lead to a three week rabbit hole of reading SolidJS code, Fastify Vite and lots of trial and error. Fortunately, Jonas Galvez was already working on Fastify DX a new full stack framework based on Fastify and Vite, where he added support for SolidJS as well. A nice side effect was that we not only have server-side rendering, but also async rendering, streaming web components/html streaming1 available, which is pretty awesome. As most of this is new and a lot of those technologies are barely documented past "Hello World" or "Todo List", we decided to extract the most important/difficult parts of our project into this "Real World Application with SolidJS and Fastify DX".

  • primo

    Primo is a component-based CMS that makes it easy to build visually-editable static sites ⚡️

    Project mention: Just got asked by one of my neighbor to create them a website, after they got to know I am a web developer. I want to, but I am not sure how to. | reddit.com/r/webdev | 2022-12-26

    Check out https://primo.so as a way to build static sites for free using HTML & CSS

  • svelte-notifications

    Simple and flexible notifications system

    Project mention: Setting up Sass, Bootstrap, Icons & Notifications in SvelteKit | dev.to | 2022-12-04

    Notifications in the style of macOS or Windows have also become a thing in modern web applications. The library Svelte notifications makes this super easy:

  • LiveTL

    Get live translations for YouTube streams, crowdsourced from multilingual viewers!

    Project mention: An Unofficial Guide to hololive Sports Festival 2022 | reddit.com/r/Hololive | 2022-11-05

    First, you'll want to install the LiveTL extension to your browser of choice. This extension helps capture and display community translations that appear in YouTube and Twitch's live chats.

  • svelte-router

    Svelte Router adds routing to your Svelte apps. It's designed for Single Page Applications (SPA). Includes localisation, guards and nested layouts.

    Project mention: Question about Svelte Components | reddit.com/r/sveltejs | 2022-12-30

    You’re probably looking for routing. SvelteKit has this built-in, but you could try adding Routify or Svelte Router SPA to your app to do this if you don’t want to switch to SvelteKit.

  • react-hooks-in-svelte

    React hook examples ported to Svelte

  • svelte-navigator

    Simple, accessible routing for Svelte

    Project mention: Click on a tag reloads Page | reddit.com/r/sveltejs | 2022-10-09

    I went to the svelte-navigator github repo and they say that they support SSR. Now, if you use only ssr and not csr, that will reload the page on every navigation.That is because in ssr your front-end asks for entire page from server and doesn't just update components in front-end. For instance here they provide an example with ssr: https://github.com/mefechoel/svelte-navigator/tree/main/example/ssr

  • slinkity

    To eleventy and beyond! The all-in-one tool for templates where you want them, component frameworks where you need them 🚀

  • svelte-component-template

    A highly-opinionated base for building shareable Svelte 3 components

  • svemix

    The Full-Stack addition to SvelteKit. Write your server code inside svelte files, handle sessions, forms and SEO easily.

    Project mention: Is there a Remix like alternative for Vue.js ? | reddit.com/r/Frontend | 2022-03-22

    There's one for Svelte(Kit) called Svemix. Looks pretty good. Might be closer to the syntax you're used to from Vue.

  • svelte-portal

    Svelte component for rendering outside the DOM of parent component

    Project mention: Svelte equivalent of h function in Vue | reddit.com/r/sveltejs | 2022-06-12

    Would svelte-portal and work?

  • svelte-tiny-virtual-list

    A tiny but mighty list virtualization library for Svelte, with zero dependencies 💪 Supports variable heights/widths, sticky items, scrolling to index, and more!

    Project mention: Svelte Starter Kit - Helpful Learning Resources & Packages | dev.to | 2022-03-12

    svelte-tiny-virtual-list: A tiny but mighty list virtualization library, with zero dependencies 💪

  • aws-mlu-explain

    Visual, Interactive Articles About Machine Learning: https://mlu-explain.github.io/

  • svelte-adapter-bun

    A SvelteKit adapter for Bun

    Project mention: Bun | reddit.com/r/sveltejs | 2022-07-14
  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

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 2023-02-04.

JavaScript Svelte related posts

Index

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

Project Stars
1 SvelteKit 13,249
2 codesandbox-client 12,170
3 konsta 1,548
4 paimon-moe 1,031
5 svelte-adders 1,019
6 svelte-select 893
7 firebase-gcp-examples 631
8 blockly-samples 592
9 tailwindcss 580
10 fastify-vite 566
11 primo 544
12 svelte-notifications 528
13 LiveTL 479
14 svelte-router 454
15 react-hooks-in-svelte 431
16 svelte-navigator 426
17 slinkity 414
18 svelte-component-template 342
19 svemix 332
20 svelte-portal 297
21 svelte-tiny-virtual-list 274
22 aws-mlu-explain 261
23 svelte-adapter-bun 258
Build time-series-based applications quickly and at scale.
InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.
www.influxdata.com