JavaScript UI Components

Open-source JavaScript projects categorized as UI Components

Top 23 JavaScript UI Component Projects

UI Components
  1. Semantic UI

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

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

    InfluxDB logo
  3. Swiper

    Most modern mobile touch slider with hardware accelerated transitions

    Project mention: My Webflow Toolkit: Tools, Tips, and Resources I use daily | dev.to | 2025-06-02

    For carousels I would say Swipper is definitely the best option.

  4. react-beautiful-dnd

    Beautiful and accessible drag and drop for lists with React

    Project mention: Top 5 Drag-and-Drop Libraries for React | dev.to | 2025-02-20

    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.

  5. sortablejs

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

    Project mention: Svelte 5 and SortableJS | dev.to | 2025-02-02

    We can also pass all the options for SortableJS as the second parameter. See SortableJS Docs.

  6. react-virtualized

    React components for efficiently rendering large lists and tabular data

    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

  7. react-window

    React components for efficiently rendering large lists and tabular data

    Project mention: React Performance Optimization Techniques Part 1 | dev.to | 2024-09-27

    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.

  8. react-markdown

    Markdown component for React

    Project mention: Building a Dynamic Blog Dashboard with Next.js | dev.to | 2024-12-06

    github.com/remarkjs/react-markdown - Biblioteca para renderizar markdown em nosso componente react.

  9. SaaSHub

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

    SaaSHub logo
  10. 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-08

    GitHub: https://github.com/DavidHDev/react-bits

  11. marko

    A declarative, HTML-based language that makes building web apps fun

    Project mention: Marko: A declarative, HTML-based language that makes building web apps fun | news.ycombinator.com | 2025-04-27
  12. TW-Elements

    𝙃𝙪𝙜𝙚 collection of Tailwind MIT licensed (free) components, sections and templates 😎

    Project mention: Ultimate UI and Development Resource Guide for 2024 🚀 | dev.to | 2024-09-05

    3. Tailwind Elements A free collection of essential elements and components designed with Tailwind for modern websites. Tailwind Elements:

  13. evergreen

    🌲 Evergreen React UI Framework by Segment

    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.

  14. react-dates

    An easily internationalizable, mobile-friendly datepicker library for the web

  15. downshift 🏎

    🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.

  16. react-color

    :art: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more

  17. react-slick

    React carousel component

    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/

  18. react-sortable-hoc

    A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️

  19. react-dropzone

    Simple HTML5 drag-drop zone with React.js.

    Project mention: Comparison of S3 upload feature between Documenso and aws-s3-image-upload example | dev.to | 2024-12-16
  20. react-draggable

    React draggable component

  21. tailblocks

    Ready-to-use Tailwind CSS blocks.

    Project mention: 10 Websites to Get FREE Tailwind Components | dev.to | 2025-01-02

    Tailblocks

  22. flowbite

    Open-source UI component library and front-end development framework based on Tailwind CSS

    Project mention: Cut the Crap: Ship Better-Looking Websites (Fast) | dev.to | 2025-05-03

    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.

  23. react-big-calendar

    gcal/outlook like calendar component

    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.

  24. react-text-mask

    Input mask for React, Angular, Ember, Vue, & plain JavaScript

  25. react-modal

    Accessible modal dialog component for React

  26. SaaSHub

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

    SaaSHub logo
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).

JavaScript UI Components discussion

Log in or Post with

JavaScript UI Components related posts

  • My Webflow Toolkit: Tools, Tips, and Resources I use daily

    2 projects | dev.to | 2 Jun 2025
  • Optimizing React Frontend Deployment: Security and Performance Analysis of Docker Base Images

    6 projects | dev.to | 20 May 2025
  • Marko: A declarative, HTML-based language that makes building web apps fun

    1 project | news.ycombinator.com | 27 Apr 2025
  • Build an image gallery with Astro and React

    5 projects | dev.to | 8 Apr 2025
  • Why React Virtualized Matters: Rendering Smart, Not Hard

    1 project | dev.to | 27 Mar 2025
  • How to Build a Portfolio Website with React

    13 projects | dev.to | 13 Mar 2025
  • Mako: An fast, production-grade web bundler based on Rust by Ant Group

    1 project | news.ycombinator.com | 9 Mar 2025
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 13 Jun 2025
    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 →

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

Sponsored
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.
www.influxdata.com