SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 Component Open-Source Projects
-
Project mention: Scarab Diagnostic Suite Field Test #012: Next.js Source Map Provenance Boundary | dev.to | 2026-06-06
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
shadcn/ui
A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.
The web ecosystem went through this and landed on an answer. shadcn/ui inverted the model. There is no @shadcn/ui package on npm. Instead, the project ships a CLI that copies the source of a chosen component, with its Tailwind classes and Radix primitives intact, into the consumer's own components/ui/ folder. From that moment forward the consumer owns it. There is no upgrade button. There is no version drift. There is just the source, sitting in the consumer's repo, ready to be edited.
-
storybook
Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
Project mention: 7 Free Tools and Resources for Building Well-Structured React Applications | dev.to | 2026-05-07Storybook is a tool for developing and documenting UI components in isolation. You write stories that render individual components with specific props, and Storybook displays them in a standalone browser environment that is separate from the main application. The v8 release significantly reduced configuration complexity, making it practical to add to an existing project without a major setup investment.
-
-
-
Project mention: How to Turn Filament v5's Rich Editor Into a Full Block Editor | dev.to | 2026-04-28
If you're using a component library like daisyUI, you can map styling options directly to its semantic classes btn-primary, bg-base-200). This gives you theme switching for free — every block re-skins automatically when the theme changes.
-
react-bits
An open source collection of animated, interactive & fully customizable React components for building memorable websites.
Project mention: How I Fixed a CSS Animation Bug in an Open Source React Library | dev.to | 2026-05-26If you want to check out the PR: https://github.com/DavidHDev/react-bits/pull/851
-
Project mention: How to Convert Supplier CSVs to Shopify/Amazon/WooCommerce Without Uploading to a Server | dev.to | 2026-06-01
eBay: 30+ fields (item specifics, variations, shipping) Each schema is a JSON file defining field names, data types, and validation rules. The mapper walks source → target assignments and applies type coercion (string → number, date formatting, etc.) before export. The entire app stays under 200 KB gzipped by avoiding heavy UI libraries. It's built with Preact + htm (no JSX build step) and styled with Tailwind CSS v4. Export & Practical Considerations Export uses the standard Blob + download API. No server round-trip — just an ephemeral click with URL.createObjectURL(). The free tier handles 50 rows, enough to validate the mapping before committing. Column mapping profiles can be saved and reused, which is useful when the same supplier sends weekly inventory files with identical headers. Try It If you deal with supplier files regularly, you might find this useful. SKUMart handles all of this out of the box — just drop a file and export.
-
HeroUI provides accessible, pre-built components that work well with Tailwind CSS. So far, I think this is one of the best UI libraries so make sure you check it out.
-
headlessui
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
I want to be upfront: this isn't the only option. Radix Vue includes a combobox component, and Headless UI has a listbox. Both are excellent libraries.
-
Project mention: Recharts – A composable charting library built on React components | news.ycombinator.com | 2025-10-08
-
-
-
Project mention: Palantir's secret weapon isn't AI – it's Ontology. An open-source deep dive | news.ycombinator.com | 2026-02-21
I think their secret weapon is their opensource UI library.
https://blueprintjs.com/
I've been tracking this project since 2018. It hasn't changed drastically since then, but man it was polished and robust library.
-
magicui
UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.
Website: magicui.design
-
tabler-icons
A set of over 6000 free MIT-licensed high-quality SVG icons for you to use in your web projects.
I've used Tabler for everything so far (free, 4500 icons)
https://tabler.io/icons
-
office-ui-fabric-react
Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
Microsoft Fluent UI: lives in a multi-package monorepo that ships React components, Web Components, and even design tokens.
-
Framework7 is a hybrid mobile app framework focused on creating iOS and Android apps with a native look and feel. It is especially suitable for Progressive Web Apps (PWAs) and smaller projects. Framework7 comes with a comprehensive set of UI components that match each platform’s design guidelines, allowing developers to quickly build visually appealing applications with minimal configuration.
-
-
-
nivo
nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
Project mention: From Spec to Deploy: Building an Expense Tracker with SpecKit | dev.to | 2025-09-27Charts: Nivo for interactive visualizations
-
-
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).
Components discussion
Components related posts
-
How I Fixed a CSS Animation Bug in an Open Source React Library
-
What ElumKit v0.1 already does (and the one primitive I missed)
-
Why I Built My Own Site with Astro, Not WordPress when I use WordPress for a Living
-
Show HN: Tailgrids – React UI library with 600 Tailwind component
-
The Icon Component I Keep Carrying
-
Shadcn/UI: A set of beautifully designed components that you can customize
-
How to Build a Modern Admin Dashboard with shadcn/ui in 2026
-
A note from our sponsor - SaaSHub
www.saashub.com | 7 Jun 2026
Index
What are some of the best open-source Component projects? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | Next.js | 139,866 |
| 2 | shadcn/ui | 115,730 |
| 3 | storybook | 90,212 |
| 4 | astro | 59,871 |
| 5 | Element UI | 54,128 |
| 6 | daisyui | 41,070 |
| 7 | react-bits | 40,481 |
| 8 | Preact | 38,676 |
| 9 | heroui | 29,551 |
| 10 | headlessui | 28,605 |
| 11 | recharts | 27,207 |
| 12 | vant | 24,316 |
| 13 | iview | 23,830 |
| 14 | @blueprintjs/core | 21,798 |
| 15 | magicui | 21,172 |
| 16 | tabler-icons | 20,838 |
| 17 | office-ui-fabric-react | 20,040 |
| 18 | framework7 | 18,668 |
| 19 | vux | 17,487 |
| 20 | bootstrap-vue | 14,451 |
| 21 | nivo | 14,034 |
| 22 | omi | 13,258 |
| 23 | semantic-ui-react | 13,223 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com