React

React

A textarea perfectly compatible with ReactJS
Textarea

A textarea perfectly compatible with ReactJS

React Autosize Textarea A textarea perfectly compatible with ReactJS default one which auto resizes its height based on user input. A light replacement for built-in textarea component which automatically adjusts its height to
05 July 2017
A general-purpose search bar built in React
Search

A general-purpose search bar built in React

react-search-bar NOTE: This library is no longer under active development. Do with it as you will. If you're looking for an alternative, please use the excellent WAI-ARIA compliant react-autosuggest instead. A general-purpose search
05 July 2017
Remotely control iTunes on Mac without Internet
Audio

Remotely control iTunes on Mac without Internet

iTunes Remote Remotely control iTunes on Mac without Internet! Multiple clients can access the remote independently, and the UI will always be in sync Built using WebSockets, AppleScript, React, and Redux GitHub
21 June 2017
Responsive ReactJS 'The Movie Database' (TMDb) App
Movies

Responsive ReactJS 'The Movie Database' (TMDb) App

TMDb Movie Search TMDb Movie Search is a responsive ReactJS app that utilises Twitter's typeahead.js and Bloodhound suggestion engine, loading data via The Movie Database (TMDb) API. live demo https://skempin.github.
07 June 2017
Amazing interactive visualizations of algorithm execution
Animation

Amazing interactive visualizations of algorithm execution

Illustrated Algorithms Amazing interactive visualizations of algorithm execution. Fast-forward and rewind. Babel-plugin-trace-execution captures execution details. Deployed with Now. Inspired by Grokking Algorithms and python-execution-trace, this project aims to reveal the mechanics behind algorithms
07 June 2017
Dynamic Input Fields with React
Input

Dynamic Input Fields with React

Dynamic Input Fields with React Make convenient little tags you could easily add to for instance some description or use in settings, where you need to quickly add multiple keywords. And it should
07 June 2017
Automagically manage React forms state with MobX
Form

Automagically manage React forms state with MobX

MobX React Form Automagically manage React forms state and automatic validation with MobX. live demo https://foxhound87.github.io/mobx-react-form-demo/demo Docs https://foxhound87.github.io/mobx-react-form GitHub
07 June 2017
React clock component
Clock

React clock component

React clock component HTML5 canvas clock, created as a React component. codepen demo See the Pen React Clock by Alan Munson (@AlanMunsonTech) on CodePen.
07 June 2017
Advanced React Circular Slider
Circular

Advanced React Circular Slider

Advanced React Circular Slider An advanced slider made with React. Customize angle, radius, border and progression direction. codepen demo See the Pen Advanced React Circular Slider by Anthony Dugois (@anthonydugois) on CodePen.
07 June 2017
Article Cards with reactjs
Cards

Article Cards with reactjs

Article Cards Article Cards with React 0.2.0 codepen demo See the Pen React 0.2.0 - Article Cards by Andy Tran (@andytran) on CodePen.
07 June 2017
Melody Composer Built with react.js
Audio

Melody Composer Built with react.js

React Melody Composer This is an experiment made with React and the Web Audio API. Unleash your creativity and compose your own melody! codepen demo See the Pen React Melody Composer by Anthony
02 June 2017
A Simple React Hamburger Menu
Menu

A Simple React Hamburger Menu

React Hamburger Menu Built for React, this is a handy UI component for a menu icon in a mobile site or application. Installation react-hamburger-menu requires React 0.14 or later. npm install --save
13 April 2017
A ReactJS circular menu
Menu

A ReactJS circular menu

react-radial-menu A ReactJS circular menu Live demo http://adamota.com/react-radial-menu/ GitHub
13 April 2017
Simple tooltip menu show a tooltip submenu
Menu

Simple tooltip menu show a tooltip submenu

Simple Tooltip Menu This is a simple tooltip menu that will show a tooltip submenu when hovering over an item. The submenu will either appear above or below the main menu, depending on
12 April 2017
A stateless tree menu component for React
Menu

A stateless tree menu component for React

React Tree Menu Component A stateless tree component with the following features: Checkboxes Collapsible nodes Dynamic tree generation Declarative tree menus Built with the Flux proposal in mind (i.e. trickle-down state) demo
12 April 2017
Path Fly Out menu recreated using React Motion
Menu

Path Fly Out menu recreated using React Motion

ReactPathMenu React Motion exports 3 main components, Motion, StaggeredMotion and TransitionMotion. In this tutorial we’ll be taking a look at the Motion component, the one you will find yourself using most of
12 April 2017
An off-canvas sidebar React component
Menu

An off-canvas sidebar React component

react-burger-menu An off-canvas sidebar React component with a collection of effects and styles using CSS transitions and SVG path animations. Demo & examples Live demo: http://negomi.github.io/react-burger-menu GitHub
12 April 2017
Context Menu implemented in React
Menu

Context Menu implemented in React

react-menu An accessible menu component built for React.JS ContextMenu in React with accessibility support. Live demo http://instructure-react.github.io/react-menu/ GitHub
12 April 2017
Scroll to top button in React JS
Scroll

Scroll to top button in React JS

Scroll to top button in React JS a simple example Scroll to top button in React JS BY Qbrid. codepen See the Pen Scroll to top button in React JS by Qbrid (@Qbrid)
28 March 2017
Simple Tabs Component with React
Tabs

Simple Tabs Component with React

Tabs Component with React JS TODO: - Support dynamic height - Add cool CSS3 animation - Add Swipe events. See the Pen Tabs Component with React by Duc Nguyen (@pandaduc) on CodePen.
28 March 2017
Tic Tac Toe game on React js
Games

Tic Tac Toe game on React js

Tic Tac Toe game Tic Tac Toe game BY Maxim Ivanov codepen See the Pen Tic Tac Toe game on React js by Maxim Ivanov (@satansdeer) on CodePen.
28 March 2017
Data-Visualization oriented components
Chart

Data-Visualization oriented components

react-vis Data Visualization oriented components Overview A collection of react components to render common data visualization charts, such as line/area/bar charts, heat maps, scatterplots, pie and donut charts with fixed headers
17 March 2017
Simple React Card
Cards

Simple React Card

Simple React Card a Nice Simple React Card by Jamie Halvorson. codepen See the Pen Simple React Card by Jamie Halvorson (@jamiehalvorson) on CodePen.
17 March 2017
Lottie for React Native, iOS and Android
React Native

Lottie for React Native, iOS and Android

Lottie wrapper for React Native Lottie component for React Native (iOS and Android) Lottie is a mobile library for Android and iOS that parses Adobe After Effects animations exported as JSON with bodymovin
15 March 2017
React Menu Buttons
Menu

React Menu Buttons

React Menu Buttons React Menu Buttons BY Manuel Jung. codepen See the Pen React Menu Buttons by Manuel Jung (@manuel_jung_wwi12) on CodePen.
14 March 2017
Animation menu component for React
Menu

Animation menu component for React

react-motion-menu Animation menu component for React. Basic import React from 'react'; import MotionMenu from '../../src'; export default () => ( <MotionMenu type="circle" margin={120} > <div className="button&
14 March 2017
Twitter Card using Spectre.css and ReactJS
Cards

Twitter Card using Spectre.css and ReactJS

Twitter Card using Spectre.css and ReactJS Create a Twitter Card by using Spectre.css, a modern CSS framework, and React JS. codepen See the Pen Twitter Card using Spectre.css and ReactJS
13 March 2017
React JS with Google Charts Component
Chart

React JS with Google Charts Component

React JS with Google Charts Component A basic example of a react JS component that updates a google chart. The getData function can me made into a promise with a ajax call to
13 March 2017
ReactJS Clock with different formats
Clock

ReactJS Clock with different formats

ReactJS Clock with different formats beautifull Clock with different formats by Ahmed Tarek. codepen See the Pen ReactJS Clock with different formats by Ahmed Tarek (@ahmedtarek2134) on CodePen.
11 March 2017
skeleton Screens UI effect in React
UI

skeleton Screens UI effect in React

skeleton Screens UI effect in React This pen not only demonstrated the skeleton Screens UI effect in React. More importantly, the demo is for reusable react component. codepen See the Pen [Weekly React
07 March 2017
Music Player by react.js
Player

Music Player by react.js

react Music Player code BY Jack Oliver PRO. codepen See the Pen React DailyUI - 009 - Music Player by Jack Oliver (@jackoliver) on CodePen.
07 March 2017
Email template with reactjs
UI

Email template with reactjs

Email template with reactjs These Daily UI challenges have been pretty fun. And figuring out how Emails would work in React was also super cool, but i guess not useable that much in
06 March 2017
Book Email Opt-in with React JS
UI

Book Email Opt-in with React JS

Great landing page template for an ebook opt-in! Utilized ReactJS and Bootstrap to create this landing page template. codepen See the Pen Book Email Opt-in | React JS by Mike Mangialardi (@mikemang) on CodePen.
06 March 2017
LineChart using React and D3
Chart

LineChart using React and D3

LineChart using React and D3 In this How to integrate React and D3 – The right way tutorial we will take a look at integrating React with another very popular javascript component (d3.js)
06 March 2017
Youtube like with ReactJS and Babel
Tabs

Youtube like with ReactJS and Babel

Youtube like with ReactJS and Babel This is a Youtube like app using React JS. This pen explore Data displaying with React and show how to display different content in a new tab.
06 March 2017