carbon-components-svelte
carbon-preprocess-svelte
Our great sponsors
carbon-components-svelte | carbon-preprocess-svelte | |
---|---|---|
34 | 3 | |
2,604 | 64 | |
0.8% | - | |
9.0 | 4.9 | |
4 days ago | 14 days ago | |
Svelte | TypeScript | |
Apache License 2.0 | 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.
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/
carbon-preprocess-svelte
-
Best practice for UI design in scientific app
I had this issue before I properly implemented their preprocessor. After adding https://github.com/carbon-design-system/carbon-preprocess-svelte, the dev experience was much snappier and more usable.
- How am I supposed to use IBM's Svelte Carbon Components when the CSS is so stupidly high?
-
SvelteKit -- Massive compiler improvement by updating Vite.
Sweet. Definitely want to use their preprocessors as well: https://github.com/carbon-design-system/carbon-preprocess-svelte
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! ๐๐๐
carbon-charts - :bar_chart: :chart_with_upwards_trend:โ Robust dataviz framework implemented using D3 & typescript
svelte-material-ui - Svelte Material UI Components
carbon-components-angular - An Angular implementation of the Carbon Design System for IBM.
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
sveltekit-design-system - Build a design system with sveltekit
svelte-materialify - A Material UI Design Component library for Svelte heavily inspired by vuetify.
svelte-preprocess - A โจ magical โจ Svelte preprocessor with sensible defaults and support for: PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more.
svelte-grid-responsive - Responsive grid system based on Bootstrap for Svelte
carbon-components-svelte - Svelte implementation of the Carbon Design System [Moved to: https://github.com/carbon-design-system/carbon-components-svelte]
svelte-tutorial - All the course files for the Svelete (beginners) playlist on The Net Ninja YouTube channel.
storybook - Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.