Top 23 Svelte Svelte 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)
-
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)
-
Scout APM
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.
-
Installer
A simple standalone program which automates the installation, removal and maintenance of BetterDiscord.
So you wanted to sell game accounts i would request you to be very careful i recently got scammed. So how to be "careful" while doing trading/buying/selling so before taking on the deal stalk the reddit/discord account that the buyer/seller has stalking a reddit account is easy but for discord you might need something called better discord (Download here) so now you stalked their reddit account the main thing to check here is the age of the account how active the account has been for discord after you got better discord get a few plugins (account age and the server info plugins will help) so now you know how ripe the account is and how active the account is just don't buy/sell yet let them process some amount of payment or if they are selling you jut make them give out information before they process their payment.
-
Smelte
-
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)
-
github.com/vaheqelyan/svelte-grid
-
Project mention: looking for an OBS alternative with webui self hosted | reddit.com/r/selfhosted | 2021-10-17
-
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.
-
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.
-
svelte-commerce
Svelte ecommerce - Headless, Authentication, Cart & Checkout, TailwindCSS, Server Rendered, Proxy + API Integrated, Animations, Stores, Lazy Loading, Loading Indicators, Carousel, Instant Search, Faceted Filters, Typescript, Open Source, MIT license. 1 command deploy to your own server, 1 click deploy to netlify.
Project mention: Created whole ecommerce storefront using Sveltekit | reddit.com/r/sveltejs | 2021-07-27 -
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}.
-
Project mention: Can anyone recommend a good Svelte UI framework? | reddit.com/r/sveltejs | 2021-05-21
Check out the highly customizable https://github.com/illright/attractions, maintained by me and my friend. We always welcome contributions and suggestions.
-
Project mention: На этой интерактивной карте можно отследить весь путь воды — от капли дождя до океана 💧 Например, осадки, выпавшие в Москве, попадают потом в Каспийское море. Ссылка в комментариях | reddit.com/r/NoLawRus | 2022-01-19
Ссылка: https://river-runner-global.samlearner.com/
-
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: Pluggable 3rd party components (of which my App knows nothing about, except for registration handshake) | reddit.com/r/sveltejs | 2022-01-04
Try this https://github.com/kaisermann/svelte-loadable
-
Project mention: What’s the easiest way to make a modal that I can use across my app? | reddit.com/r/sveltejs | 2021-12-02
This library I used in a project works perfectly, you can try it out
-
This library is packed with a set of reusable Svelte UI components (50+) for solving specific UI problems. Adopting the library allows you to benefit from consistent markup, styles, and behavior in Svelte projects. Carbon Components Svelte also makes use of the sveld library for automatically generating TypeScript definitions and API metadata.
-
Project mention: signin-with-matrix: Federated sign-in component for your web app (using Matrix) | reddit.com/r/matrixdotorg | 2021-11-17
-
Project mention: Help integrate slick carousel into sveltekit app. | reddit.com/r/sveltejs | 2021-11-27
p.s. I tried this: https://github.com/beyonk-adventures/svelte-carousel, and it doesn't satisfy my needs.
-
We used frappe-charts in our product https://github.com/himynameisdave/svelte-frappe-charts
-
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.
-
Project mention: Best way to handle showing a Mapbox instance in a tabbed view? | reddit.com/r/sveltejs | 2021-08-26
Here's a package for your mapbox: https://github.com/beyonk-adventures/svelte-mapbox
-
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/
-
Also, Tailwind-Editor added a license (MIT).
Svelte Svelte 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
- Do you use Tailwind CSS (or other CSS frameworks)?
Index
What are some of the best open-source Svelte projects in Svelte? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | svelte-material-ui | 2,150 |
| 2 | carbon-components-svelte | 1,294 |
| 3 | Installer | 1,274 |
| 4 | smelte | 1,207 |
| 5 | sveltestrap | 843 |
| 6 | svelte-grid | 632 |
| 7 | obs-web | 632 |
| 8 | svelte-materialify | 559 |
| 9 | svelte-commerce | 553 |
| 10 | nomie5 | 504 |
| 11 | attractions | 499 |
| 12 | river-runner | 301 |
| 13 | sveltekit-starter | 279 |
| 14 | svelte-loadable | 263 |
| 15 | svelte-simple-modal | 239 |
| 16 | sveld | 231 |
| 17 | signin-with-matrix | 201 |
| 18 | svelte-carousel | 191 |
| 19 | svelte-frappe-charts | 184 |
| 20 | website | 183 |
| 21 | svelte-mapbox | 181 |
| 22 | SveltePress | 170 |
| 23 | tailwind-editor | 166 |
Are you hiring? Post a new remote job listing for free.
