Shadcn: Beautifully designed components that you can copy-paste into your apps

• shoelace-css

  73 11,962 9.6 TypeScript

  A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME. WE ARE LIVE ON KICKSTARTER! 👇👇👇

  

I wonder if https://shoelace.style/ is what @ch33zer is looking for? Web components often seem overlooked in this crazy dash complicated js frameworks.

• daisyui

  248 30,632 9.8 Svelte

  🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library

Others:

  - https://daisyui.com/

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• shadcn/ui

  136 56,834 9.3 TypeScript

  Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

  

• astro

  503 42,342 10.0 TypeScript

  The web framework for content-driven websites. ⭐️ Star to support our work!

  

Astro is real fun and can deliver ultra-performance. https://astro.build/

• Tailwind CSS

  1,280 78,370 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

As a backend developer who previously used bootstrap, it has been a delight to discover tailwind: https://tailwindcss.com/

• flowbite

  189 6,917 9.8 JavaScript

  Open-source UI component library and front-end development framework based on Tailwind CSS

  

- https://flowbite.com/

• filament

  66 14,074 10.0 PHP

  A collection of beautiful full-stack components for Laravel. The perfect starting point for your next app. Using Livewire, Alpine.js and Tailwind CSS. (by filamentphp)

  

Depending on your stack, there are quite a few options.

Laravel:

- https://filamentphp.com/

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

• bladewind

  2 371 9.0 Blade

  BladewindUI is a collection of elegant Laravel blade-based UI components spiced with TailwindCSS and Javascript.

• PrimeFaces

  16 1,734 9.9 Java

  Ultimate Component Suite for JavaServer Faces

  

> I use Quasar and Vue. This is my hammer for all nails, no matter the size of the nail.

Vue is great, especially with their Composition API (https://vuejs.org/guide/extras/composition-api-faq.html#why-...) and something like Pinia for state management, without the hassles of something like Redux: https://pinia.vuejs.org/

As for components, I really liked the idea behind PrimeVue/PrimeReact/PrimeNG/PrimeFaces (https://www.primefaces.org/) because I'm not aware of any other attempts of creating components that actually work similarly across different frameworks/libraries and it's really good because your skills carry over pretty well if you ever find yourself exploring a slightly different stack.

For what it's worth, the components also work decently (there's a whole list https://primevue.org/autocomplete/) and look okay (with various themes available, https://primevue.org/theming/), plus you can get examples (https://blocks.primevue.org/). Oh yeah, they also have their CSS utilities (a bit like Tailwind, https://primeflex.org/installation) and icons (https://primevue.org/icons).

I actually look forwards to the day where most of these concerns are less of an artisanal craft but rather a set of boring and well known things that just work well for quickly putting together a CRUD or whatever you need.

That said, I also explored VueRequest for handling network requests a bit more easily (https://www.attojs.org/guide/gettingStarted.html) and VueUse for stuff like LocalStorage (https://vueuse.org/guide/) and while it doesn't feel like I'm building a crappy alternative to Vuex and the complexity is reasonably manageable and the usability present, occasionally it all still feels a bit annoying to deal with - reactivity, ways to shuffle around data that I get from the back end, props, various bugs... so it's not all good, but still less complex than some of the things I've seen with React or Angular.

• Fomantic-UI

  20 3,469 8.8 JavaScript

  Fomantic-UI is the official community fork of Semantic-UI

  

https://fomantic-ui.com/ (fork of Semantic-UI)

Like other CSS-Frameworks, this can be used by adding the CDN Links for CSS/JS to the Page, and then using the components/classes.

• component-party.dev

  3 2,042 8.5 JavaScript

  🎉 Web component JS frameworks overview by their syntax and features

• nextui

  46 19,223 9.7 TypeScript

  🚀 Beautiful, fast and modern React UI library.

  

• mantine

  223 24,233 9.9 TypeScript

  A fully featured React components library

  

Great compilation. Thanks for putting that together.

Curious what your take is on these UI libraries that "claim" they are accessible:

https://mantine.dev - "Build fully functional accessible web applications faster than ever"

Suggest a related project