10 Awesome Svelte UI Component Libraries

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ต.ค. 2024

ความคิดเห็น • 38

  • @ScottSpencePlease
    @ScottSpencePlease 2 ปีที่แล้ว +29

    Always a +1 for daisyUI, Tailwind plugin, loads of pre made components, super easy to make your own and a lot less Tailwind classes to write

  • @Almighty_Flat_Earth
    @Almighty_Flat_Earth 2 ปีที่แล้ว +18

    Carbon design has a svelte version, that feels more professional to build an enterprise grade application.

    • @JunreyBeduya
      @JunreyBeduya 2 ปีที่แล้ว +1

      Carbon Design Components feels a lot better than any of the mentioned library and with great documentation as well. I think because IBM built it put people off for some reason.

    • @wlvh42
      @wlvh42 2 ปีที่แล้ว +1

      Unfortunately it is slow to use in the development server

  • @KommaAchtKommaEins
    @KommaAchtKommaEins ปีที่แล้ว +5

    Nice comparison. I wasn't aware that there are so many UI libraries already. One minor suggestion: be more critical about the different frameworks. In the end we will have to decide which library to spend time on. And they all surely have their pros and cons.

  • @RMCProductions
    @RMCProductions 2 ปีที่แล้ว +4

    Thank you for this and for your regular, high quality uploads! You help a lot

  • @KevinVandyTech
    @KevinVandyTech 2 ปีที่แล้ว +4

    My favorite is SMUI (Svelte Material UI)

  • @techakayy
    @techakayy 2 ปีที่แล้ว +3

    Flowbite-svelte is quite good

  • @bagwaniali9514
    @bagwaniali9514 2 ปีที่แล้ว +2

    @LevelUpTuts what do you think of Flowbite and Flowbite svelte? It has also support for figma.

  • @willsterjohnson
    @willsterjohnson 2 ปีที่แล้ว

    The link to svelterialJS is broken and I can find almost nothing relating to it online, aside from this video, a couple obscure forum posts, two old beta packages on NPM, and a few mirror pages to NPM...
    Is my wifi *seriously* broken or is Svelterial gone?

  • @johntierney3353
    @johntierney3353 2 ปีที่แล้ว +2

    I keep coming back to Daisyui and add the Svelte plumbing when necessary.
    There is an unofficial port of Headlessui for svelte called svelte-headlessui.

  • @gtanmoy
    @gtanmoy 2 ปีที่แล้ว +2

    I request you to make a complete project with Svelte & Framework7. Waiting for your video. Also I am ready to purchase the course from your website

  • @jawyor-k3t
    @jawyor-k3t ปีที่แล้ว +1

    Keep in mind that in svelte-headlessui, you can't style the components themselves directly (only the DOM children) and have to resort to some :global hacks, which is a huge pain.

  • @dexter-wy5bo
    @dexter-wy5bo ปีที่แล้ว

    Why don't you use tailwind?

  • @EricBichara
    @EricBichara 2 ปีที่แล้ว +12

    Daisyui?

    • @fuzzypicklez
      @fuzzypicklez 2 ปีที่แล้ว +1

      Daisy UI is a theme library for Tailwind. It's not specifically for Svelte or Sveltekit.

  • @WyzrdCat
    @WyzrdCat ปีที่แล้ว

    I don't understand what projects people are building where the branding requirements are so loose that you can just use style templates. I'll always, always write my own CSS. Only use I see personally in any of these is components that are cumbersome to style and/or make work, like dropdowns, radios, checks, drop boxes and the like.

  • @ARYXCustrin
    @ARYXCustrin 2 ปีที่แล้ว

    Someone tested or succesfully installed smelte on latest sveltekit? I couldn't figure it out...

  • @OttoVanluchene
    @OttoVanluchene 2 ปีที่แล้ว

    As I'm learning Svelte, this confuses me. Do you really need a Svelte UI Library?
    Can't you just use like the bootstrap or Material Design vanilla libraries when you want some quick UI Components.
    What are the benefits of using a Svelte UI Library

    • @AbhinavKulshreshtha
      @AbhinavKulshreshtha 2 ปีที่แล้ว +2

      Bootstrap and material is basically a css library, you add styles to html elements with them. SvelteUI are component library, so you will get entire markup, its style and logic, to use. Imagine just using Cal component, which brings themes, and exposes some hooks for you to use stuff if your logic needs to be different than default.

  • @chmus362
    @chmus362 ปีที่แล้ว +1

    6:34 Switch section 😂

  • @ajayraja6636
    @ajayraja6636 2 ปีที่แล้ว

    I found why timestamps not working in your video. Because You had added "-" between time and name instead of space. I would be easy to watch video with Chapters

  • @aj35lightning
    @aj35lightning 2 ปีที่แล้ว +3

    IBM carbon components has some nice svelte components as well

  • @martinfilteau8668
    @martinfilteau8668 2 ปีที่แล้ว +3

    Check Svelte Skeleton!

    • @nested9301
      @nested9301 ปีที่แล้ว +1

      meh does not look that interesting

  • @SJ-ds8lp
    @SJ-ds8lp 2 ปีที่แล้ว +1

    what browser are you using?

  • @mitotv6376
    @mitotv6376 ปีที่แล้ว

    Nice.. library

  • @tatoElpaisa
    @tatoElpaisa ปีที่แล้ว +1

    you missed one of the best: Flowbite-Svelte !

  • @doug_horne
    @doug_horne 2 ปีที่แล้ว

    Great video. Thanks.

  • @realmimak
    @realmimak ปีที่แล้ว

    Not included Svelte Material UI is a nice port of Material UI for React

  • @SJ-ds8lp
    @SJ-ds8lp 2 ปีที่แล้ว +1

    svelte ui looks very similar to react mantine.

  • @user-marumaruchanel
    @user-marumaruchanel 2 ปีที่แล้ว

    save... ( how can image-line call their software a professional DAW... when the programming belongs to kindergarden... ) Last ti I ever

  • @ianmarteens
    @ianmarteens 2 ปีที่แล้ว +2

    That’s my definition of a meaningless bunch of crap. No offense intended.

  • @123456crapface
    @123456crapface 2 ปีที่แล้ว

    what web browser are you using?