React component using Khan Academy's Katex library
Display TeX-based math with React and KaTeX.
Zero-config React development environment and static site generator
Zero-config React development environment and static site generator.
A library that composes multiple state updaters in React
Compose multiple setState or getDerivedStateFromProps updaters in React.
Parse your React JSX components to string
Parse your React JSX components to string.
Try to transform Vue component to React component
Try to transform Vue component(jsx syntax) to React component.
Simple and powerful state using React context
Tiny React state management library that lets you work with local state and scale up to global state with ease when needed.
A light weight state manager with mutable api
React + Context -> Rectx, a light-weight state manager with mutable api.
A real-time Cryptocurrency tracker using React js + PWA
Crypto Live is a real-time Cryptocurrency tracker using React js + PWA (Progressive Web App)
Get performance measurements from React Fiber
Get performance measurements from React Fiber.
Contains the code snippets for Reactjs development in VS Code editor
This extension contains code snippets for Reactjs and is based on the awesome babel-sublime-snippets package.
Draw a line between two elements in React
Draw a line between two elements in React.
Extracts string messages from TypeScript React components or ts files that use React Intl
Extracts string messages from TypeScript React components or ts files that use React Intl.
Monitor if a component is inside the viewport using IntersectionObserver API
React component that triggers a function when the component enters or leaves the viewport.
A React internationalization package
react-intl-universal is a React internationalization package developed by Alibaba Group.
A component for rendering React Components and ES6 code
A component for rendering React Components and ES6 code with editable source and live preview.
A set of tools to manage inline styles on React elements
A toolchain for React component styling.
Visual automata-based programming for React
This repository contains a React component that allows to build user interfaces which behavior is modeled using visual automata-based programming.
Lift a React components state into the url
Lifts the state out of a react component and into the url.
Create highly scalable and universal React microservices/applications
Creating scalable, universal and well tested JavaScript application for enterprise companies with many teams and products is a hard task.
Declarative hotkey and focus area management for React
A declarative library for handling hotkeys and focus areas in React applications.
Create server-rendered universal JavaScript applications with no configuration
Universal JavaScript applications are tough to setup. Either you buy into a framework like Next.js or react-server, fork a boilerplate, or set things up yourself.
Simple higher-order React component for measuring a component's available width
Simple higher-order React component for simple measurements of a component's available width.
Visualize your React components as you interact with your application
Visualize your React components as you interact with your application.
Performant and lightweight copy 2 clipboard component for react applications
Performant , lightweight and dependency free render prop loving copy 2 clipboard component.
A tiny helper around React 16s new context api
react-contextual is a tiny (less than 1KB) helper around React 16s new context api.
Declarative version of React.Component
Because sometimes you want a lifecycle or some state but don't want to create a new component. Also, this stuff is composable as heck.
A lightweight and highly customizable dnd nested sortable
Simple, lightweight and highly customizable dnd nested sortable React component.
wishlist with Reactjs
A example about React wishlist.
Show the Local Weather with React
Show the Local Weather (in React)
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