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.
-
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.
-
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
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
You can read more about this issue here and here
As a development server, we can use an actual development server of our app, like Create React App (that we use for the examples) or Vite, or another tool like React Styleguidist or Storybook, to test isolated components.
Check out the beautiful UI crafted by ShadCN over at the deployed version of our app — sign in with Google and get some sweet cards! Plus, the entire project is open source. Grab the code from GitHub.
We'll use several interesting technologies to achieve this: Strapi CMS to take care of the content management and backend, Astro which is a great new technology for quickly creating blazing fast frontend apps, and ChatGPT to provide the article summaries.
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.
Project mention: Ask HN: What's the best charting library for customer-facing dashboards? | news.ycombinator.com | 2024-04-29Chartjs looks great, but I've never used it so can't recommend personally. I've used https://recharts.org a lot with success.
Official Website: https://blueprintjs.com/
Project mention: Best FrontEnd & New ReUsable Component Libraries For React JS 2024. | dev.to | 2024-05-07NextUI
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/
Well if you want to check out the project you have here: 🌐 Docs website 📦 Github repo
Up to now we had been using the excellent Nivo dataviz library for React, but I wasn't sure how to customize it to support such a specific use case, or even if it was possible at all:
Project mention: Fprime – A flight software and embedded systems framework by NASA | news.ycombinator.com | 2024-02-01
Components related posts
-
TanStack Form: Setup and simple validation (with shadcn/ui)
-
How to Set Up Cost-Effective Email Solutions with AWS SES and Terraform
-
Show HN: I made open source landing page components and templates
-
Integrate Copilot feature into your React applications using CopilotKit
-
Shadcn UI: A Developer's Delight (My Experience)
-
Create an AI prototyping environment using Jupyter Lab IDE with Typescript, LangChain.js and Ollama for rapid AI prototyping
-
Mastering Component Styling: Elevate Your CSS with Layering and Dynamic Class Management, No ng:deep needed!
-
A note from our sponsor - InfluxDB
www.influxdata.com | 13 May 2024
Index
What are some of the best open-source Component projects? This list will help you:
Project | Stars | |
---|---|---|
1 | Next.js | 121,024 |
2 | storybook | 82,947 |
3 | shadcn/ui | 57,985 |
4 | Element UI | 53,973 |
5 | astro | 42,690 |
6 | Preact | 36,094 |
7 | daisyui | 31,047 |
8 | headlessui | 24,418 |
9 | iview | 23,973 |
10 | vant | 22,762 |
11 | recharts | 22,803 |
12 | @blueprintjs/core | 20,428 |
13 | nextui | 19,437 |
14 | framework7 | 17,885 |
15 | office-ui-fabric-react | 17,731 |
16 | vux | 17,605 |
17 | tabler-icons | 17,337 |
18 | bootstrap-vue | 14,464 |
19 | semantic-ui-react | 13,181 |
20 | omi | 12,932 |
21 | nivo | 12,714 |
22 | reactstrap | 10,568 |
23 | fprime | 9,902 |
Sponsored