svelte-navigator
carbon-components-svelte
Our great sponsors
| svelte-navigator | carbon-components-svelte | |
|---|---|---|
| 4 | 34 | |
| 501 | 2,599 | |
| - | 0.7% | |
| 0.0 | 9.0 | |
| 3 months ago | 12 days ago | |
| JavaScript | Svelte | |
| GNU General Public License v3.0 or later | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
svelte-navigator
-
Click on a tag reloads Page
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
-
What frustrates you in using Svelte?
But yeah, at the end of the day I guess the actual problem here is that the docs are more opinionated towards Sveltekit. I guess they're focusing on Sveltekit right now so I understand why they wouldn't want to maintain a whole separate project for the router like react, vue, etc right now. But maybe making the docs less opinionated and adding more examples for other use cases would be ideal. I ended up using svelte without sveltekit + this client router for svelte + golang and we are very happy with the results.
carbon-components-svelte
-
Svelte 4 Released
We did a pretty big one, integrated with a python/gtk app [yikes]. Anyways, svelte is a joy to work with, also on the note of libraries, svelte's community is smaller but I found by far my favourite component system I've ever used - https://carbon-components-svelte.onrender.com/.. surprising coming from IBM, but hey, I'll take it.
But in general electron was a pain, slow builds - had an adhoc solution for the svelte dev server, but its not great.
-
Any nice dashboard libraries?
https://carbon-components-svelte.onrender.com/ maybe this is something for you.
-
Are there any UI frameworks competitors to Vue Vuetify or React MUI?
I really liked Carbon Components Svelte but they lacked mobile support. I will have to check Framework7 .
-
Which UI Kit are you using with Svelte?
Carbon for Svelte
If you need something with a bit more functionality out of the box, I'd recommend -Carbon Components (https://carbon-components-svelte.onrender.com) -Skeleton(https://www.skeleton.dev)
- What UI framework would you recommend?
-
Are there any downsides in using svelte or sveltekit?
Svelte/SvelteKit does have some high-quality libraries available like carbon-components-svelte but there's just nothing near as much.
-
Carbon-design-system for Svelte: dynamic import is your only solution !
I've opened issue on IBM community to find a solution rather than importing via , although I could not even get any answer to that . After sometime of scratching my head and couple of tests on Webpack behaviour, I've managed to crack carbon-design-system for Svelte once and for all . Repeating myself:
-
Best practice for UI design in scientific app
You could check out Carbon https://carbon-components-svelte.onrender.com/
-
Observations about Svelte
Carbon Desing
What are some alternatives?
shoelace-css - A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME. WE ARE LIVE ON KICKSTARTER! 👇👇👇
svelte-material-ui - Svelte Material UI Components
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
svelte-materialify - A Material UI Design Component library for Svelte heavily inspired by vuetify.
svelte-tutorial - All the course files for the Svelete (beginners) playlist on The Net Ninja YouTube channel.
svelte-grid-responsive - Responsive grid system based on Bootstrap for Svelte
chakra-ui-vue - ⚡️ Build scalable and accessible Vue.js applications with ease.
open-props - CSS custom properties to help accelerate adaptive and consistent design.
axe-core - Accessibility engine for automated Web UI testing
svelma - Bulma components for Svelte
svelte-bulma-components - Collection of Bulma UI components to be used in Svelte or standalone
svelte-infinite-scroll-example - Example of Infinite Scroll with Intersection Observer API and Svelte