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. Learn more →
Top 23 Component Open-Source Projects
-
storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
-
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.
-
shadcn/ui
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
-
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.
-
headlessui
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
-
office-ui-fabric-react
Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
-
tabler-icons
A set of over 5200 free MIT-licensed high-quality SVG icons for you to use in your web projects.
-
bootstrap-vue
BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.
-
nivo
nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
-
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.
Project mention: Meet Cheryl Murphy: Full-Stack Developer, lifelong learner, and volunteer Project Team Lead at Web Dev Path | dev.to | 2024-04-22Cheryl Murphy is not only a dedicated full-stack web developer skilled in technologies like React, Next.js, and NestJs but also a community-driven professional who recently took on the role of volunteer project team lead at Web Dev Path. With a dual Bachelor's degree in Computing and Chemical Engineering from Monash University, Cheryl’s journey in tech is marked by a passion for building accessible solutions and a commitment to fostering community within tech.
[Bug]: Configuration with TailwindCss Next.js using Tailwind with Storybook
Honestly the ergonomics of heavily customizable generic component libraries aren't great. Copy and pasting a simple component to make the specific customizations you want helps reduce JS ecosystem churn and dependency pain. Popularity of libraries like shadcn/ui [1] are good acknowledgements of that.
[1] https://ui.shadcn.com/
Astro is the new hot new web framework on the block. All the cool kids are using it. I've recently given up, drank the Kool-Aid, and gone all in on it.
In this post, we get to know more about Preact, one of this year's trending libraries. And we'll compare it to React to see which one suits better for our projects.
Project mention: HTML-first, framework-agnostic implementation of shadcn/UI – franken/UI | news.ycombinator.com | 2024-04-22DaisyUI offers zero-JS components
https://daisyui.com/
I used it for a small form + search result list recently and it works well enough for simple / static stuff.
But I think I'll still be reaching for a JS lib first since I'd miss things like inputs-with-autocomplete too much.
Catalyst is a comprehensive, fully componentized UI kit for modern React projects, built on the next generation of Headless UI. With Catalyst, you can create a custom set of components to use and reuse in your projects.
Project mention: recharts VS MUI X - a user suggested alternative | libhunt.com/r/recharts | 2024-01-20
Official Website: https://blueprintjs.com/
Something like NextUI would work, i.e. a “New Gen” UI framework. It’s Tailwind based AND it works in both .astro and .tsx files. Amazing!
Some frameworks and themes to use in combination :
- https://konstaui.com/
- https://framework7.io/
Project mention: Making Web Component properties behave closer to the platform | dev.to | 2024-01-21For example, all the following design systems can be used without tooling (some of them provide ready-to-use bundles, others can be used through import maps): Google's Material Web, Microsoft's Fluent UI, IBM's Carbon, Adobe's Spectrum, Nordhealth's Nord, Shoelace, etc.
Use Tabler Icons for over 5200 pixel perfect icons designed for the web. This latest set expands the library further with 244 new icons. There's also more support backward compatibility, and more design options for webs, mobile, and desktop applications. All icons now also come in both outlined and filled versions to suit even more preferences and requirements. Check out all the icons on the website.
Project mention: 10 UI Libraries You Should Explore for Your Next Vue.js Project | dev.to | 2023-10-294. 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.
Official Website: https://react.semantic-ui.com/
Project mention: Level Up Your Web App with Stunning React Charts: Introducing the Top 10 React Charts Libraries | dev.to | 2023-07-31Nivo is a data visualization library built on top of D3.js and React. It offers a range of well-designed, customizable charts with great animations, making it suitable for creating visually impressive data visualizations.
Project mention: Fprime – A flight software and embedded systems framework by NASA | news.ycombinator.com | 2024-02-01
Components related posts
- Create a Single Page Application in React.js Using EasyFrontend
- Storybook not picking up tailwindcss
- Show HN: Open Source TailwindCSS UI Components
- Astro.js as an alternative to Next.js: pushing the limits
- Embark on a UI Odyssey: Top 5 Spectacular Libraries to Explore
- Tailwind CSS product overview components built for E-commerce websites
- Supabase Bootstrap: the fastest way to launch a new project
-
A note from our sponsor - InfluxDB
www.influxdata.com | 24 Apr 2024
Index
What are some of the best open-source Component projects? This list will help you:
Project | Stars | |
---|---|---|
1 | Next.js | 120,313 |
2 | storybook | 82,727 |
3 | shadcn/ui | 56,834 |
4 | Element UI | 53,941 |
5 | astro | 42,158 |
6 | Preact | 36,021 |
7 | daisyui | 30,632 |
8 | headlessui | 24,154 |
9 | iview | 23,973 |
10 | vant | 22,710 |
11 | recharts | 22,600 |
12 | @blueprintjs/core | 20,401 |
13 | nextui | 19,223 |
14 | framework7 | 17,843 |
15 | office-ui-fabric-react | 17,667 |
16 | vux | 17,611 |
17 | tabler-icons | 17,230 |
18 | bootstrap-vue | 14,456 |
19 | semantic-ui-react | 13,178 |
20 | nivo | 12,643 |
21 | reactstrap | 10,560 |
22 | fprime | 9,873 |
23 | buefy | 9,515 |
Sponsored