Top 23 Svelte Sveltej Projects
-
Project mention: My Evaluation of SvelteKit for Full-Stack Web App Development | news.ycombinator.com | 2022-01-05
That's one of the issues with Svelte. It's a newcomer so the ecosystem is minuscule.
Personally I'm happy using Bulma with Svelte. I find most UI libraries tend to add too much bloat so I'd rather have something that only adds configurable CSS and just add as much JS as I need/want.
I used Vue+Vuetify some years ago. I wasn't very happy with it, but I agree Svelte needs something similar.
There are a couple of projects out there that add Svelte components for Bootstrap, Material, or IBM Carbon you could check.
https://github.com/bestguy/sveltestrap
https://github.com/carbon-design-system/carbon-components-sv...
There are also a couple of projects about headless (no CSS) components for Svelte although I only seem to be able to find this one (not public yet)
-
evidence
Evidence enables analysts to deliver a polished business intelligence system using SQL and markdown
Project mention: What's the best free website to showcase your Business Intelligence and data Visualization work as a portfolio? | reddit.com/r/BusinessIntelligence | 2021-12-05Evidence (https://evidence.dev) might be a good fit for you - you write your analysis in markdown files and Evidence builds a web app for you. You can host it on Netlify publicly for free, and can share the link with whoever you’d like.
-
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.
-
Project mention: Learning tailwind, isn't writing css styling alongside your html bad practice? Shouldn't it stay separate? | reddit.com/r/webdev | 2022-01-13
For example, have a look at this button. It's a button for a Material design Svelte library. The styling is in a Sass (SCSS) file. The structure and any logic/script is in the .svelte file.
-
This looks similar to how I believe Nomie logs data behind the scenes. But it looks for keywords on the line and transforms them into data e.g. "Today I #walked(4)" gets coded in JSON as { walked: 4}.
-
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-03I had this on my starred repos, I hope you find it useful!
-
Project mention: A faithful implementation of Microsoft's Fluent Design System in Svelte. | reddit.com/r/CKsTechNews | 2022-01-17
-
Project mention: A template for Svelte, Typescript, Tailwind, and Vite | reddit.com/r/sveltejs | 2021-03-24
Not too long ago I posted a template similar to this but using Snowpack instead of Vite. Since SvelteKit switched to Vite I decided to try that out as well. This was a bit easier to set up since Vite comes with a Svelte/Typescript template already. Anyways, I hope people find this helpful. It has Jest configured for testing as well.
-
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.
-
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?
-
-
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.
-
Project mention: Can I deploy a SvelteKit app that uses endpoints on something like Netlify or Vercel? | reddit.com/r/sveltejs | 2021-08-07
-
Project mention: An Open Source Firebase Alternative for your Svelte projects | reddit.com/r/sveltejs | 2021-07-09
-
Project mention: Svelte is so easy to work with. Here is my first package: svelte-steps | reddit.com/r/sveltejs | 2021-08-22
-
Project mention: CASA – Outsource service administration per Container | reddit.com/r/sysadmin | 2022-01-08
-
Project mention: I made a website where you guess the game from the Steam review! | reddit.com/r/Steam | 2021-07-20
ty for the report, this happens with overcooked 2 and skyrim and propagates to further rounds, i've been tearing my hair out trying to understand why. opened a gh issue
-
-
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
-
sveltekit-package-template
A barebones project that provides the essentials for writing highly-optimized, reusable packages in Svelte.
Project mention: Should you compile components before publishing them? | reddit.com/r/sveltejs | 2022-01-13Anyways, I also made a component template that utilizes SvelteKit packaging if you're interested. https://github.com/tropix126/sveltekit-package-template
-
Docs | NPM | GitHub Repo
-
esri-svelte-example
An example Svelte application that shows how to use esri-loader to load a map with the ArcGIS API for JavaScript
Copy contents of App.svelte in this repository into your App.svelte.
-
Created a ripple effect button as a Svelte component
-
Project mention: Here is my experiment with Svelte and 3D CSS. It was super fun! (X-post from /r/javascript) | reddit.com/r/sveltejs | 2021-04-17
-
descent-ripple
A highly javascript ripple animation for buttons. Made with Svelte, but easily usable with other frameworks.
github.com/micha-lmxt/descent-ripple
Svelte Sveltejs related posts
- Learning tailwind, isn't writing css styling alongside your html bad practice? Shouldn't it stay separate?
- Anyone have complete documentation on creating an npm package with SvelteKit?
- CASA – Outsource service administration per Container
- CASA – Outsource service administration per Container
- CASA – Outsource service administration per Container
- Show HN: CASA – Outsource service administration per Container
- Svelte UI Kit
Index
What are some of the best open-source Sveltej projects in Svelte? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | svelte-material-ui | 2,164 |
| 2 | evidence | 603 |
| 3 | svelte-materialify | 559 |
| 4 | nomie5 | 504 |
| 5 | sveltekit-starter | 279 |
| 6 | fluent-svelte | 118 |
| 7 | stts | 94 |
| 8 | sveltekit-blog-mdx | 91 |
| 9 | svelte-file-dropzone | 88 |
| 10 | sveltekit-mdsvex-blog | 62 |
| 11 | programmingtil-svelte | 53 |
| 12 | sdk-for-svelte | 51 |
| 13 | svelte-steps | 39 |
| 14 | casa | 38 |
| 15 | its-ok-i-guess | 37 |
| 16 | javascript-quiz | 21 |
| 17 | urara | 17 |
| 18 | sveltekit-package-template | 16 |
| 19 | svelte-flatlist | 9 |
| 20 | esri-svelte-example | 9 |
| 21 | golpo-svelte | 8 |
| 22 | svelte-3d-cube-generator | 6 |
| 23 | descent-ripple | 5 |
Are you hiring? Post a new remote job listing for free.
