carbon-components-svelte VS shoelace-css

Svelte/SvelteKit does have some high-quality libraries available like carbon-components-svelte but there's just nothing near as much.

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:

You could check out Carbon https://carbon-components-svelte.onrender.com/

Carbon Desing

We will quickly add carbon-components-svelte using the minimum required steps, but you can check the library’s documentation for more detailed information and examples.

+1 for carbon. The npm package is really well-made; all of the Carbon components are native Svelte components and the docs are excellent. It's a really good port; all of the svelte stuff like bind:toggled, custom Svelte events, etc. all works really nicely.

And other pre-built component that I used and I think it's worth mentioning is the Accordion that exists in Carbon Components for Svelte. It's really pretty and works great too!

, Shoelace, Lit, etc.). Wrapping Up In part one of this series, we described what Kredis can and cannot do, and developed an example use case for storing ephemeral UI state using a bespoke Redis key. In this second and final part, we identified the drawbacks of this approach. We developed a generalized solution to apply to any DOM node whose state of attributes we want to track on the server side. Finally, let me point out that these considerations inspired me to develop a library called solder, which I would be happy to receive feedback on! Happy coding! P.S. If you'd like to read Ruby Magic posts as soon as they get off the press, subscribe to our Ruby Magic newsletter and never miss a single post!

Check out https://pypi.org/project/slippers/ and https://pypi.org/project/django-render-block/. You could use those with your own HTML, or with something like Bootstrap. https://shoelace.style/ is another option. If you use shoelace, this extension will help https://github.com/benopotamus/htmx-ext-shoelace

Shoelace simple and lightweight, easy to customize. It's not Svelte specific because it's implemented with pure web components. Works great with Svelte though.

Check out https://shoelace.style/ Its based on web components, so you can use it with any framework or even vanilla js.

I don't think UI is part of HTMX's concerns. It is a library for submitting data and loading HTML fragments. For general UI components, I like https://shoelace.style/.

Just adding to this, https://shoelace.style is worth a quick look.

take a look at this starter project from IBM for an entire site pwa that is seo friendly and built with Lit. I've used this as a guide on a few projects and it has been great. Also take a look at this component library that is framework agnostic and built with web components.