JavaScript UI Components

Open-source JavaScript projects categorized as UI Components

Top 23 JavaScript UI Component Projects

  • GitHub repo Semantic UI

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

  • GitHub repo react-beautiful-dnd

    Beautiful and accessible drag and drop for lists with React

    Project mention: I'm building a menu bar app to check the things that matter to you | | 2021-02-25

    Thanks. I'm using this lib

  • Scout

    Get performance insights in less than 4 minutes. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

  • GitHub repo react-select

    The Select Component for React.js

  • GitHub repo sortablejs

    Create and reorder lists with drag-and-drop. For use with modern browsers and touch devices

  • GitHub repo react-virtualized

    React components for efficiently rendering large lists and tabular data

    Project mention: Faster painting? | | 2021-02-13

    Virtualize components that are not visible (ie do not actually render them unless they are in view). This is generally for large lists. Use this library to help with that -

  • GitHub repo react-native-elements

    Cross-Platform React Native UI Toolkit

    Project mention: If you've been hesitating to give Reanimated 2 a try for awhile, this is your best shot. I put a lot of effort to make it as concise and simple to start with. I truly hope this will be helpful. Very open to feedback, so really speak your mind! | | 2021-02-25

    are you looking for libraries like react-native-elements? there's a list of it here.

  • GitHub repo NativeBase

    Essential cross-platform UI components for React Native

    Project mention: Awesome React Native UI Kits for 2021 | | 2021-02-24

    Nativebase is a nice alternative to use, its a complete kit, have a lot of components and a good documentation. The idea here is "truly native look and feel", you will get a native ui for Android and Ios. We also can have some nice examples of projects and some awesome templates. Check here some screenshots:

  • GitHub repo react-table

    ⚛️ Hooks for building fast and extendable tables and datagrids for React

    Project mention: Animating cells being added to a table | | 2021-02-03
  • GitHub repo react-dates

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

    Project mention: Things to Consider When Choosing a Component Library | | 2020-10-11

    This was the case for Airbnb with the popular react-dates project. They tried out solutions and had to change so much code that, at some point, they decided to build their own. The answer to the question of whether to create a component library is, as always, that it depends.

  • GitHub repo evergreen

    🌲 Evergreen React UI Framework by Segment

    Project mention: Intro to Evergreen UI | | 2020-12-22
  • GitHub repo marko

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

    Project mention: Server Rendering in JavaScript: Optimizing Performance | | 2021-02-25

    What makes this whole thing possible is browsers will eagerly render even drawing elements that they haven't yet received their closing tags and execute scripts inline as you send them on the page. I will describe how this works in Marko.

  • GitHub repo react-color

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

  • GitHub repo downshift 🏎

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

    Project mention: Launch HN: MagicBell (YC W21) – embedded notification system for your product | | 2021-02-05


  • GitHub repo react-slick

    React carousel component

    Project mention: What's a good image carousel/slider these days? | | 2021-01-02

    I've had good results using slick slider. and the react version

  • GitHub repo react-sortable-hoc

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

  • GitHub repo victory

    A collection of composable React components for building interactive data visualizations

    Project mention: Understanding front-end data visualization tools ecosystem in 2021 📊📈 | | 2021-02-18


  • GitHub repo react-text-mask

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

  • GitHub repo react-dropzone

    Simple HTML5 drag-drop zone with React.js.

  • GitHub repo react-markdown

    Markdown component for React

    Project mention: [React] Libraries to simplify styling/formatting of user "posts" retrieved from the database as a gigantic string of doom and ugliness? | | 2021-01-30

    How about

  • GitHub repo react-draggable

    React draggable component

  • GitHub repo react-modal

    Accessible modal dialog component for React

    Project mention: Talk to your React components with custom events | | 2021-02-23

    I've build an example app with Create React App to illustrate this. The App component includes a modal built with React Modal:

  • GitHub repo react-map-gl

    React friendly API wrapper around MapboxGL JS

  • GitHub repo react-autosuggest

    WAI-ARIA compliant React autosuggest component

    Project mention: Covtact: Secure COVID-19 Contact Diary [DO Hackathon submission] | | 2021-01-09

    React Date Picker and React Autosuggest which helped me to build easy to use inputs.💻

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). The latest post mention was on 2021-02-25.


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

Project Stars
1 Semantic UI 49,017
2 react-beautiful-dnd 22,604
3 react-select 21,997
4 sortablejs 21,970
5 react-virtualized 21,075
6 react-native-elements 20,140
7 NativeBase 14,721
8 react-table 13,603
9 react-dates 11,275
10 evergreen 10,514
11 marko 10,082
12 react-color 9,433
13 downshift 🏎 9,336
14 react-slick 9,237
15 react-sortable-hoc 9,124
16 victory 8,689
17 react-text-mask 7,940
18 react-dropzone 7,929
19 react-markdown 6,560
20 react-draggable 6,427
21 react-modal 6,067
22 react-map-gl 5,805
23 react-autosuggest 5,552