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
Project mention: How I fixed this Next.js error: Refused to load the script because it violate Content Security Policy directive | dev.to | 2024-05-16
But here’s some good news: there’s already a solution in the JavaScript world called Storybook!
shadcn-svelte is an unofficial Svelte port of shadcn/ui. It's a collection of reusable components that you can copy and paste or use the CLI to add to your Svelte apps. There is no package, no dependencies. You just choose the components you need and customize them to your needs. You can use shadcn-svelte as a reference to build your own component libraries.
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.
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
-
How to share your TwigComponent with your team ?
-
10+ UI Libraries for Svelte to Try in 2024
-
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)
-
A note from our sponsor - InfluxDB
www.influxdata.com | 17 May 2024
Index
What are some of the best open-source Component projects? This list will help you:
Project | Stars | |
---|---|---|
1 | Next.js | 121,256 |
2 | storybook | 82,997 |
3 | shadcn/ui | 58,619 |
4 | Element UI | 53,978 |
5 | astro | 42,834 |
6 | Preact | 36,118 |
7 | daisyui | 31,047 |
8 | headlessui | 24,418 |
9 | iview | 23,974 |
10 | vant | 22,794 |
11 | recharts | 22,803 |
12 | @blueprintjs/core | 20,443 |
13 | nextui | 19,570 |
14 | framework7 | 17,887 |
15 | office-ui-fabric-react | 17,750 |
16 | vux | 17,602 |
17 | tabler-icons | 17,337 |
18 | bootstrap-vue | 14,462 |
19 | semantic-ui-react | 13,187 |
20 | omi | 12,931 |
21 | nivo | 12,714 |
22 | reactstrap | 10,571 |
23 | fprime | 9,902 |
Sponsored