carbon-components-svelte
svelte-headlessui
Our great sponsors
carbon-components-svelte | svelte-headlessui | |
---|---|---|
34 | 22 | |
2,600 | 1,748 | |
0.7% | - | |
9.0 | 6.6 | |
20 days ago | 23 days ago | |
Svelte | Svelte | |
Apache License 2.0 | MIT License |
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.
carbon-components-svelte
- Are there any customizeable UI libraries that are DON'T use Tailwind?
-
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?
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.
- A really nice UI library that uses Carbon Design System
-
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/
svelte-headlessui
- Ask HN: If you were to build a web app today what tech stack would you choose?
-
We need more headless ui library, and I just spotted a good one
As a side note, my project was the first to be published under the name svelte-headlessui and is both more popular and more complete than the other project. I don't know why the other guy picked an identical name but it drives me a little nuts because of how unnecessarily confusing it is.
-
Svelte Ecosystem in 2023
There is an unofficial Svelte port here but it doesn’t appear to be maintained so there may be a better option… that said there are a ton of better options if you want to use Tailwind with Svelte.
-
Passing event handlers in $$restProps? (ex. creating a wrapped <Input /> component)
This and passing styles to slots, are biggest bottlenecks in wrapping components (your use case) and creating headless components (see headless ui).
-
Svelte doesn't have an ecosystem as rich as React is ridiculous
Headless UI as in svelte-headlessui?
-
What Svelte UI Library Should You Use?
Svelte Headless UI should get some new PRs merged soon based on some comments u/ryangossiaux posted in the repo less than a week ago. He stepped away from the project for a bit after putting in a tremendous amount of work into it, and as someone who has used his library alongside Tailwinds UI on a number of projects, I’m super thankful for what he’s managed to do, and I hope that more people from the community will help support the project.
-
SvelteUI v0.7.0 is out - 14 new components and composables, new Dates and Preprocessors packages and more!
The component's come pre-styled. Styles can be overridden by tailwind classes, and here's a guide for that on the docs! If you want to use components that don't come pre-styled, I would suggest using something like Svelte Headless UI.
- What frustrates you in using Svelte?
-
Which UI components framework to use with Svelte project
Just in case you haven't seen it, I ported Headless UI to Svelte recently: https://github.com/rgossiaux/svelte-headlessui
-
Free alternative to Tailwind UI
About two weeks into my first project I did purchase Tailwind UI. It is a massively useful resource, and I use it several times a week. It is a great reference tool, and is being actively added to. I have definitely recovered my initial investment in time saved. If you're using React or Vue, it is a no brainer - support if first class (along with Headless UI). I actually pivoted to SvelteKit, and started using the Tailwind UI HTML components until recently when this dropped: https://github.com/rgossiaux/svelte-headlessui. I now start with the React component.
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! 👇👇👇
daisyui - 🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
svelte-material-ui - Svelte Material UI Components
open-props - CSS custom properties to help accelerate adaptive and consistent design.
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Preact - ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
svelte-materialify - A Material UI Design Component library for Svelte heavily inspired by vuetify.
Svelte - Cybernetically enhanced web apps
svelte-grid-responsive - Responsive grid system based on Bootstrap for Svelte
SvelteKit - web development, streamlined
svelte-tutorial - All the course files for the Svelete (beginners) playlist on The Net Ninja YouTube channel.