Top 23 JavaScript UI Component Projects

• Semantic UI

  0 49,017 0.0 JavaScript

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

• react-beautiful-dnd

  4 22,604 5.0 JavaScript

  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 | reddit.com/r/SideProject | 2021-02-25

  Thanks. I'm using this lib https://github.com/atlassian/react-beautiful-dnd.

• Scout

  Sponsored scoutapm.com

  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.

• react-select

  0 21,997 8.7 JavaScript

  The Select Component for React.js

• sortablejs

  0 21,970 4.4 JavaScript

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

• react-virtualized

  2 21,075 5.3 JavaScript

  React components for efficiently rendering large lists and tabular data

  Project mention: Faster painting? | reddit.com/r/react | 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 - https://github.com/bvaughn/react-virtualized

• react-native-elements

  3 20,140 8.8 JavaScript

  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! | reddit.com/r/reactnative | 2021-02-25

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

• NativeBase

  2 14,721 7.5 JavaScript

  Essential cross-platform UI components for React Native

  Project mention: Awesome React Native UI Kits for 2021 | dev.to | 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:

• react-table

  3 13,603 8.4 JavaScript

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

  Project mention: Animating cells being added to a table | reddit.com/r/learnreactjs | 2021-02-03

• react-dates

  1 11,275 4.4 JavaScript

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

  Project mention: Things to Consider When Choosing a Component Library | dev.to | 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.

• evergreen

  1 10,514 7.3 JavaScript

  🌲 Evergreen React UI Framework by Segment

  Project mention: Intro to Evergreen UI | dev.to | 2020-12-22

• marko

  1 10,082 9.1 JavaScript

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

  Project mention: Server Rendering in JavaScript: Optimizing Performance | dev.to | 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.

• react-color

  0 9,433 5.0 JavaScript

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

• downshift 🏎

  2 9,336 7.3 JavaScript

  🏎 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 | news.ycombinator.com | 2021-02-05

  [2] https://github.com/downshift-js/downshift

• react-slick

  1 9,237 7.2 JavaScript

  React carousel component

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

  I've had good results using slick slider. https://kenwheeler.github.io/slick/ and the react version https://github.com/akiran/react-slick

• react-sortable-hoc

  0 9,124 0.0 JavaScript

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

• victory

  2 8,689 9.3 JavaScript

  A collection of composable React components for building interactive data visualizations

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

  Victory

• react-text-mask

  0 7,940 0.9 JavaScript

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

• react-dropzone

  0 7,929 4.5 JavaScript

  Simple HTML5 drag-drop zone with React.js.

• react-markdown

  5 6,560 6.0 JavaScript

  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? | reddit.com/r/learnprogramming | 2021-01-30

  How about https://github.com/remarkjs/react-markdown?

• react-draggable

  0 6,427 4.3 JavaScript

  React draggable component

• react-modal

  1 6,067 4.4 JavaScript

  Accessible modal dialog component for React

  Project mention: Talk to your React components with custom events | dev.to | 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:

• react-map-gl

  0 5,805 0.0 JavaScript

  React friendly API wrapper around MapboxGL JS

• react-autosuggest

  1 5,552 5.9 JavaScript

  WAI-ARIA compliant React autosuggest component

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

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

Index