Svelte Component Libaries Comparison (July 2024)

Been preparing to do an application rewrite in Svelte, and I've been looking at the libraries available. I know that a number of other libraries exist, but I've shaved off ones that haven't been updated recently (some were last updated four years ago), or don't have enough features to warrant consideration.

For instance, this site uses Skeleton UI (https://www.skeleton.dev/), which is a great library, but it doesn't have enough features for the application I'll be redoing.

I've been looking at the following libraries:

• Svelte UX https://svelte-ux.techniq.dev/
• Flowbtye Svelte https://flowbite-svelte.com/
• ShadCN Svelte https://www.shadcn-svelte.com/
• YeSvelte https://www.yesvelte.com/
• Bits UI https://www.bits-ui.com/docs/introduction
• Carbon Components Svelte https://carbon-components-svelte.onrender.com/

Note that some features do essentially the same thing, but have very different names in another library. For example, 'Offcanvas' in YeSvelte is essentially 'Drawer' in others, while ShadCN decides to call it 'Sheet' for some unknown reason. ShadCN has both a switch and a toggle, which would ordinarily refer to the same thing, but in this case, they are different. I may not have captured all the items that are essentially the same feature named differently across libraries, so forgive me if I have a feature listed multiple times, or omitted a crossover.

The totals at the bottom of the table are notational, and don't really drive me in one direction or another. Personally, for the needs of the project I'm working on, I need to have:

• Really good Tables/Datatables. I would love to find a direct Svelte port of https://datatables.net/
• Datepicker/DateRange picker
• Dialog system
• Drawer/Offcanvas
• Toasts
• Good documentation
• Bonus: integrated charting