widgets.md

Widgets and Components

Assorted Components

• redux-infinite-scroll
  https://github.com/RealScout/redux-infinite-scroll
  A stateless React infinite scroll component meant for usage within Redux.

• redux-validations
  https://github.com/trevorwhitney/redux-validations
  A library to provide simple validations for React components using Redux and higher order component decorators.

• redux-json-tree
  https://github.com/krispo/redux-json-tree
  React/Redux editable JSON tree component for deeply nested data, with a single store. It simulates a simple two-way data-binding mechanism.

• connect-with-transition-group
  https://github.com/esayemm/connect-with-transition-group
  Enable ReactTransitionGroup lifecycles on redux 'connected' components

• react-redux-idle-monitor
  https://github.com/cchamberlain/redux-idle-monitor
  https://github.com/cchamberlain/react-redux-idle-monitor
  Works in tandem with redux-idle-monitor to connect information about a users activity / idle state into your React components.

• React Redux Loading Bar
  https://github.com/mironov/react-redux-loading-bar
  A simple React component that provides Loading Bar (aka Progress Bar) for long running tasks. Works out of the box with redux-promise-middleware and can be easily tweaked for other usage.

• react-redux-terminal
  https://github.com/phpingme/react-redux-terminal
  React+Redux driven terminal component

• react-recorder-redux
  https://github.com/agrasley/react-recorder-redux
  Redux actions and bindings for react-recorder

• react-redux-dropdown
  https://github.com/rcsole/react-redux-dropdown
  simple react dropdown component using redux-ui

• redux-audio
  https://github.com/agrasley/redux-audio
  Redux bindings for HTML5 audio elements

• redux-accordion
  https://github.com/rorykermack/redux-accordion
  A reusable and customisable accordion component for react/redux

• React-Redux-Typeahead
  https://github.com/zan-rosenthal/React-Redux-Typeahead
  An autocomplete UI component built with React and Redux.

• redux-nprogress
  https://github.com/jaredt67/redux-nprogress
  Redux Middleware, Reducer, Component & Actions for the most popular progress bar

• React Redux Spinner
  https://github.com/Storytel/react-redux-spinner
  A simple spinner for any "long" running tasks (such as fetching data off a server).

• React Redux Essentials
  https://github.com/ProAI/react-essentials
  React Redux UI collection with file upload/dropzone, form elements/validation and a lot more components.

• react-html5-video-editor
  https://github.com/evgenity/react-html5-video-editor
  React / redux video element with a crop marker. Crop markers emit Redux actions when dragged.

• redux-burger-menu
  https://github.com/negomi/redux-burger-menu
  A Redux reducer and higher-order component decorator for use with react-burger-menu.

• redux-loading
  https://github.com/schiehll/redux-loading
  Loading control with Redux

• react-redux-theme-provider
  https://github.com/jschr/react-redux-theme-provider
  React helpers for theming components. Works great with inline styles or any css-in-js library.

• react-redux-loadmask
  https://github.com/tsaiDavid/react-redux-loadmask
  A Redux-driven loading screen mask, with various spinner options

• redux-infinite-list
  https://github.com/KirillKayumov/redux-infinite-list
  An infinite list component with state tracked in Redux

• node-widgets
  https://github.com/reddit/node-widgets
  A collection of helpful React components that can be used without much effort in a React + Redux environment. Includes a tooltip, modal, and scroller.

• redux-status
  https://github.com/Vlad-Zhukov/redux-status
  A higher-order component decorator for painless state management with Redux and React

• redux-typeahead
  https://github.com/Anishmprasad/redux-typeahead
  Typeahead Component for React ES6 and Redux

• react-redux-lifecycle
  https://github.com/mpeyper/react-redux-lifecycle
  A higher-order component to dispatch actions on react lifecycle methods

• react-permissions
  https://github.com/IkoroVictor/react-permissions
  Permissioned component rendering in React, connectable to Redux

• redux-breadcrumb-trail
  https://github.com/MrLeebo/redux-breadcrumb-trail
  A stack-based breadcrumb component for react, react-redux, and react-router v3

• react-redux-transition-manager
  https://github.com/chuch0805/react-redux-transition-manager
  Higher order component to enable loading states between route transitions and fetch data for the new route

• react-block-ui
  https://github.com/Availity/react-block-ui
  This library contains easy to use components to prevent the user from interacting with the user interface based on some conditions. There is also a separate component which works with redux to help block and unblock automatically based on redux action types. See the ReduxBlockUi component for more details.

• redux-wizard-form
  https://github.com/frankPairs/redux-wizard-form
  A Redux-connected wizard form that helps manage steps and transitions.

• redux-list-builder
  https://github.com/kierandenshi/redux-list-builder
  A React component for building lists of strings

Layout

• subdivide
  https://github.com/philholden/subdivide
  Split pane layout system for React. Each pane can be subdivided and any widget assigned to any pane allowing users define layout. Uses Redux.

• react-redux-subdivide
  https://github.com/BerkeleyTrue/react-redux-subdivide
  Fork of subdivide, with ongoing development.

• Repanel
  https://github.com/StJohn3D/repanel A configurable panel framework inspired by blender.org

• react-tabs-redux
  https://github.com/patrik-piskay/react-tabs-redux
  Simple, fully customizable React tabs component that can be used in plain React application or with any Flux-like architecture with external application state, e.g. Redux.

• Nesting-Tiles
  https://github.com/rsml/nesting-tiles
  A nesting tile layout with controls to create and delete tiles based on React and Redux

• react-scroll-collapse
  https://github.com/danhaggard/react-scroll-collapse
  React/redux wrappers for auto-scrolling react-collapse components

• react-redux-layout
  https://github.com/skidding/react-redux-layout
  Unleash your creativity with dynamic layouts! Best suited for unconventional layouts, when the DOM is treated more like a canvas than a document. Yay for games, presentations and other full-screen experiences. Nay for articles, forums, e-commerce. YMMV.

• react-multistepper
  https://github.com/GigSalad/react-multistepper
  A Redux based React multistep UI system.

Modals

• react-redux-modal
  https://github.com/yuanqing/react-redux-modal
  A React modal connected to the Redux store.

• react-redux-modal
  https://github.com/diegoddox/react-redux-modal
  Another Redux-based React modal

• redux-modals
  https://github.com/barracudanetworks/redux-modals
  redux-modals is a very simple package for handling modal state in your redux applications. It only provides a reducer and a couple of actions for setting and unsetting your modals. The only thing this package assumes is that your modals are driven by your application state. Nothing fancy is done here and it does not actually show or hide your modals, it simply stores and provides a list of enabled modals.

• Relocation
  https://github.com/metalabdesign/relocation
  Relocation works with React Redux to manage modals, lightboxes, alerts, and overlays.

• redux-promising-modals
  https://github.com/AKolodeev/redux-promising-modals
  Prebuilt actions/reducer/middleware for handling a stack of modals in Redux

• react-redux-simple-modal
  https://github.com/sebinsua/react-redux-simple-modal
  A simple modal switcher for React and Redux

• react-layer-stack
  https://github.com/fckt/react-layer-stack
  Simple yet complete and agnostic layering system for React. Useful for any kind of windowing/popover/modals/tooltip application and more. Includes a Redux reducer that can track open layers.

• react-redux-basic-modal
  https://github.com/alexghenderson/react-redux-basic-modal
  Barebones modal framework implemented in react with redux. You feed it a mapping of ids to React components, and when an open action is dispatched, it will display only that component.

• react-redux-modal-provider
  https://github.com/myaskevich/react-redux-modal-provider
  react-redux-modal-provider controls the state of your React modal components using Redux.

• redux-modal-container
  https://github.com/ionutmilica/redux-modal-container
  Manage modals with ease when you're using React and Redux.

• redux-modal
  https://github.com/kinder5566/redux-modal
  The Simplest way to show an alert in react-redux

• redux-modal
  https://github.com/raff-r/redux-modal
  A React modal popup using Redux

• react-redux-modal-flex
  https://github.com/tronghiep92/react-redux-modal-flex
  Accessible modal dialog component for React Redux, Easy to install and use with Redux.

• redux-modal
  https://github.com/pcs2112/redux-modal
  Higher order component to connect modals to the redux state

• redux-modal
  https://github.com/khanghoang/redux-modal
  A convenient way to connect your modal with a Redux store.

• react-redux-easy-modal
  https://github.com/alexander-usolcev/react-redux-easy-modal
  Basic react-redux modal implementation (reducer, store, components and actions)

• redux-dialog
  https://github.com/suciuvlad/redux-dialog
  A Higher Order Component using react-redux to keep dialog state in a Redux store

• redux-reactstrap-modal
  https://github.com/anis-campos/redux-reactstrap-modal
  A Higher Order Component using react-redux to keep dialog state in a Redux store, inspired from suciuvlad/redux-dialog

Grids and Tables

• react-inline-grid
  https://github.com/broucz/react-inline-grid
  A predictable grid layout based on flexbox for React applications using inline styles. Uses Redux.

• React-Redux Grid
  https://github.com/bencripps/react-redux-grid
  A Grid Component written in React using the Redux Pattern.

• react-redux-table
  https://github.com/axelhzf/react-redux-table
  Proof of concept of using Immutable.Cursor to create reusable redux components

• redux-table
  https://github.com/rwieruch/redux-table
  Table component build with redux and react. It provides interactions like sort, filter and selection.

• redux-datagrid
  https://github.com/JamesHageman/redux-datagrid
  A Higher-Order Component for filtering, sorting and grouping in data tables. Inspired by redux-form.

• Sematable
  https://github.com/sematext/sematable
  Sematable wraps a table component, and provides filtering, sorting, row selection, pagination, with the ability to persist the table state in application state with Redux, so filters, sort info, selected rows, and pagination info survives route navigations.

• redux-datatable
  https://github.com/reharik/redux-datatable
  An in-progress Redux-based table component

• react-property-grid
  https://github.com/IngloriousCoderz/react-property-grid
  A react/redux implementation of an editable property grid.

• redux-data-table
  https://github.com/a-type/redux-data-table
  An implementation of a generic data table with sorting and filtering for React+Redux. Designed to be easy to use, but not necessarily performant or opinionated.

• redux-filterlist
  https://github.com/vtaits/redux-filterlist
  A Higher Order Component using react-redux for creating lists with filters, sotring, paginatinon, endless scroll etc.

• React Redux Feed
  https://github.com/airwoot/react-redux-feed
  An higher order component to create and maintain react-redux feeds from any data source

• redux-listview
  https://github.com/kpaxqin/redux-listview
  An HOC and Redux logic for creating list pages easier

• react-redux-composable-list
  https://github.com/SmallImprovements/react-redux-composable-list
  A list component with a variety of available customizations, including pagination and filtering

• redux-manifest
  https://github.com/autodatadirect/redux-manifest
  A paginated table implementation using Redux and React

Notifications

• re-notif
  https://github.com/indexiatech/re-notif
  React & Redux based notifications center. Thanks to Redux, the notification objects are maintained within Redux Store's State and are fired by Actions, Features such auto dismiss and styling are supported

• redux-flash-notification
  https://github.com/posabsolute/redux-flash-notification
  An es6 growl-like notification plugin for react and redux.

• react-redux-toastr
  https://github.com/diegoddox/react-redux-toastr
  react-redux-toastr is a toastr message implemented with Redux

• redux-tooltip
  https://github.com/kuy/redux-tooltip
  A tooltip React component for Redux.

• react-redux-notifications
  https://github.com/JakeGinnivan/react-redux-notifications
  Redux powered notification React components.

• Reapop
  https://github.com/LouisBarranqueiro/reapop
  A React and Redux notifications system

• re-alert
  https://github.com/zesik/re-alert
  A light-weight web page notification system for React and Redux.

• react-redux-notify
  https://github.com/deep-c/react-redux-notify
  A simple and flexible notifications component built with and for React and Redux, inspired by Atom Editor's Notifications.

• redux-notifications-middleware
  https://github.com/anupvarghese/redux-notifications-middleware
  A simple middleware for handling notifications using redux store

• wisp-react-redux
  https://github.com/ChrisPenner/wisp-react-redux
  A Toast/Notification Library that integrates seamlessly with React and Redux.

• react-redux-notifications
  https://github.com/nicmesan/react-redux-notifications
  The simplest way to implement a notiffication system in your React-Redux app

• react-notification-system-redux
  https://github.com/gor181/react-notification-system-redux
  Wraps react-notification-system into a component and exposes actions and reducer.

• react-redux-sweetalert
  https://github.com/chentsulin/react-redux-sweetalert
  SweetAlert with Redux-style actions, reducers API

• redux-notice
  https://github.com/navjobs/redux-notice
  Display iOS style notices in your redux apps

• re-notifier
  https://github.com/njnest/re-notifier
  Redux notifier with using standard web HTML5 API for browser notification

• redux-flash-messages
  https://github.com/42BV/redux-flash-messages
  This library makes it easy to create flash messages and to store them in a Redux store. What makes this project a little different from most flash message libraries is that it is UI agnostic. This library does not render the FlashMessages for you it only stores them!

• f1-sticky
  https://github.com/nicocrm/f1-sticky
  Simple sticky component for React-Redux projects.

• redux-flash
  https://github.com/LaunchPadLab/redux-flash
  Redux action creators / selectors / reducer for displaying flash messages.

• redux-messenger
  https://github.com/oconn/redux-messenger
  Redux actions & state management for working with user messages

• redux-store-ancillary
  https://github.com/talibasya/redux-store-ancillary
  Prebuilt common logic flow for popup, notification and spinner. Easy to integrate to your project based on react redux + redux-thunk. Compatible with react-native and react-vr.

• redux-popper
  https://github.com/bitstrider/redux-popper
  Redux state management for popup components

• React Redux Popup
  https://github.com/ryank109/react-redux-popup
  A set of higher order components that enable popup behavior using react and redux, featuring a portal design, auto positioning based on resize and scroll events, and smart positioning based on content size and available space.

• redux-flash-message
  https://github.com/pcs2112/redux-flash-message
  Unobtrusive way to display success and Error flash messages in your single page app.

• redux-sweetalert
  https://github.com/mrstebo/redux-sweetalert
  Actions, reducers, and component for using SweetAlert with React and Redux

• react-native-redux-toast
  https://github.com/Wolox/react-native-redux-toast
  Simple to use, easy to customize Toast component for Android & iOS. Developed with love for redux apps

• hot-tip
  https://github.com/Swrve/hot-tip
  A stress-free redux/react tooltip solution

Maps

• react-redux-leaflet
  https://github.com/geoworks/react-redux-leaflet
  Use Leaflet seamlessly in a React + Redux based application

• redux-map-gl
  https://github.com/Willyham/redux-map-gl
  A small library to remove the boilerplate of connecting you the react-map-gl component to a redux store.

• react-redux-mapbox-gl
  https://github.com/yunluyl/react-redux-mapbox-gl
  Embed React elements in Mapbox GL with Redux state control

File Uploads

• redux-file-upload
  https://github.com/blueberryapps/redux-file-upload
  There aren't any simple yet customizable file uploader packages that would work nicely with Redux. redux-file-upload is here to fill the gap!

• redux-plupload
  https://github.com/tes/redux-plupload
  FSA-compliant Redux bindings for Plupload. Helps you use Redux actions for bi-directional communication with a plupload uploader instance.

• redux-fine-uploader
  https://github.com/feltnerm/redux-fine-uploader
  Enables FineUploader to store its all of its state with Redux

• redux-dropzone-component
  https://github.com/cchrysostomou/redux-dropzone-component
  Wraps the dropzone.js element in a global store to allow for custom rendering of components and passing of dropzone component

• fileup-redux
  https://github.com/ExtPoint/fileup-redux
  Redux adapter to fileup-core

• redux-ajax-uploader
  https://github.com/pcs2112/redux-ajax-uploader
  Simple HOC for ajax uploads in Redux.