Latest post
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 ...
Continue reading ➞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 ...
Continue reading ➞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 process (using Browserify, etc). You can also use the standalone build by including dist/react-timesheet.js in your page. If you use ...
Continue reading ➞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 ...
Continue reading ➞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 For CommonJS users: import ReactPaginate from 'react-paginate'; Read the code of demo/js/demo.js. You will quickly understand how to make ...
Continue reading ➞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 ...
Continue reading ➞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 --save Live Demo http://gorangajic.github.io/react-icons/index.html GitHub ...
Continue reading ➞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 you're good to go! Live Demo http://bryce.io/react-intense/ GitHub ...
Continue reading ➞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 fly Image preloading for smoother viewing Mobile friendly, with pinch to zoom and swipe (Thanks, @webcarrot!) No external CSS Live Demo https: ...
Continue reading ➞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 four different modes depending on the selected tool: With the tool pan the user can move the image and drag it around ...
Continue reading ➞