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. Learn more →
Top 23 JavaScript UI Component Projects
-
Semantic UI
Semantic is a UI component framework based around useful principles from natural language.
-
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.
-
For carousels I would say Swipper is definitely the best option.
-
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.
-
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.
-
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
-
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.
-
github.com/remarkjs/react-markdown - Biblioteca para renderizar markdown em nosso componente react.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
react-bits
An open source collection of animated, interactive & fully customizable React components for building stunning, memorable user interfaces. (by DavidHDev)
Project mention: Introducing React Bits - A Library of Beautifully Animated React UI Components | dev.to | 2025-01-08GitHub: https://github.com/DavidHDev/react-bits
-
Project mention: Marko: A declarative, HTML-based language that makes building web apps fun | news.ycombinator.com | 2025-04-27
-
3. Tailwind Elements A free collection of essential elements and components designed with Tailwind for modern websites. Tailwind Elements:
-
Project mention: 30+ CSS libraries and frameworks help you style your applications efficiently. | dev.to | 2024-08-12
Evergreen Evergreen is a React UI framework for building ambitious products on the web. It includes a range of polished, flexible components and follows best practices in accessibility and design.
-
-
downshift 🏎
🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
-
-
Project mention: Top 10 React Carousels to Use in 2025: User-Friendly and Efficient | dev.to | 2025-01-25
Website: https://react-slick.neostack.com/
-
react-sortable-hoc
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
-
Project mention: Comparison of S3 upload feature between Documenso and aws-s3-image-upload example | dev.to | 2024-12-16
-
-
Tailblocks
-
Other Tailwind Libraries: If the Shadcn approach isn't your jam, there are libraries like Flowbite or DaisyUI. They offer ready-made components styled with Tailwind, often installed as dependencies. Providing similar speed benefits for common patterns.
-
Project mention: 🚀 Top React Libraries for Project Management Apps You Need to Know | dev.to | 2025-01-16
FullCalendar is a full-featured, Google-like JavaScript event calendar with the ability to display events or allocate resources in Month, Week, Day, Year, and List views. I included it in the list because it provides a React component for seamless integration and it is widely recognized as a top-tier library for managing events and schedules in project management apps.
-
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
JavaScript UI Components discussion
JavaScript UI Components related posts
-
My Webflow Toolkit: Tools, Tips, and Resources I use daily
-
Optimizing React Frontend Deployment: Security and Performance Analysis of Docker Base Images
-
Marko: A declarative, HTML-based language that makes building web apps fun
-
Build an image gallery with Astro and React
-
Why React Virtualized Matters: Rendering Smart, Not Hard
-
How to Build a Portfolio Website with React
-
Mako: An fast, production-grade web bundler based on Rust by Ant Group
-
A note from our sponsor - InfluxDB
www.influxdata.com | 13 Jun 2025
Index
What are some of the best open-source UI Component projects in JavaScript? This list will help you:
# | Project | Stars |
---|---|---|
1 | Semantic UI | 51,164 |
2 | Swiper | 41,072 |
3 | react-beautiful-dnd | 33,932 |
4 | sortablejs | 30,448 |
5 | react-virtualized | 26,824 |
6 | react-window | 16,552 |
7 | react-markdown | 14,448 |
8 | react-bits | 13,827 |
9 | marko | 13,609 |
10 | TW-Elements | 13,029 |
11 | evergreen | 12,393 |
12 | react-dates | 12,236 |
13 | downshift 🏎 | 12,215 |
14 | react-color | 12,139 |
15 | react-slick | 11,880 |
16 | react-sortable-hoc | 10,881 |
17 | react-dropzone | 10,811 |
18 | react-draggable | 9,182 |
19 | tailblocks | 8,823 |
20 | flowbite | 8,616 |
21 | react-big-calendar | 8,335 |
22 | react-text-mask | 8,250 |
23 | react-modal | 7,409 |