JavaScript UI Components

Open-source JavaScript projects categorized as UI Components

Top 23 JavaScript UI Component Projects

  • Semantic-UI

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

  • react-beautiful-dnd

    Beautiful and accessible drag and drop for lists with React

    Latest mention: Show HN: A cool Drag-and-Drop implementation for Svelte | news.ycombinator.com | 2021-01-11

    Not sure how similar it is, but [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd) is pretty nice.

  • react-select

    The Select Component for React.js

  • sortablejs

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

  • react-virtualized

    React components for efficiently rendering large lists and tabular data

  • react-native-elements

    Cross-Platform React Native UI Toolkit

    Latest mention: 11 Top React Native Component libraries to Use in 2020 | dev.to | 2020-10-15

    Github Stars: 19,500

  • NativeBase

    Essential cross-platform UI components for React Native

    Latest mention: 11 Top React Native Component libraries to Use in 2020 | dev.to | 2020-10-15

    Github Stars: 14,300

  • react-table

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

    Latest mention: Chakra Ui V1 Just Released | reddit.com/r/reactjs | 2020-12-31

    Any short term plans for advanced table component? Or at less some guidelines to integrate chakra-ui Table with external libs (like react-table), to power table component with advanced features like virtualization, search...

  • react-dates

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

    Latest 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

    🌲 Evergreen React UI Framework by Segment

    Latest mention: Intro to Evergreen UI | dev.to | 2020-12-22
  • marko

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

  • react-color

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

  • downshift

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

    Latest mention: Building my own components | reddit.com/r/reactjs | 2021-01-12

    There's also Downshift, but you have to build your own UI: https://github.com/downshift-js/downshift

  • react-slick

    React carousel component

    Latest 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

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

  • victory

    A collection of composable React components for building interactive data visualizations

  • text-mask

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

  • react-dropzone

    Simple HTML5 drag-drop zone with React.js.

  • react-markdown

    Markdown component for React

    Latest mention: An interesting problem with string to JSX conversions | reddit.com/r/reactjs | 2021-01-08

    Just googling there seem to be libraries for turning markdown to react nodes like this one from remark.

  • react-draggable

    React draggable component

  • react-modal

    Accessible modal dialog component for React

  • react-map-gl

    React friendly API wrapper around MapboxGL JS

  • react-autosuggest

    WAI-ARIA compliant React autosuggest component

    Latest 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.💻

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