I want the user to be able to pick a date.
What are the React date picker libraries out there?
I want the user to be able to select a start date and an end date.
What are the React date pickers that support range selection?
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?
The user should be able to select an arbitrary date and an arbitrary time.
What are the React date pickers supporting time selection?
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?
I want to present data in tabular format.
What React table libraries are there?
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?
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?
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?
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?
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?
The user can choose among several pages to navigate to / several actions to perform. I want to show him these routes / actions in a menu.
I'm open as to how. Classical ways are fine (e.g. a sidebar listing page names) but I'm also curious for innovative solutions.
What are menu/navigation libraries for React apps?
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?
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?
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.
I basically want the same thing than browser tabs but for my React app.
What React libraries are there to achieve that?
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?
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?
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.
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.
I want to display the user a tree, i.e. a graph with a single parent.
Are there React libraries specialized in that?
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.
Browser scroll bars are ugly, I want a personalized/cusrtomizable scrollbar instead.
Any React library helping create a custom scrollbar?
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.
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?
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.
I like emojis and I want to get to know all emoticon libraries for React apps.
I'm looking for a React component to generate QR codes.
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.
I'm looking for a library that parses markdown source to a React element.
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?
Are there React credit card form libraries?
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.
I'm looking for libraries implementing a telephone number input.
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?
I want something similar to the HTML `<select>` element. But `<select>` is not customizable.
What React dropdown libraries are there?
Instead of the user having to enter the color code, I want him to be able to choose a color in a visual way.
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?
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?
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?
I'm looking for a library that allows the user to select tags.
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?
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?
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?
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.
Our application is showing elements that the user should be able to move around.
What React libraries are there that help add drag & drop functionality to our app?
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.
I'm building a website where the user should be able to enter richt text, that is text that can include bolded text, links, headers, etc.
What are the rich text editors for React?
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?
I'm looking for libraries that let my users manipulate images. For example cropping, resizing, etc.
Are there image manipulation React libraries?
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.
I like Bootstrap, is there a React version of Boostrap?
I want my website to have a Material Design. Are there UI framworks following Material Design's guidelines?
I want to use a collection of components instead of implementing my own. It doesn't need to include a responsive layout system.
I'm looking for a collection of form components.