A React wrapper for Ladda buttons
A React wrapper for Ladda buttons.
A collection of loading spinners with React.js
Halogen is A collection of loading spinners with React.js.
Just a simple tabs component built with React
This is a simple component built with ReactJS.
An api based react tab
react-tabtab is an api based react tab.
Beautiful, accessible drag and drop for lists with React.js
react-beautiful-dnd Beautiful, accessible drag and drop for lists with React.js. Examples ? See how beautiful it is for yourself - have a play with the examples! Core characteristics: beautiful, natural movement of items
Flexible date picker component for React
Flexible date picker component for React.
A React component for choosing dates and date ranges
A React component for choosing dates and date ranges. Uses Moment.js for date operations.
A simple and nice calendar with reactjs
rc-calendar A simple and nice calendar with reactjs. Live Demo http://react-component.github.io/calendar/ Feature support ie9,ie9+,chrome,firefox,safari support date, month, year, decade select panel support week number support
A simple and reusable datepicker component for React
React Date Picker A simple and reusable datepicker component for React. Live Demo https://hacker0x01.github.io/react-datepicker/ Installation The package can be installed via NPM: npm install react-datepicker --save You’ll need
Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post
React Facebook Components Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post. Components Facebook provider (provide settings to child components) Login button (provide user profile and signed request) Like
Hash a string to a Material Design color
Material color hashing Hash strings to Material UI colors A dead-simple library to hash a string to a {backgroundColor, textColor} tuple from the official Material Design palette. Great for dynamically coloring your UI
Universal React avatar component makes it possible to generate avatars based on user information
react-avatar Universal avatar makes it possible to fetch/generate an avatar based on the information you have about that user. We use a fallback system that if for example an invalid Facebook ID
Create walkthroughs and guided tours for your ReactJS apps
React Joyride Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips!. Setup npm install --save react-joyride Styles If you are using SCSS: @import '~react-joyride/lib/react-joyride' Or include
React configurable animated svg buttons
React SVG buttons This package provides a component used to compose available buttons, it's able to morph from whatever icon type to another one. The component exposes 18 icon types. It also provides
An autolink mixin for React
react-autolink An autolink mixin for React. Install npm i react-autolink # or bower i react-autolink # `window.ReactAutolink` is available Usage let App = React.createClass({ getDefaultProps() { return { text: "foo bar baz http://example.org
A React component for display a dial-type chart of PageSpeed Insights
React PageSpeed Score A React component for display a dial-type chart of PageSpeed Insights. Install Via Node.js run the following: $ npm i react-pagespeed-score --save Basic Usage import React from 'react'; import ReactDOM
Resizable component for React
react resizable box Resizable component for React. Install $ npm install --save react-resizable-box Usage Basic <Resizable className="item" width={320} height={200} > Basic Sample </Resizable> Live Demo http:
Dragable and Resizable window build with React.js
react-DnR Draggable and Resizable window build with React.js. Installation The easiest way to use react-DnR is to install it from npm and include it in your React build process (using Webpack, Browserify,
Resizable and movable component for React
react rnd Resizable and draggable component for React. Install use npm npm i -S react-rnd use yarn yarn add react-rnd Live Demo http://bokuweb.github.io/react-rnd/ GitHub
React JSON Viewer Component, Extracted from redux-devtools
react-json-tree React JSON Viewer Component, Extracted from redux-devtools. Supports iterable objects, such as Immutable.js. Usage import JSONTree from 'react-json-tree' // If you're using Immutable.js: `npm i --save immutable` import { Map } from 'immutable'
A powerful toolkit for building websites with beautiful typography
Typography.js A powerful toolkit for building websites with beautiful design. Why Typography is a complex system of interrelated styles. 100s of style declarations on dozens of elements must be in harmonious order.
React split-pane component
React Split Pane Split-Pane component built with React, can be split vertically or horizontally. npm install react-split-pane Live Demo http://react-split-pane.surge.sh/ GitHub
React component for blurred backgrounds
React Blur React component for creating blurred backgrounds using canvas. Installation npm install react-blur --save Live Demo http://javier.xyz/react-blur/ GitHub
Time Sheet Component for React
React Time Sheet Time Sheet Component for React. Modified from timesheet.js Installation The easiest way to use react-timesheet is to install it from NPM and include it in your own React build
Render Markdown as React components
react-markdown Renders Markdown as pure React components. Installing npm install --save react-markdown Live Demo http://rexxars.github.io/react-markdown/ GitHub
A ReactJS component that creates a pagination
react-paginate A ReactJS component to render a pagination. By installing this component and writing only a little bit of CSS you can obtain this: Installation Install react-paginate with npm: $ npm install react-paginate --save
A clone of slack emoji reactions in react
React Emoji React A clone (eventually) of slack emoji reactions as a react component Live Demo http://conor.rodeo/react-emoji-react/demo/index.html GitHub
Svg react icons of popular icon packs
React Icons Include popular icons in your React projects easly with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using. Installation npm install react-icons
A React component for viewing large images up close
react-intense This component is a port of Intense Image Viewer for use with React. Usage Simply replace your element with a component: import ReactIntense from 'react-intense' ... <ReactIntense src='img.jpg' /> and
A flexible lightbox component for displaying images in a React project
React Image Lightbox A flexible lightbox component for displaying images in a React project. React lightbox component. Features Keyboard shortcuts (with rate limiting) Image Zoom Flexible rendering using src values assigned on the
A React component that adds pan and zoom features to SVG
react-svg-pan-zoom react-svg-pan-zoom is a React component that adds pan and zoom features to the SVG images. It helps to display big SVG images in a small space. Features This component can work in
A stateless responsive React photo gallery component
React Responsive Photo Gallery A stateless responsive React photo gallery component that maintains the original aspect ratio of your photos and scales them responsively. Add your own routing, lightbox, and manage your own
A simple lightbox component for displaying an array of images
A simple, responsive Lightbox component for ReactJS to display an array of images.
Responsive and flexible carousel component with thumbnail support
React Image Gallery Live Demo (try it on mobile for swipe support) React image gallery is a React component for building image galleries and carousels Features of react-image-gallery Mobile friendly Thumbnail navigation Fullscreen
Simple and efficient react component to format date
timeago-react timeago-react is a simple react component used to format date with *** time ago statement. eg: '3 hours ago'. The component based on timeago.js which is a simple javascript module. Realtime render.
A simple time-ago component for ReactJs
react-timeago A simple time-ago component for ReactJs. Changes in V3.X: minPeriod and maxPeriod now accept seconds not milliseconds. This matches the documentation. react-timeago now uses ES6 modules. So if you don't use
A React binding of mapbox-gl-js
React-mapbox-gl Simple to use with declarative API WebGl Mapbox map in React. React wrapper for mapbox-gl-js. Expose a bunch of component meant to be simple to use for React. It is important to
A React wrapper for MapboxGL-js and overlay API
react-map-gl In addition to exposing MapboxGL functionality to React apps, react-map-gl also integrates seamlessly with deck.gl. React friendly API wrapper around MapboxGL JS Installation npm install --save react-map-gl browserify - react-map-gl is
A React autosuggest for the Google Maps Places API
React Geosuggest A React autosuggest for the Google Maps Places API. You can also define your own suggests as defaults. Works with Preact, too. Live Demo http://ubilabs.github.io/react-geosuggest/ GitHub
A declarative React interface to Google Maps
React Google Maps A declarative React interface to Google Maps. Important Notes This is an alpha release. The API and organizational structure are subject to change. Comments and contributions are much appreciated. Installation
A component written over a small set of the Google Maps API
google map react google-map-react is a component written over a small set of the Google Maps API. It allows you to render any React component on the Google Map. It is fully isomorphic
A Google Maps component for React.js
React Gmaps A Google Maps component for React.js Features Lazy Google Maps loading Easy to use Installation $ npm install react-gmaps --save Live Demo http://react-gmaps.herokuapp.com/ GitHub
A web video player built for the HTML5 world using React library
video-react The web video player built from the ground up for an HTML5 world using React library. Video.React is a web video player built from the ground up for an HTML5 world
Dailymotion player component for React
react-dailymotion Dailymotion player component for React. Install npm install --save react-dailymotion Live Demo http://u-wave.net/react-dailymotion/ GitHub
Make music with React
react-music Make music with React! Install npm install react-music Get Started The easiest way to get started is to clone this repo and run npm start. The demo song will be running at
React component to load video from Vimeo or Youtube across any device
React Video A pretty good and effective way to create a video placeholder from Youtube or Vimeo using a high-res image. If you don't know, when an iframe is rendered from browser, it
Create custom SoundCloud players with React
react-soundplayer Create highly-customizable SoundCloud players with React. Usage npm install react-soundplayer --save Live Demo http://labs.voronianski.com/react-soundplayer/ GitHub
React.js powered YouTube player component
react-youtube Simple React component acting as a thin layer over the YouTube IFrame Player API Live Demo http://troybetz.github.io/react-youtube/ GitHub
A react component for playing a variety of URLs, including file paths, YouTube
ReactPlayer A react component for playing a variety of URLs, including file paths, YouTube, Facebook, SoundCloud, Streamable, Vidme, Vimeo, Wistia and DailyMotion. Used by rplayr, an app to generate playlists from Reddit URLs.
Easily customize the browser scroll bar with native OS scroll behavior
React-Custom-Scroll An easily designable, cross browser (!!), custom scroll with ReactJS Animations and scroll rate exactly like native scroll Why do I need this ? Same design on all browsers Scrollbar is above the content