shadcn-svelte - a Svelte port of shadcn/ui - an anti component library
  • "Initials" by "Florian Körner", licensed under "CC0 1.0". / Remix of the original. - Created with dicebear.comInitialsFlorian Körnerhttps://github.com/dicebear/dicebearNO
    nothendev
    Now 100%

    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.

    1
  • www.shadcn-svelte.com

    ### 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](https://github.com/huntabyte/shadcn-svelte) Website: [shadcn-svelte.com](https://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
    3
    "Initials" by "Florian Körner", licensed under "CC0 1.0". / Remix of the original. - Created with dicebear.comInitialsFlorian Körnerhttps://github.com/dicebear/dicebearOB
    Jump
    *Permanently Deleted*
    "Initials" by "Florian Körner", licensed under "CC0 1.0". / Remix of the original. - Created with dicebear.comInitialsFlorian Körnerhttps://github.com/dicebear/dicebearRE
    Reddit Now
    Jump
    The Apollo dev banned and removed all my comments suggesting Lemmy as an alternative to reddit.
    "Initials" by "Florian Körner", licensed under "CC0 1.0". / Remix of the original. - Created with dicebear.comInitialsFlorian Körnerhttps://github.com/dicebear/dicebearOB
    Jump
    *Permanently Deleted*
    "Initials" by "Florian Körner", licensed under "CC0 1.0". / Remix of the original. - Created with dicebear.comInitialsFlorian Körnerhttps://github.com/dicebear/dicebearPR
    Jump
    What's your favorite IDE?
    Thumb-Key Release 1.5.0
  • "Initials" by "Florian Körner", licensed under "CC0 1.0". / Remix of the original. - Created with dicebear.comInitialsFlorian Körnerhttps://github.com/dicebear/dicebearNO
    nothendev
    Now 100%

    Hey! I'd love to use this keyboard but could you please add a language switcher? I have made one myself but it is very hacky.

    2
  • What GraphQL Client (Framework?) do you use? If you do use one, what is your level of enjoyment with it?
  • "Initials" by "Florian Körner", licensed under "CC0 1.0". / Remix of the original. - Created with dicebear.comInitialsFlorian Körnerhttps://github.com/dicebear/dicebearNO
    nothendev
    Now 100%

    Is hasura a client? Like is it installed on some website as a js dependency and simplifies requesting to a graphql api? I dont remember it being that. A client is a thing that helps do requests to a GraphQL api from a client device like from a website or a mobile app etc

    1
  • What GraphQL Client (Framework?) do you use? If you do use one, what is your level of enjoyment with it?
  • "Initials" by "Florian Körner", licensed under "CC0 1.0". / Remix of the original. - Created with dicebear.comInitialsFlorian Körnerhttps://github.com/dicebear/dicebearNO
    nothendev
    Now 100%

    I use Houdini (https://houdinigraphql.com) for connecting to my backend. It is just so awesome: it integrates so nicely with Svelte and has very easy pagination and subscription support (which has always been a pain in the arse for me)

    1
  • 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)

    4
    8
    "Initials" by "Florian Körner", licensed under "CC0 1.0". / Remix of the original. - Created with dicebear.comInitialsFlorian Körnerhttps://github.com/dicebear/dicebearNO
    Now
    2 18

    nothendev

    lemmy.ml