Skip Navigation
InitialsDiceBearhttps://github.com/dicebear/dicebearhttps://creativecommons.org/publicdomain/zero/1.0/„Initials” (https://github.com/dicebear/dicebear) by „DiceBear”, licensed under „CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)NO
nothendev @lemmy.ml
Posts 2
Comments 7
shadcn-svelte - a Svelte port of shadcn/ui - an anti component library
  • the flowbite & shadcn-svelte duo exists because flowbite has good (ish) ui out of the box, and remaking it with shadcn will just add more compatibility with other, non flowbite components, and most importantly, for fun!

    also, yes, I will post about, like, anything interesting, related to svelte, here.

  • shadcn-svelte - a Svelte port of shadcn/ui - an anti component library

    www.shadcn-svelte.com shadcn-svelte

    Beautifully designed components built with Radix Svelte and Tailwind CSS.

    shadcn-svelte

    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.

    4

    What GraphQL Client (Framework?) do you use? If you do use one, what is your level of enjoyment with it?

    Any framework that you use to connect to GraphQL APIs count, like Houdini, Apollo even Cynic (https://cynic.rs)

    Clarification: a Framework is an ecosystem of tools for either or both ends (frontend and backend). For example KitQL would be a GraphQL Framework for SvelteKit & JS (it has an ecosystem of tools for both ends)

    0