DEV Community

Ben ltaif
Ben ltaif

Posted on • Edited on

Get Your Svelte On: 5 UI Libraries That Will Make Your App Look Super Cool

Hey there, folks! Are you ready to discover the 5 best UI libraries for Svelte? You’re gonna love this!

So, Svelte is a pretty cool and not too old web development framework. If you’re an old-timer who still remembers the Windows 95 boot disk, you’ll be pleasantly surprised by Svelte.

But to create nice UIs with Svelte, you need UI libraries that offer reusable, ready-to-use components. And here are our top 5 favorites:

Svelte Material UI: This library is based on Google’s Material Design, so you know it’s gonna be cool. It offers cool buttons, forms, cards, and menus. If you want a custom style, no problem, you can do that too.

SvelteStrap: This library is based on Bootstrap, so it’s gonna be super easy to use. It offers cool buttons, forms, grid templates, modals, etc. And just like with Svelte Material UI, you can customize the style to fit your app.

Svelte Materialify: Once again, a library based on Material Design. This one offers a wide variety of cool components, such as buttons, forms, cards, menus, etc. You can also customize the style to fit your app.

Svelte-awesome: This library uses Font Awesome icons, so you can be sure it’s super cool. It offers a wide variety of icons that you can use in your app. You can also customize the style if you want.

SvelteFlat: This library is minimalistic and modern, so it’s super cool. It offers cool buttons, forms, cards, menus, etc. And like the other libraries, you can customize the style to fit your app.

Well, there you have it, folks. I hope you enjoyed discovering these UI libraries for Svelte. Now you can have fun creating super cool and super effective UIs for your Svelte apps.

Top comments (6)

Collapse
 
abdulmuminyqn profile image
Abdulmumin yaqeen

Svelte is elegant indeed!

Here are some additions, MELT UI and Skeleton UI ♥

Collapse
 
uncle_ben profile image
Ben ltaif

Thank you for your comment!
You're right, Skeleton UI indeed deserves its spot on the list.
I haven't come across MELT UI before, so I appreciate the recommendation. I'll definitely dive deep into it this weekend.
Thanks again for the insight!

Collapse
 
ericgeek profile image
EricGeek

Melt UI is definitely interesting and quite different than the majority of other UI libs, but it's also early enough in development that the official documentation warns that there might still be breaking changes in minor release versions.

Melt UI is headless in the extreme. You import builders rather than components, and then apply those builders to your components. As such, there's no default styling except for behaviors, but that also means that Melt UI is agnostic when it comes to using Open Props, Tailwind, etc.

Collapse
 
olga_tash profile image
Olga T.

Great list! Another addition is SVAR Core library for Svelte. It includes 20+ form controls in both light and dark skins.

Collapse
 
webjose profile image
José Pablo Ramírez Vargas

No links? Sad face.

Collapse
 
uncle_ben profile image
Ben ltaif

Just dropped those links in! 🚀 Don't shed a tear; I've got you covered! 😄