Svelte Programming
-
Anyone want to collaborate on a new Lemmy UI? Built in Svelte
github.com GitHub - ando818/lemmy-ui-svelte: A UI for Lemmy written in SvelteA UI for Lemmy written in Svelte . Contribute to ando818/lemmy-ui-svelte development by creating an account on GitHub.
cross-posted from: https://lemmy.world/post/179458
> There's a ton of issues with the UI I want to address and there's a number of things I want to experiment such as how communities are subscribed to, so I started writing a new UI in SvelteKit. I also have Capacitor setup which would allow this to triple as a native iOS and Android application. > > Would love some help if anyone is interested. > > Github https://github.com/ando818/lemmy-ui-svelte > > > Preview so far though much yet still has to be done > > ! > !
-
Hi, I'm hperrin, creator of SMUI.
sveltematerialui.com Svelte Material UIMaterial UI Components for Svelte, ready to use in your app.
Hi Lemmy Svelters! I'm Hunter Perrin (hperrin), and I created Svelte Material UI. I'm new to Lemmy after being a redditor for 10+ years. I'm happy to see that there's already a Svelte community (even if small) on Lemmy. :D
-
Dreaming that someone would create open source SvelteKit "API client" to Lemmy, a webapp for mobile & desktop browsers
If anyone is looking for a open source project to do in SvelteKit ;)
I lack the graphics design and visual layout skills to undertake such a project myself, but I could work on the API routing and more technical aspects of such a SvelteKit app.
EDIT: I'm terrible at Front End and layout work, but I figured I could at least throw together a simple proof-of-concept SvelteKit project. This shows how to do a Lemmy login and grab a list of Communities: https://github.com/BitOneZero1/Lemmy_SvelteKit_proof_concept1
-
shadcn-svelte - a Svelte port of shadcn/ui - an anti component library
www.shadcn-svelte.com shadcn-svelteBeautifully designed components built with Radix Svelte and Tailwind CSS.
what is shadcn/ui
shadcn/ui (github repo) is an anti component library - not an npm dependency, not a js bundle, but a collection of copy-pastable components that help you build your own component library, built with Radix and Tailwind CSS.
how did shadcn-svelte happen
A known YouTuber in the Svelte community, Huntabyte, has had difficulties with component libraries all the time. When he first saw shadcn/ui, he was fascinated by it, but understandably, couldn't use it (shadcn-ui was written for React). But then, he assembled a small team and they all ported the project to Svelte.
Warning: the project doesn't have complete feature parity with the original.
links
Github: huntabyte/shadcn-svelte
Website: shadcn-svelte.com
my experience
I, as a Svelte & SvelteKit developer (and a contributor to shadcn-svelte), that is developing a Discord clone (idk why but yes), has had a very positive experience with it. When combining it flowbite-svelte (cloned into my project, and edited to use shadcn-svelte) turned out to be very nice and easy to use.
Yes, there are some caveats - you have to make a component library, opposed to using an already existing one. But you could also take my approach - partially migrate one to shadcn-svelte. This will be more efficient and less error prone, as everything there is, is yours.