SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 UI Component Open-Source Projects
-
Semantic UI
Semantic is a UI component framework based around useful principles from natural language.
-
SurveyJS
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
-
Project mention: Top 10 React Carousels to Use in 2025: User-Friendly and Efficient | dev.to | 2025-01-25
-
Project mention: How to adapt an autocomplete/select field to work with server-side filtering and pagination | dev.to | 2024-09-04
The technical implementation will be demonstrated with Vue, my preferred framework for everyday work, combined with Vuetify, a very robust and highly customizable component framework commonly used in the Vue ecosystem. Note that concepts used here can be applied using other combinations of popular JavaScript technologies.
-
Project mention: Accessible by Default: The Non-Negotiable Frontier of Frontend in 2025 | dev.to | 2025-04-14
Use accessible-first design systems like Material UI or Chakra UI.
-
Project mention: How To Run OpenAI Agents SDK Locally With 100+ LLMs and Custom Tracing | dev.to | 2025-05-07
Streamlit and Gradio: Interact with OpenAI agents via an AI chat UI.
-
hello-pangea/dnd is a fork of react-beautiful-dnd, the legendary DnD library originally developed by Atlassian. It was designed specifically for list-based drag-and-drop interactions, prioritizing accessibility and smooth animations in kanban style UIs, like Trello.
-
slate
A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)
However, I had difficulties inserting editable BLOCKS with syntax highlighting for code. Yes, there is an official example, but at least for me, it's not very clear.
-
InfluxDB
InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
-
sortablejs
Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
We can also pass all the options for SortableJS as the second parameter. See SortableJS Docs.
-
Show HN: Tiptap Editor 3.0 Beta is out.
Hi HN! Philip here from Tiptap (https://tiptap.dev/). We're excited to announce Tiptap 3.0 Beta, a major upgrade built with and for the open source community. It's still extension-based, still unopinionated, but we've tackled some of the biggest developer headaches:
Enhanced TypeScript support:
-
Mantine is a comprehensive component library with built-in React hooks to make development easy. With large community support, every aspect of Mantine is free and open source. Mantine stands out based on the following features:
-
-
Project mention: Show HN: Nue – Apps lighter than a React button | news.ycombinator.com | 2025-04-01
Make a demo with react-virtualized[0] and see if it crashes. Hint: It will not[1]. React can easily render 1 million rows with high performance without relying on WASM [2]
Here is the demo of react-virtualized[3], in which I entered 10m as the row count and scrolled to the bottom without crashing.
[0] https://github.com/bvaughn/react-virtualized
-
react-table
🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
If you're building responsive React apps and you are using the TanStack Table v8 library, you might have noticed something: There’s no native way to collapse hidden columns on smaller screens.
-
-
🔗 https://react-dnd.github.io/react-dnd/
-
lexical
Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.
-
NativeBase
Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
-
primitives
Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
shadcn/ui contains a set of beautifully designed and accessible components, and it works seamlessly with major React frameworks. It’s open-source and has amassed 85.5k (and counting) GitHub stars. It’s built on the shoulders of giants — Radix UI and Tailwind CSS, making it one of the best to work with. Unlike many other UI libraries, the components are not just installed as npm modules, they’re downloaded into your project. That gives you access to the source code and you can modify it if you want. I like this approach better because I can tweak aspects of a component if I want to.
-
Document address: NaiveUI official document
-
lucide
Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
Explore Now
-
To implement list virtualization in React, we can use one of two libraries: react-window or react-virtualized, both created by the same author. In this case, we will use react-window due to its simplicity.
-
TinyMCE
The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
Project mention: TinyMCE 7.6 Release Notes - Introducing Image Optimizer powered by Uploadcare | dev.to | 2025-01-23Changelog
-
dnd-kit
The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
dnd-kit is a modern, lightweight toolkit for building drag-and-drop experiences in React. This library takes a unique approach because it doesn’t give you a pre-built DnD system—it's a framework you can use to build your own. This means you get full control over the DnD behavior, styling, and interactions, without being boxed into a rigid API. That flexibility is exactly why we decided to use it for Puck.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
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).
UI Components discussion
UI Components related posts
-
Show HN: Tiptap Editor 3.0 Beta is out
-
Top 5 Free React UI Libraries to Use in 2025
-
Responsive Collapse of Columns in TanStack Table
-
Marko: A declarative, HTML-based language that makes building web apps fun
-
IcôNES
-
How I Used Amazon Nova Reel and Gradio to Auto-Generate Stunning GIF Banners
-
Show HN: Tiptap UI Components – Free React Components for Building Editor UIs
-
A note from our sponsor - SaaSHub
www.saashub.com | 18 May 2025
Index
What are some of the best open-source UI Component projects? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | Semantic UI | 51,169 |
| 2 | Swiper | 40,951 |
| 3 | vuetify | 40,481 |
| 4 | chakra-ui | 39,093 |
| 5 | gradio | 38,030 |
| 6 | react-beautiful-dnd | 33,882 |
| 7 | slate | 30,700 |
| 8 | sortablejs | 30,369 |
| 9 | tiptap | 30,411 |
| 10 | mantine | 28,644 |
| 11 | react-select | 27,925 |
| 12 | react-virtualized | 26,778 |
| 13 | react-table | 26,396 |
| 14 | react-native-elements | 25,376 |
| 15 | react-dnd | 21,422 |
| 16 | lexical | 21,210 |
| 17 | NativeBase | 20,305 |
| 18 | primitives | 17,113 |
| 19 | naive-ui | 17,116 |
| 20 | lucide | 17,123 |
| 21 | react-window | 16,470 |
| 22 | TinyMCE | 15,543 |
| 23 | dnd-kit | 14,620 |
Sponsored
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
surveyjs.io