SaaSHub helps you find the best software and product alternatives 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: Tips from open-source: Set a maximum time limit on fetch using Promise.race() | dev.to | 2024-05-07// source: https://github.com/vercel/next.js/blob/canary/packages/next/src/lib/worker.ts#L121C15-L129C16 for (;;) { onActivity() const result = await Promise.race(\[ (this.\_worker as any)\[method\](...args), restartPromise, \]) if (result !== RESTARTED) return result if (onRestart) onRestart(method, args, ++attempts) }
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.
It’s Headless so you can use it with whatever UI components you have in your project and as with everything in TanStack it’s type-safe! In this example we'll use components from shadcn/ui to build the form but you can really make it work with any UI library.
Project mention: Composable architecture example: Go headless (best practices) | dev.to | 2024-04-30Astro
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
Project mention: Nivo: Dataviz components, built on top of D3 and React | news.ycombinator.com | 2024-04-30
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 - SaaSHub
www.saashub.com | 7 May 2024
Index
What are some of the best open-source Component projects? This list will help you:
Project | Stars | |
---|---|---|
1 | Next.js | 120,804 |
2 | storybook | 82,881 |
3 | shadcn/ui | 57,985 |
4 | Element UI | 53,958 |
5 | astro | 42,546 |
6 | Preact | 36,062 |
7 | daisyui | 30,923 |
8 | headlessui | 24,266 |
9 | iview | 23,972 |
10 | vant | 22,762 |
11 | recharts | 22,754 |
12 | @blueprintjs/core | 20,415 |
13 | nextui | 19,437 |
14 | framework7 | 17,875 |
15 | office-ui-fabric-react | 17,698 |
16 | vux | 17,604 |
17 | tabler-icons | 17,305 |
18 | bootstrap-vue | 14,460 |
19 | semantic-ui-react | 13,181 |
20 | omi | 12,926 |
21 | nivo | 12,697 |
22 | reactstrap | 10,563 |
23 | fprime | 9,894 |
Sponsored