What is the recommended UI framework for sveltekit now ? #8389
Replies: 15 comments 40 replies
-
|
Note that |
Beta Was this translation helpful? Give feedback.
-
|
try sveltestrap and extend it, try to copy some components from other react libs |
Beta Was this translation helpful? Give feedback.
-
|
I'm looking for some open source ready to use UI library, seems no such UI for svelte yet. |
Beta Was this translation helpful? Give feedback.
-
For multiple level tree-level on left side, take a look at: It has four styles: all styles support multiple level, tree-like.
give it a try. |
Beta Was this translation helpful? Give feedback.
-
|
@cnshsliu The feature looks good, but the scrollbar is always shown on my browser when view the official demo, I've created a issue cnshsliu/yarknodemenu#1 |
Beta Was this translation helpful? Give feedback.
-
|
they are northing special than normal divs. I tried on Chrome/Edge/Safari and all look good. will dig then. |
Beta Was this translation helpful? Give feedback.
-
|
I started with sveltestrap but was startled to learn the underlying Bootstrap 5.3 has no dark mode support and will not till version 6 at the earliest. Not sure how active it is either. I like what is there though but the darkmode thing is making me look for alternatives. |
Beta Was this translation helpful? Give feedback.
-
|
Try daisyui , Only UI kit you may want (based on tailwindcss) |
Beta Was this translation helpful? Give feedback.
-
|
This looks cool, but it also seems to lack of a tree-like sidebar , though its Navbar is close. |
Beta Was this translation helpful? Give feedback.
-
|
I've added it to my sveltekit project, and the style for a button does work, like this one: https://stackblitz.com/edit/daisyui-sveltekit |
Beta Was this translation helpful? Give feedback.
-
|
Yeah, its quite simple to integrate it in sveltekit/svelte-app project as it only needs to be used as a taiwlind plugin ,and about tree-like side navbar ,what you can do is implement menu inside menu with little indentation or not at all , as of my thoughts |
Beta Was this translation helpful? Give feedback.
-
|
It's not great for copy pasting tailwind blocks though as it uses tons of custom elements and styles. |
Beta Was this translation helpful? Give feedback.
-
|
We built a custom UI library based on https://github.com/material-components/material-components-web. We checked several Material libraries for Svelte, but none were suitable for production use. The problem is, that UI libraries for Svelte are often maintained by a single person only. So often some features are missing due to limited time the person can invest in the project. And often such projects are abandoned after some time without any comment. For example, SMUI is missing several features of Material and the maintainer did not commit to the project for three months, so it seems to be abandoned. |
Beta Was this translation helpful? Give feedback.
-
|
Without a nice UI, it's hard to make sveltekit projects. |
Beta Was this translation helpful? Give feedback.
-
|
Yes, this is true. The "only one maintainer" reason was actually not a reason for us back then (respectively we just forgot it). Here is a list of the available Material Libraries for Svelte:
|
Beta Was this translation helpful? Give feedback.
-
|
Maybe checkout https://www.svelteui.org/ heavily inspired by mantine |
Beta Was this translation helpful? Give feedback.
-
|
This one looks really good, though still in beta, I hope it can keep improving. |
Beta Was this translation helpful? Give feedback.
-
|
Skeleton is pretty good but a bit too opinionated for my needs. |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
Possible options as I know:
Beta Was this translation helpful? Give feedback.
All reactions