UI Module for Svelte

[CordialGit]

There will always be lazy developers like myself who like ready made things.

Now, its not my fault: I come from a WordPress background where WordPress promised us that we will build websites without ever writing a single line of code.

True to this promise, I make websites without ever writing a single line of code-- because there are more than 12,000 free themes to freely use to customize your WordPress site, and more than 60,000 free plugins to add functionalities to your website.

The situation is that I wanted to create a Social Media Application like Facebook, but it came to my realization that WordPress will not be able to handle the scalability requirements, due to its synchronous nature based on PHP and Apache server.

Its architecture is synchronous in nature, and I know that I needed an asynchronous type of architecture -- and this made me to choose NodeJS.

That's why I stressed myself to learn JavaScript, and chose Svelte because I will not need to learn a new type of JavaScript syntax.

MOVING FORWARD
Since Svelte is a UI framework, I am of the opinion that Svelte should have some pre-built UI Components that lazy developers like myself( who come from a WordPress background ) can easily integrate into their projects.

I am not saying that these should be in-built into Svelte. But they should be like Modules that can be imported into Svelte, and can be easily customized, just as we have Svelte Stores as a Svelte Module.

We should have a Module in Svelte called "UI Module" or "Components" -- which contain certain UI Components that we can easily integrate into our projects and can be easily customized.

So I can just do:

<script>
 import "carousel" from "svelte/ui";
</script>

Meaning that I can just import a "Carousel Component" from the Svelte UI Module.

We have Animation Module in Svelte-- I don't see why Svelte should not have a UI Module when it was created in the first place for UI?

Tabs, Carousels, Accordions, Filterable Galleries, Cards, Theme Customization, Dark and Light Mode, Animations, Transitions, and many more things, are components we can already build with HTML, CSS and vanilla JavaScript.

For Svelte to come and say that it's a UI Component framework, will seem counter-productive, when JavaScript mixed with HTML and CSS can already give us UI Components.

I believe that Svelte becomes truly a UI Components framework if it truly has a UI Components Module with pre-built UI Components like Vuetify, which we can easily integrate into our Projects.

Regards.

[pavelstianko]

Hi, try https://www.bits-ui.com/! Svelte 5 version will be out soon.

[brunnerh]

All existing modules are generic enough to work for everyone, component libraries are not.
They are decidedly outside the scope of Svelte itself. You can e.g. check the Svelte Society site for existing libraries implementing various design systems.

(You chose the worst example component possible, by the way.)