UI Components

Open-source projects categorized as UI Components

Top 23 UI Component Open-Source Projects

UI Components
  1. Ionic Framework

    A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.

    Project mention: Ng-News 26/01: Ng-Poland Outtakes - Keynote and Q&A | dev.to | 2026-01-12

    But there is a new library, built from the beginning for Signal Forms. Its name is @ng-forge/dynamic-forms. It comes with an integration of common UI libraries: Angular Material, Bootstrap, but also PrimeNG and Ionic.

  2. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  3. Semantic UI

    Semantic is a UI component framework based around useful principles from natural language.

  4. gradio

    Build and share delightful machine learning apps, all in Python. 🌟 Star to support our work!

    Project mention: Add Authentication and SSO to Your Gradio App | dev.to | 2026-03-25

    Gradio is an open source Python package that allows you to create web-based interfaces for AI models, APIs, or any Python function. Its simplicity and flexibility make it a popular choice among developers who want to quickly prototype and deploy web-based interfaces without worrying about frontend development.

  5. Swiper

    Most modern mobile touch slider with hardware accelerated transitions

    Project mention: JavaScript Awesome Package | dev.to | 2026-02-03

    Swiperjs - Touch slider with hardware accelerated transitions

  6. vuetify

    πŸ‰ Vue Component Framework

    Project mention: Exploring the Vue.js Ecosystem: Tools and Libraries That Make Development Fun | dev.to | 2025-06-28

    β€œVuetify is a collection of pre-made components paired with powerful features such dynamic themes, global defaults, application layouts, and more. Its goal is to provide developers with all of the necessary tools to build rich and engaging user experiences.” ~ Vuetify

  7. 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-26

    If you want to check out the PR: https://github.com/DavidHDev/react-bits/pull/851

  8. chakra-ui

    Chakra UI is a component system for building SaaS products with speed ⚑️

    Project mention: chakra-ui VS ui - a user suggested alternative | libhunt.com/r/chakra-ui | 2025-10-11
  9. tiptap

    The headless rich text editor framework for web artisans.

    Project mention: How I Built a Creative Writing Platform With 3 Different Editors | dev.to | 2026-04-02

    A rich text editor built with Tiptap for long-form fiction. Chapter management, word count goals, writing streaks, and exports to EPUB, DOCX, and PDF.

  10. slate

    A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)

  11. mantine

    A fully featured React components library

    Project mention: Generate PDF invoices in React with a live preview | dev.to | 2026-05-31

    Back in invoice-app/. Install Oicana alongside Mantine for the UI:

  12. sortablejs

    Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.

  13. react-table

    πŸ€– Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table

    Project mention: Build a Collaborative Inventory Dashboard with TanStack, Velt SDK and Kiro IDEβ›΅ | dev.to | 2025-09-12

    TanStack Table is a headless UI library for building tables and data grids for JavaScript/TypeScript applications. Since it’s a headless UI library, you have control over the design and components.

  14. react-select

    The Select Component for React.js

  15. react-virtualized

    React components for efficiently rendering large lists and tabular data

    Project mention: Optimizing React The Right Way For Blazing Fast Apps | dev.to | 2025-08-20

    React Virtualized, React Window (a light-weight alternative with smaller bundle size and simpler API), and React-Window-infinite-loader are node packages for implementing List Windowing in various contexts.

  16. react-native-elements

    Cross-Platform React Native UI Toolkit

  17. lexical

    Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.

    Project mention: The tech stack behind InkRows | dev.to | 2026-01-06

    Lexical powers the note editor. It's built by Meta and performs well compared to older ContentEditable-based editors. The plugin system makes it easy to extend with custom formatting and table support and actually anything you have in mind. The guys at Meta did a really great job.

  18. lucide

    Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.

    Project mention: Lucide: Open-source icon library with 1600 vector (SVG) files for icons | news.ycombinator.com | 2026-05-02
  19. react-dnd

    Drag and Drop for React

  20. NativeBase

    Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.

  21. primitives

    Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.

    Project mention: LiftKit – UI where everything derives from the golden ratio | news.ycombinator.com | 2026-02-09

    >Quite a few of the original Radix devs moved to work on Base.

    The Base UI site says from the creators of Radix too but looking at https://github.com/radix-ui/primitives/graphs/contributors and https://github.com/mui/base-ui/graphs/contributors it doesn't really look like there are that many Radix developers in there. The only dev I found on both was vladmoroz, am I missing something?

  22. naive-ui

    A Vue 3 Component Library. Fairly Complete. Theme Customizable. Uses TypeScript. Fast.

    Project mention: DaisyUI: Tailwind CSS Components | news.ycombinator.com | 2025-07-22
  23. dnd-kit

    The modern toolkit for building drag and drop interfaces

    Project mention: Building No-Code Excel-like Tables: Implementing Drag & Drop UI | dev.to | 2025-12-15

    For drag & drop, I used @dnd-kit.

  24. react-window

    React components for efficiently rendering large lists and tabular data

    Project mention: How to Improve Performance in React Applications | dev.to | 2026-03-27

    Libraries like react-window help implement list virtualization by rendering a small subset of items based on the visible area, improving rendering speed and reducing memory usage.

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

Log in or Post with

UI Components related posts

  • Generate PDF invoices in React with a live preview

    5 projects | dev.to | 31 May 2026
  • How I turned a Python function into a web app in one decorator

    1 project | dev.to | 23 May 2026
  • Show HN: Tailgrids – React UI library with 600 Tailwind component

    1 project | news.ycombinator.com | 18 May 2026
  • How to Build and Scale Design Systems: Starting with the Right Framework

    1 project | dev.to | 27 Apr 2026
  • How I Built a Creative Writing Platform With 3 Different Editors

    1 project | dev.to | 2 Apr 2026
  • How to Improve Performance in React Applications

    1 project | dev.to | 27 Mar 2026
  • Add Authentication and SSO to Your Gradio App

    2 projects | dev.to | 25 Mar 2026
  • A note from our sponsor - SaaSHub
    www.saashub.com | 7 Jun 2026
    SaaSHub helps you find the best software and product alternatives Learn more β†’

Index

What are some of the best open-source UI Component projects? This list will help you:

# Project Stars
1 Ionic Framework 52,521
2 Semantic UI 51,079
3 gradio 42,815
4 Swiper 41,850
5 vuetify 40,995
6 react-bits 40,481
7 chakra-ui 40,428
8 tiptap 37,098
9 slate 31,684
10 mantine 31,213
11 sortablejs 31,133
12 react-table 28,065
13 react-select 28,041
14 react-virtualized 27,064
15 react-native-elements 25,830
16 lexical 23,491
17 lucide 22,886
18 react-dnd 21,648
19 NativeBase 20,388
20 primitives 18,941
21 naive-ui 18,352
22 dnd-kit 17,206
23 react-window 17,187

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com

Did you know that TypeScript is
the 2nd most popular programming language
based on number of references?