A neat little utility that adds a visual ‘scrollable’ pointer graphic to indicate that a section of the page is able to be scrolled or swiped horizontally. Great for mobile apps with horizontal scrolling sections.
23. ToastUI Editor
ToastUI Editor is an extensible WYSIWYG editor that features GitHub-flavoured Markdown along with extensions for creating attractive bar graphs and UML-based diagrams.
This library enables your UI to include desktop-like selections. For example, you can click-and-drag multiple items to select a group of objects on the page or use Cmd/Ctrl-click for non-adjacent selections of groups of elements.
According to Glider.js' website, this is a 'blazingly fast, crazy small, fully responsive, mobile-friendly, dependency-free, native carousel/slider with paging controls'. Includes a 3D-like perspective view and works great on mobile and desktop using drag/swipe to cycle through the items.
Get your hands on this library of React components for enterprise system products. This impressive suite includes a large number of components with rich interactions, such as modals, alerts, popovers, drawers, progress bars, form elements, data display and lots more.
A WYSIWYG live-collaboration editor that generates code for your presentational Angular/React components. With Pagedraw, you can draw React components as usual but the big difference is they can be used as if they were manually coded.
We all appreciate the importance of keeping libraries in an organised state. This sortable library for React offers various options for different drag-and-drop scenarios.
There are many state management libraries for React. Unstated aims to differentiate itself through its ease of use. With Unstated, you build on top of the patterns set out by React components and context. No intense architecture needed.
34. Reach Router
Reach Router is one of the more recent and popular routing solutions for React with many features. This one is touted as a next-generation routing option with out-of-the-box accessibility.
Turn SVGs into React components by means of a CLI or as a webpack, rollup or Parcel plugin. You can try out SVGR using an online playground that instantly converts editable SVG code to React.
This Excel-like grid component for React features cell editing, high-performance scroll and resizable columns. The grid can be controlled via mouse or keyboard, similar to a native spreadsheet app.
Next page: Media tools, and testing and data tools