Need

Allow user to select multiple dates.

The user should be able to select several dates in the calendar view. (Instead of having to re-open the date picker every time.)

Are there React date picker libraries covering that use case?

Need

Allow user to select a date and a time.

The user should be able to select an arbitrary date and an arbitrary time.

What are the React date pickers supporting time selection?

Need

Allow user to select a time.

I want to the user to be able to pick a time independently of a date; The user should be able to select a time without picking a date.

What is the list of libraries implementing a time picker?

Need

Display data with colums and rows.

I want to present data in tabular format.

What React table libraries are there?

Awaiting upvotes
13
1y
react-tisch
Table component for React and Bootstrap with real React components as cells.
29
1y
violet-paginator
Display, paginate, sort, filter, and update items from the server. violet-paginator is a complete list management library for react/redux applications.
1k
1y
react-table
React Table - A lightweight, fast and extendable datagrid for React.
2
5m
react-pricing-table
Fast, flexible, simple pricing tables in React.
13
1y
rsuite-table
A React table component. Support fixed columns, resizable columns, custom cells, tree Table, pagination.
5
8m
react-virtualized-pivot
React Virtualized Pivot.
0
2m
react-responsive-tables
A react component for responsive tables.
10
4m
react-virtualized-sticky-tree
A React component for efficiently rendering tree like structures with support for position: sticky.
442
1y
fixed-data-table-2
A React table component designed to allow presenting millions of rows of data.
25
9m
gigatables-react
GigaTables is a ReactJS plug-in to help web-developers process table-data in applications and CMS, CRM, ERP or similar systems.
1 hidden (1 in Graveyard)
Add library

Need

Display a view in a modefull popup.

I want to display a new view in a popup superposing the current view.

It should be "modefull";, i.e. blocking; The user has to close the popup before proceeding.

For example a "yes/no" dialog or a modal to temporary show more information.

Such popup is also often called overlay, modal, alert, dialog, or lightbox.

What are the React modefull overlay libraries out there?

Need

Notify the user with a little, modeless, and temporary popup.

I want to notify the user that something happend. For that I want to use a little popup (e.g. 300px X 70px) for a short period of time that then automatically closes itself.

Such little popup is also often called toaster or snackbar.

What is the list of all good notification libraries for React?

Need

Display information upon mouse hover.

My website has elements that are not 100% intuitive and they need explanation. I want to show a little popup with the explanatory text next to the element. The little popup should be displayed when the user cursor hovers the element and should disappear when the cursor moves out of the element.

What React tooltips libraries are there?

Need

Display a huge list of entries but only render entries that are visible.

I have a large list of several thousands of entries that I want to show to the user.

I want to dispaly the entire list without pagination. But rendering all thousands of entries is performance-wise unpractical.

Instead of rendering all entries at once, the entries should be rendered only when they become visible as the user scrolls up and down the list. This technique is called "virtualization" or "lazy load".

What React libraries are there to achieve that?

Need

Display a list and add entries to it as the user scrolls down.

I have a list with a large number of entries. All entries can't be loaded and shown at once because there are too many of them. Instead of using pagination I want entries to be loaded and added to the list when the user reaches the end of the list when scrolling down the list. That way the user can view the entire list just by scrolling down. This technique is called "Infinite Scroll".

What React libraries are there to help me implement infinite scroll view?

Need

Display a list of actions upon right-click.

When you right-click on a file in a desktop interface a little popup is shown with possible actions to take, like deleting the file, renaming the file, etc. I want this for my React app.

What react context menu libraries are there?

Need

Make sure that an element is always visible.

The W3C added a specification for `position: sticky` which is great but not implemented in all browsers yet.

The library doesn't need to be a polyfill and doesn't need to comply to the spec. I just want to make sure that an element is always visible. And I don't want to use `position: fixed` because the element should scroll along the rest of the content and should "detach" itself when needs be. Basically the element should switch between "position: static" and "position: fixed". See the W3C `position: sticky` for more information.

Are there libraries that help make a React element sticky?

Need

Hide header when scrolling down and show it again when scrolling up.

To save vertical space, many mobile apps implement a header that disappears when the user scrolls down and appears again when the user scrolls up. Chrome for mobile does that for example.

Need

Let the user know that something is being loaded.

I want to let the user know when something is loading. E.g. when a form is being submitted, when the page is loading, etc.

I'm open for it to be a spinner, a progress bar, or whatever.

What are the different ways to show the user a loading status and what libraries are there for that?

Need

Display several views, one at a time.

I basically want a slideshow; There are several elements to be shown and one should be shown at a time in a rotating fashion.

I'm interessted in carousels that slide between images as well in carousels that slide between React Elements.

What libraries can I use to easliy implement such carousel with React?

Need

Smoothly collapse and expand elements.

I have an element I want to show to the user only upon a certain condition and instead of abruptly hide/show the element using `display: none` I want it to smoothly appear/disappear.

Need

Visualize data in charts, graphs, diagrams, etc.

I have lot's and all kinds of data and I want to show them to the user in a nice way.

I'm up for all kinds of visualization.

1-2 years old
5k
2y
recharts
Redefined chart library built with React and D3.
4k
2y
victory
A collection of composable React components for building interactive data visualizations.
1k
1y
react-vis
Data-Visualization oriented components.
1k
2y
react-chartjs
Common react charting components using chart.js.
1k
2y
react-sparklines
Beautiful and expressive Sparklines React component.
1k
2y
react-d3-components
D3 Components for React.
799
1y
react-dazzle
Dashboards made easy in React JS.
668
2y
react-highcharts
React-highcharts.
524
1y
chartify
React.js plugin for building animated draggable and customizable charts.
300
1y
rd3
React + d3.
238
2y
react-google-charts
A React Google Charts Wrapper.
200
1y
rumble-charts
React components for building composable and flexible charts.
175
2y
d3-react-squared
Lightweight event system for (d3) charts and other components for ReactJS.
2 hidden (2 in Graveyard)
Add library

Need

Scroll to different sections.

I have a page with many sections. I want to display a menu listing all these sections. When the user clicks on a section in the menu then the page should scroll to the corresponding section.

Need

Format time / date / age to be human readable.

Our app is a social news site and we are using React. We are showing lot's of dates and we want to display them a nice human readable format. E.g. "Posted 9 minutes ago.".

All kinds of ways to print times, dates, and time-agos in a readable fashion are interessting to us.

Need

Showcase several photos / images.

I've a collection of images I want the user to be able to browser over / navigate through.

Are there React libraries implementing a photo gallery?

Need

Show a single image/photo.

I'm interested in libraries that help display a single image to the user.

With features like pan, zoom, etc.

I'm not interessted in image manipulation libraries but only in libraries that help show an image to the user.

Need

Generate QR codes.

I'm looking for a React component to generate QR codes.

Need

Display a control element to paginate.

I'm looking for a small component allowing the user to select what page should be shown. E.g. by showing page number buttons, a "next page" button, and a "previous page" button.

Need

Parse and render markdown source.

I'm looking for a library that parses markdown source to a React element.

Need

Allow users to view and edit events in a calendar view.

Events are crucial to my app and the user should be able to view, edit and create new events.

He should be able to do all that with the help of a calendar view.

Is there a React library implementing such event calendar?

Need

Custom text input types.

I want to be able to arbitrary limit what the user can enter in a text input.

E.g. I want to be able to enforce the three first characters to be non-digit letters and the following three characters to be digits.

Need

Let the user select among a list of options by typing text.

I have a list of many options and I want the user to be able to choose one. A dropdown showing all options is not suitable since there can be hundreds of options. Instead the user should be able to type text and then only options matching the text are shown to him in a dropdown. I believe this technique to be called typeahead.

What are the typeahead libraries for React out there?

Need

Allow user to toggle a binary switch.

I basically want something like `<input type="checkbox">` where the user is able to switch between on/off, yes/no, true/false, i.e. between two states. I'm also interested in libraries implementing a third "neutral"/"unselected" state.

What are the React libraries implementing such toggle?

Need

Allow user to choose from a range of values.

I want the user to be able to choose a value between a minimum and a maximum by visually moving a handle towards the minimum value to decrease the chosen value or towards the maximum value to increase the chosen value.

What are the slider libraries for React out there?

Need

Display a set of options and let the user choose one.

The user has to choose among a couple of choices and I want to show him all choices without a dropdown and in general without having him interact with the app.

So basically something like a `<form>` with several `<input type="radio">`.

What are the React libraries out there implementing such radio group?

Need

Allow user to insert references in text.

I want the user to be able to insert inline references in a text he is writing. On Facebook for example, a user can write a comment that includes a mention of a friend.

Are there React libraries that help me achieve that?

Need

Automatically resize text input.

I want a text input / textarea that automatically resizes itself as the user adds / removes text so that the entire text is always visible.

Is there a React library that adds auto-resize functionality to a React input / textarea?

Need

Allow user to rate something with stars.

For example our app is showing entries that the user should be able to rate by "giving" between 0 and 5 stars.

Are there libraries that allow the user to "star-rate" something?

Need

Allow the user to drop a file from disk to the app.

Instead of using the standard file select input `<input type="file">` we want the user to be able to drag & drop a file to our application.

Need

Allow user to edit source code.

My React app shows several code snippets and I want the user to be able to edit them.

I'm looking for a text editor specialized on source code editing, that is with features like highlighting, auto-indenting, etc.

Need

Allow user to edit markdown source.

Right now my app lets the user edit markdown source in a `<textarea>`. But I want the editing to be a nicer experience.

For example by changing the style of the source text depending on the markdown interpretation; a `**an emphasis**` should be shown in bold and a `# A Header` shown with an increased font-size. Or for example by showing control elements to insert new links, headers, quotes, etc.

Are there markdown libraries for React that implement such features?

Need

Set of components + reponsive layout system.

Instead of having to implement common components myself I want to use a UI framework with a coherent design.

The framework should include a system to have responsive views that adapt to the screen size.

1-2 years old
14k
2y
antd
A UI Design Language.
6k
2y
react-toolbox
A set of React components implementing Google's Material Design specification with the power of CSS Modules.
6k
1y
@blueprintjs/core
A React-based UI toolkit for the web.
3k
2y
elemental
A flexible and beautiful UI framework for React.js.
3k
2y
semantic-ui-react
The official Semantic-UI-React integration.
2k
2y
searchkit
React UI components / widgets. The easiest way to build a great search experience with Elasticsearch.
2k
2y
rebass
Configurable React Stateless Functional UI Components.
1k
2y
grommet
The most advanced UX framework for enterprise applications.
1k
2y
belle
Configurable React Components with great UX.
1k
1y
reactstrap
Simple React Bootstrap 4 components.
1k
2y
react-mdl
React Components for Material Design Lite.
1k
2y
rctui
A collection of components for React, base on bootstrap 4.0.
540
2y
react-materialize
Material design for react, powered by materializecss.
401
2y
react-essence
Essence - The Essential Material Design Framework.
287
1y
react-uikit-components
React UIkit Components for the UIKit CSS framework.
264
1y
react-foundation
Foundation as React components.
1 hidden (1 in Graveyard)
Add library

Need

Bootstrap implemented with React.

I like Bootstrap, is there a React version of Boostrap?