Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →
Top 23 Svelte Open-Source Projects
-
storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
react-table
🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
-
NativeScript
⚡ Empowering JavaScript with native platform APIs. ✨ Best of all worlds (TypeScript, Swift, Objective C, Kotlin, Java). Use what you love ❤️ Angular, Capacitor, Ionic, React, Solid, Svelte, Vue with: iOS (UIKit, SwiftUI), Android (View, Jetpack Compose), Dart (Flutter) and you name it compatible.
-
-
xyflow
React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
-
tabler-icons
A set of over 5200 free MIT-licensed high-quality SVG icons for you to use in your web projects.
-
-
-
mitosis
Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.
-
-
router
🤖 Fully typesafe Router for React (and friends) w/ built-in caching, 1st class search-param APIs, client-side cache integration and isomorphic rendering.
-
tsParticles
tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
-
-
serge
A web interface for chatting with Alpaca through llama.cpp. Fully dockerized, with an easy to use API.
-
-
-
pokemon-cards-css
A collection of advanced CSS styles to create realistic-looking effects for the faces of Pokemon cards.
-
splide
Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
But here’s some good news: there’s already a solution in the JavaScript world called Storybook!
Project mention: Photobox – Free Open Source Google Photos Clone | news.ycombinator.com | 2024-05-16https://immich.app/ has built in auto-detection and tagging.
I am surprised by the over-engineered comment. Object auto-detection is kind of an advanced feature and I would expect a lot of extra infra required for it. Immich hides it because they just publish docker containers for you but I imagine it would feel more complex if you were to look at the internals.
Project mention: HTML-first, framework-agnostic implementation of shadcn/UI – franken/UI | news.ycombinator.com | 2024-04-22DaisyUI offers zero-JS components
https://daisyui.com/
I used it for a small form + search result list recently and it works well enough for simple / static stuff.
But I think I'll still be reaching for a JS lib first since I'd miss things like inputs-with-autocomplete too much.
Project mention: Svelte Native: The Svelte Mobile Development Experience | news.ycombinator.com | 2024-01-29This is not so much the Svelte equivalent of React Native as it is just NativeScript (https://nativescript.org).
Project mention: SGSG (Svelte + Go + SQLite + gRPC) - open source application | /r/sveltejs | 2023-12-06This is basically the same tech stack of an app I’ve been planning to build, but deployed as a desktop application using Wails: https://github.com/wailsapp/wails
Project mention: Svelte Flow – a library for rendering interactive node-based UIs | dev.to | 2023-11-06We are the xyflow team*, the creators of React Flow and Svelte Flow. We've been maintaining the React Flow library and its ecosystem since 2019. Earlier this year we were inspired by the Svelte community, and created a prototype of what our tool could look like if it was built in Svelte. This lead to us abstracting the core of React Flow to vanilla js and porting the library to Svelte, improving the performance of both libraries along the way.
Project mention: Ask HN: What is the best stack for a single dev? | news.ycombinator.com | 2024-05-16I've pumped out many web apps using Svelte(Kit). I find it very good for rapid prototyping and exploratory programming. For example, I wrote a beat-aware video player in an afternoon or two.
Even if you are a single dev, you will probably find yourself interacting with other members of the community. (Maybe more so for a single dev?) I find the Svelte community quite responsive and helpful.
SvelteKit can handle both client and server parts. It streamlines a lot of the stuff most web apps need like routing. However, it doesn't include some other common stuff like auth and persistence to a database.
https://kit.svelte.dev/
Project mention: Making a free, fully-featured, infinitely scalable IaaS with predictable pricing | dev.to | 2024-05-13Solutions like pocketbase and coolify come close to solving these problems. However, I wouldn't choose either as I fear architecture lock-in as much as vendor lock-in. Especially in the case of pocketbase, I may be forced to rewrite my application if it were to scale overnight.
Project mention: What is JSDoc and why you may not need typescript for your next project? | dev.to | 2024-01-22Besides the features TypeScript itself proposed, the most important thing it brought to the community was the ability to create cool features around this compiler that enhance the developer experience and productivity. Tools like tsserver, pretty ts errors, and many others are actively improving the ecosystem for both JavaScript and TypeScript writers.
Builder.io Mitosis -
Project mention: Building a Retrieval-Augmented Generation Chatbot with SvelteKit and Xata Vector Search | dev.to | 2024-05-15import { experimental_buildLlama2Prompt } from 'ai/prompts'; // Now use Replicate LLAMA 70B streaming to perform the autocompletion with context const response = await replicate.predictions.create({ // You must enable streaming. stream: true, // The model must support streaming. See https://replicate.com/docs/streaming model: 'meta/llama-2-70b-chat', // Format the message list into the format expected by Llama 2 // @see https://github.com/vercel/ai/blob/99cf16edf0a09405d15d3867f997c96a8da869c6/packages/core/prompts/huggingface.ts#L53C1-L78C2 input: { prompt: experimental_buildLlama2Prompt([ { // create a system content message to be added as // the llama2prompt generator will supply it as the context with the API role: 'system', content: systemContext }, { // create a system instruction // make sure to wrap code blocks with ``` {% endraw %} so that the svelte markdown picks it up correctly role: 'assistant', content: {% raw %}`When creating repsonses sure to wrap any code blocks that you output as code blocks and not text so that they can be rendered beautifully.`{% endraw %} }, // also, pass the whole conversation! ...messages ]) } }); {% raw %}
Project mention: React Router has merged with Remix, should you use a different router? | dev.to | 2024-05-16The TanStack/router is a React router written in TypeScript so it's typesafe and it includes built-in caching. It is lightweight (12 KB) and has a lot of functionality. It goes beyond what wouter provides and has overlaps with features that React Router provides such as nested routes, file-based route generation, and automatic route prefetching. They provide a migration guide from React Router to TanStack/router that you can follow.
Project mention: Show HN: TsParticles, a JavaScript particles, confetti, fireworks, etc. library | news.ycombinator.com | 2024-05-13
Project mention: Show HN: I made an app to use local AI as daily driver | news.ycombinator.com | 2024-02-27
https://www.embla-carousel.com is a pretty good one.
Project mention: SplideJS – The lightweight, flexible and accessible slider/carousel | news.ycombinator.com | 2023-08-18
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).
Svelte related posts
-
Ask HN: What is the best stack for a single dev?
-
Svelte and SvelteKit Explained
-
10+ UI Libraries for Svelte to Try in 2024
-
Securing SvelteKit Apps with Keycloak
-
Show HN: 3D Framework for the Web. Built on Svelte and Three.js
-
Show HN: I made a programmable computer from NAND gates
-
Show HN: Edge-CSRF – CSRF Protection on the Edge (Next.js, SvelteKit)
-
A note from our sponsor - InfluxDB
www.influxdata.com | 17 May 2024
Index
What are some of the best open-source Svelte projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | storybook | 82,997 |
| 2 | immich | 32,855 |
| 3 | daisyui | 31,047 |
| 4 | react-table | 24,223 |
| 5 | NativeScript | 23,716 |
| 6 | Wails | 22,441 |
| 7 | xyflow | 21,405 |
| 8 | SvelteKit | 17,809 |
| 9 | tabler-icons | 17,337 |
| 10 | coolify | 16,289 |
| 11 | codesandbox-client | 12,906 |
| 12 | pretty-ts-errors | 12,251 |
| 13 | mitosis | 10,984 |
| 14 | ai | 7,947 |
| 15 | router | 7,151 |
| 16 | tsParticles | 7,116 |
| 17 | windicss | 6,507 |
| 18 | serge | 5,563 |
| 19 | bud | 5,505 |
| 20 | virtual | 5,107 |
| 21 | Embla Carousel | 5,119 |
| 22 | pokemon-cards-css | 4,929 |
| 23 | splide | 4,666 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com