component-library

Open-source projects categorized as component-library

Top 23 component-library Open-Source Projects

  • daisyui

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

    Project mention: Building a Fast, Efficient Web App: The Technology Stack of PromptSmithy Explained | dev.to | 2024-03-26

    While I have experience with Tailwind and frontend development, I don’t really have the patience to use it. I usually end up using something like Mantine, which is a complete component library UI kit, or Daisy UI, which is a component library built on top of Tailwind. Shadcn/ui is quite similar to Daisy in this sense, but being able to customize the individual components, since they get installed to your components folder, made development more streamlined and more customizable. On top of that being able to change my components style with natural language thanks to v0 made development super easy and fast. Shadcn may be too minimalist of a style for some, but thanks to all the components being local, you can customize them quickly and easily!

  • element-plus

    🎉 A Vue.js 3 UI Library made by Element team

    Project mention: Can Notion be efficient for my Design system's documentation? | /r/UI_Design | 2023-12-08

    For what it’s worth, these are (Vue-compatible) component libraries we had looked at, besides Google’s own: https://primevue.org/uikit. https://athemes.com/collections/vue-ui-component-libraries/ https://js.devexpress.com/Documentation/Guide/Vue_Components/DevExtreme_Vue_Components/ https://www.telerik.com/kendo-vue-ui https://www.creative-tim.com/vuematerial https://vuetifyjs.com https://element-plus.org/ https://www.naiveui.com/en-US/light

  • SurveyJS

    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.

  • nextui

    🚀 Beautiful, fast and modern React UI library.

    Project mention: React Component Libraries | dev.to | 2024-03-13

    Official Website: https://nextui.org/

  • naive-ui

    A Vue 3 Component Library. Fairly Complete. Theme Customizable. Uses TypeScript. Fast.

    Project mention: Vue UI kits/component libraries? | /r/vuejs | 2023-12-09

    You can also check NaiveUI https://www.naiveui.com/

  • bootstrap-vue

    BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

    Project mention: 10 UI Libraries You Should Explore for Your Next Vue.js Project | dev.to | 2023-10-29

    4. Bootstrap Vue Bootstrap Vue combines the power of Bootstrap, a popular CSS framework, with Vue.js. It provides a wide range of components and styling options. Check out the Bootstrap Vue website to learn more.

  • primitives

    Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.

    Project mention: Radix Primitives: an open-source UI component library | news.ycombinator.com | 2024-03-20
  • semantic-ui-react

    The official Semantic-UI-React integration

    Project mention: React Component Libraries | dev.to | 2024-03-13

    Official Website: https://react.semantic-ui.com/

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  • evergreen

    🌲 Evergreen React UI Framework by Segment

    Project mention: ⚡Top GitHub Repositories for UI Components | dev.to | 2024-01-05

    🔍 Site ⭐ GitHub

  • fast

    The adaptive interface system for modern web experiences.

    Project mention: A love letter to Apache Echarts | news.ycombinator.com | 2024-02-18

    If you are generally interested in how to write components that can be used by many frontend libraries (react/vue, etc), you should take a look at https://github.com/microsoft/fast. I was tangentially involved with porting an existing component library to it and the end result was pretty framework agnostic and well made.

  • base web

    A React Component library implementing the Base design language

    Project mention: ⚡Top GitHub Repositories for UI Components | dev.to | 2024-01-05

    🔍 Site ⭐ GitHub

  • HyperUI

    Free Tailwind CSS components for application UI, ecommerce and marketing with support for dark mode, RTL and Alpine JS 🚀

  • MudBlazor

    Blazor Component Library based on Material design with an emphasis on ease of use. Mainly written in C# with Javascript kept to a bare minimum it empowers .NET developers to easily debug it if needed.

    Project mention: MudBlazor Identity Components | /r/Blazor | 2023-12-10

    I don't think that new Identity pages will work with MudBlazor out of the box. Take a look at this GitHub issue: https://github.com/MudBlazor/MudBlazor/issues/7805

  • Metro-UI-CSS

    Impressive component library for expressive web development! Build responsive projects on the web with the first front-end component library in Metro Style. And now there are even more opportunities every day!

  • React95

    🌈🕹 Windows 95 style UI component library for React

    Project mention: Show HN: React95 – a React components library recreating the look of Windows 95 | news.ycombinator.com | 2023-07-09

    There's another repo on GitHub that does the same. If the number of stars is of any significance, they have more. See: https://react95.io/ or https://github.com/react95-io/React95

  • polaris

    Shopify’s design system to help us work together to build a great experience for all of our merchants.

    Project mention: What's new in Ryviu's latest interface | /r/ryviu | 2023-12-10

    We are delighted to announce that the interface of Ryviu account has been updated according to Shopify Polaris. Aligned with Shopify's top-tier standards for safety, performance, and functionality, these changes aim to simplify the process of importing and managing product reviews for your store.

  • react-virtuoso

    The most powerful virtual list component for React

  • arco-design

    A comprehensive React UI components library based on Arco Design

  • skeleton

    The UI toolkit for Svelte and Tailwind. (by skeletonlabs)

    Project mention: Skeleton UI – v2.0 Release Candidate | news.ycombinator.com | 2023-08-15
  • themes

    Radix Themes is an open-source component library optimized for fast development, easy maintenance, and accessibility. Maintained by @workos.

    Project mention: ⚡Top GitHub Repositories for UI Components | dev.to | 2024-01-05

    🔍 Site ⭐ GitHub

  • Fomantic-UI

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

    Project mention: Shadcn: Beautifully designed components that you can copy-paste into your apps | news.ycombinator.com | 2024-01-12

    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.

  • Radzen Blazor Components

    Radzen Blazor is a set of 70+ free native Blazor UI components packed with DataGrid, Scheduler, Charts and robust theming including Material design and FluentUI.

    Project mention: Using Radzen components in Blazor 8 | /r/Blazor | 2023-12-07

    To client project, without any changes, just added Appointment.cs, EventConsole.razor, AppointmentPage.razor, AddAppointmentPage.razor, and EditAppointmentPage.razor (copied from the demo radzen-blazor project) and the scheduler component works as expected.

  • Blazorise

    Blazorise is a component library built on top of Blazor with support for CSS frameworks like Bootstrap, Tailwind, Bulma, AntDesign, and Material.

    Project mention: Best Blazor Components Package (Other than MudBlazor) | /r/dotnet | 2023-12-09
  • taiga-ui

    Angular UI Kit and components library for awesome people

    Project mention: Maskito: a Holy Grail of input masking | dev.to | 2023-07-02

    Our team already has a stock of welcomed projects, especially in the Angular ecosystem, such as Taiga UI, ng-polymorpheus and Web APIs for Angular to name a few. We take them very seriously because they are not pet projects or hobbies (although we love them as if they were). Therefore you can expect our documentation to be easy to navigate, examples to be plentiful and communication to go effortlessly.

  • WorkOS

    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.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2024-03-26.

component-library related posts

Index

What are some of the best open-source component-library projects? This list will help you:

Project Stars
1 daisyui 29,945
2 element-plus 22,892
3 nextui 18,815
4 naive-ui 14,977
5 bootstrap-vue 14,447
6 primitives 13,863
7 semantic-ui-react 13,176
8 evergreen 12,294
9 fast 8,971
10 base web 8,591
11 HyperUI 7,855
12 MudBlazor 7,000
13 Metro-UI-CSS 6,994
14 React95 6,214
15 polaris 5,615
16 react-virtuoso 4,745
17 arco-design 4,527
18 skeleton 4,417
19 themes 3,741
20 Fomantic-UI 3,456
21 Radzen Blazor Components 3,146
22 Blazorise 3,098
23 taiga-ui 2,998
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.
workos.com