React - React.js Examples (Page 178)

Scroll

React component for custom overlay-scrollbars with native scrolling mechanism

react-gemini-scrollbar React component for creating custom overlay-scrollbars with native scrolling mechanism for web applications (when needed) Important: It only create the custom scrollbars (bind events, etc) when the OS does not supports “overlay-scrollbars”

10 August 2017

Scroll

A React implementation of smooth-scrollbar

react-smooth-scrollbar smooth-scrollbar for react projects. Live Demo http://idiotwu.github.io/react-smooth-scrollbar/ GitHub

10 August 2017

Scroll

A Simple ScrollArea component built for React

react-scrollbar Simple ScrollArea component built for React. React Scrollbar requires React 0.13 or later Features: built with and for React horizontal and vertical scrollbars touch support scrollbar dragging and clicking smooth scrolling

10 August 2017

Scroll

A react custom scrollbars component

react-custom-scrollbars FEATURES frictionless native browser scrolling native scrollbars for mobile devices fully customizable auto hide auto height universal (runs on client & server) requestAnimationFrame for 60fps no extra stylesheets well tested, 100% code

10 August 2017

Swipe

A React Component for binded Tabs and Swipeable Views

React Swipe Views A React component for binded Tabs and Swipeable Views See Swipe Views on the Android Design Patterns website for inspiration. Works with optional React Router (v0.13.x only), as

10 August 2017

Scroll

Component for basic scrolling and smooth scrolling

React Scroll Component for basic scrolling and smooth scrolling. Live Demo http://fisshy.github.io/react-scroll-example/basic/index.html GitHub

10 August 2017

Tree

Fast Efficient and Customisable React Tree View Component

react-treebeard React Tree View Component. Data-Driven, Fast, Efficient and Customisable. Install npm install react-treebeard --save Live Demo http://alexcurtis.github.io/react-treebeard GitHub

08 August 2017

Tree

Easy and flexible tree view made with React

React-treeview Easy, light, flexible treeview made with React. Live Demo https://cdn.rawgit.com/chenglou/react-treeview/aa72ed8b9e0b31fabc09e2f8bd4084947d48bb09/demos/index.html GitHub

08 August 2017

Tree

A simple React tree component

react-ui-tree React tree component This project was initially developed for a webpage builder. It maintains an internal tree structure within the component through js-tree. Live Demo https://pqx.github.io/react-ui-tree/ GitHub

08 August 2017

Chart

Simple and elegant spark lines

React Trend Graphing tools are often complex, abstract, and heavy. They require domain-specific knowledge, and a significant time investment. While building rich data visualizations for an analytics app, this is a necessary cost.

07 August 2017

Chart

Highcharts component for react

react-highcharts Highcharts component for react. Live Demo http://kirjs.github.io/react-highcharts/highstock.html GitHub

07 August 2017

Chart

React.js plugin for building animated draggable and customizable charts

Chartify React.js plugin for building animated draggable and customizable charts. The source for this module is in the main repo. Please contribute. Live Demo https://kiqs.github.io/chartify/example/ GitHub

07 August 2017

Chart

Lightweight but powerful library for drawing network graphs built on top of SigmaJS

react-sigmajs It makes easy to publish networks on Web pages and allows developers to integrate network exploration in rich Web applications. Use JSX for graph configuration, including asynchronous graph loading. Library is lightweight

07 August 2017

Chart

A collection of composable React components for building interactive data visualizations

Victory Victory is an opinionated, but fully overridable, ecosystem of composable React components for building interactive data visualizations. an ecosystem of composable React components for building interactive data visualizations. React.js components for

03 August 2017

Chart

A React JS wrapper to make it easy and fun to work with Google Charts

react-google-charts React-google-charts React component. A React JS wrapper to make it easy and fun to work with Google Charts. Live Demo http://rakannimer.github.io/react-google-charts/ GitHub

03 August 2017

Chart

Declarative and modular timeseries charting components for React

React Timeseries Charts This library contains a set of modular charting components used for building flexible interactive charts. It was built for React from the ground up, specifically to visualize timeseries data and

03 August 2017

Chart

React component for micro bar-charts rendered with D3

react-micro-bar-chart React component for micro bar-charts rendered with D3. Companion to react-sparkline. Live Demo http://kyleamathews.github.io/react-micro-bar-chart/ GitHub

03 August 2017

Chart

React components for building composable and flexible charts

rumble-charts React components for building composable and flexible charts. It's based on D3.js under the hood, but most of the time you will not feel that. Documentation All examples are editable. You

03 August 2017

Chart

Beautiful and expressive sparklines component for React

Beautiful and expressive Sparklines React component Import the Sparklines components that you need; for example to generate a simple chart: Sparklines component is a container with the following properties: data - the data

03 August 2017

Chart

React component for rendering simple sparklines

react-sparkline React component for rendering simple sparklines. Companion to react-micro-bar-chart. Live Demo http://kyleamathews.github.io/react-sparkline/ GitHub

03 August 2017

Chart

Data visualization library based on React and d3

react-vis A collection of react components to render common data visualization charts, such as line/area/bar charts, heat maps, scatterplots, contour plots, pie and donut charts, sunbursts, radar charts, and tree maps.

02 August 2017

Chart

React Dazzle : Dashboards made easy in React JS

React Dazzle Dashboards made easy in React JS. Dazzle is a library for building dashboards with React JS. Dazzle does not depend on any front-end libraries but it makes it easier to integrate

02 August 2017

Chart

common react charting components using chart.js

react-chartjs rich interactive react charting components using chart.js including Line chart Bar chart Radar chart Polar area chart Pie chart Doughnut chart Live Demo https://reactcommunity.org/react-chartjs/index.html GitHub

02 August 2017

Chart

Let React have complete control over the DOM even when using D3

react-d3-components D3 Components for React. Let React have complete control over the DOM even when using D3. This way we can benefit from Reacts Virtual DOM. Live Demo http://codesuki.github.io/react-d3-components/

02 August 2017

Chart

Lightweight event system for (d3) charts and other components for ReactJS

d3-react-squared Lightweight event system for (d3) charts and other components for ReactJS. Why yet another d3-react component? There are already some great solutions out there, combining React and D3, e.g.: A gist

02 August 2017

Chart

React component for Chartist.js

react-chartist React component for Chartist.js Options Please check out Chartist.js API documentation for more details of the options. data - chart data (required) type - chart type (required) style - inline

02 August 2017

Sticky

A React component which always will be inside a specified container

Synopsis StickyNode is a React component which always will be inside a specified container. It can be usefull for a tooltips, etc. Demo GitHub

28 July 2017

Sticky

makes native position:sticky statefull and polyfills the missing sticky browser feature

react-sticky-state The React Sticky[State] Component makes native position:sticky statefull and polyfills the missing sticky browser feature. todays browser do not all support the position:sticky feature (which by the way is

28 July 2017

Sticky

React listview with sticky header

react-listview-sticky-header React listview with sticky section header. Live Demo http://cht8687.github.io/react-listview-sticky-header/example/ GitHub

28 July 2017

Scroll

A React Component to hide/show your header on scroll

react-headroom Hide your header until you need it. React Headroom is a React Component to hide/show your header on scroll. The header on this site is a living example. When you scroll

28 July 2017

Scroll

A Sticky component for awesome React apps

react-sticky Make your React components sticky! Update (7/2017): No longer actively maintained: The 6.0.1 release is the last release maintained by Captivation Software. This means we will not be considering

28 July 2017

Menu

React burger menu : An off-canvas sidebar React component with a collection of effects

react-burger-menu An off-canvas sidebar React component with a collection of effects and styles using CSS transitions and SVG path animations. Using Redux? Check out redux-burger-menu for easy integration of react-burger-menu into your project.

28 July 2017

Table

A fast and flexible lazily rendered table for React.js

Fixed Data Tables for React A fast and flexible lazily rendered table for React.js. FixedDataTable is a React component for building and presenting data in a flexible, powerful way. It supports standard

26 July 2017

Table

Sematable : Client side sorting and text filter for redux/react based apps

Sematable Sematable wraps a table component, and provides: filtering by column value search with text sorting row selection pagination ... with the ability to persist the table state in application state with Redux, so

26 July 2017

Table

Reactabular : Spectacular tables for React

Reactabular - Spectacular tables for React Reactabular has been designed to be extensible. Rather than implementing a lot of functionality in its core, it provides extension points. You can, for instance, customize rendering

26 July 2017

Material Design

react materialize : Material design components for react

react materialize Material design components for react, powered by materializecss.Go ahead and play around with the components and see what you can do. Live demo https://react-materialize.github.io/ GitHub

16 July 2017

Carousel

react-slick : React carousel component

react-slick Carousel component built with React. It is a react port of slick carousel live demo http://kenwheeler.github.io/slick/ GitHub

12 July 2017

Chart

Recharts : Redefined chart library built with React and D3

Recharts A composable charting library built on React components Recharts is a Redefined chart library built with React and D3. The main purpose of this library is to help you to write charts

12 July 2017

Reactjs

SoundRedux : A Soundcloud client built with React

SoundRedux A Soundcloud client built with React / Redux In an effort to learn es6 and redux, this is SoundRedux, a simple Soundcloud client Live demo https://soundredux.io GitHub

12 July 2017

Style

Isolated React component development environment with a living style guide

React Styleguidist React Styleguidist is a component development environment with hot reloaded dev server and a living style guide that you can share with your team. It lists component propTypes and shows live,

06 July 2017

Toggle

An elegant, accessible toggle component for React

react-toggle An elegant, accessible toggle component for React. Also a glorified checkbox. Live demo http://aaronshaf.github.io/react-toggle/ GitHub

06 July 2017

Loading

A React component to easily replicate your page

React Placeholder A React component to easily replicate your page with nice placeholders while the content is loading. You can use a placeholder from the default set, or pass your own! live demo

05 July 2017