A utility React component based on BreakJS. Create declarative breakpoint components for your React apps. Render different components for different layouts.
React Super Responsive Table converts your table data to a user-friendly list in mobile view.
Live demo: https://react-super-responsive-table.netlify.com
Responsive React multistep form component.
Demo: http://srdjan.github.io/react-multistep/
Responsively is created with the intention to easily adjust components with a responsive, mobile-first approach in mind; it may resemble single purpose classes (e.g. .mt-0, or .mt-0–mobile).
This library plays nicely with libraries such woman_singer Emotion and nail_care Styled Components since the code output is string.
Demo: https://www.npmjs.com/package/responsively
React Super Responsive Table converts your table data to a user-friendly list in mobile view.
Demo https://react-super-responsive-table.netlify.com/
Media queries in react for responsive design
The best supported, easiest to use react media query module.
This module is pretty straightforward: You specify a set of requirements, and the children will be rendered if they are met. Also handles changes so if you resize or flip or whatever it all just works.
An image that is responsive to its width on the screen (can be also a background image) Works with retina displays.
Demo: https://youpinadi.github.io/react-image-responsive/
React component to wrap content in Accordion element.
React accordion component which is 100% responsive.
Responsive React Flexbox Grid System
Features
Moved to https://rebassjs.org
Better responsive tables for react! For smaller screens, this library converts a standard html table into a two column table, with the header as the first column and the corresponding data in the second column.
A responsive image cropping tool for React.
Features
This component is a port of Intense Image Viewer for use with React.
Live Demo
http://bryce.io/react-intense/
A flexible lightbox component for displaying images in a React project.
React lightbox component.
Features
Live Demo
https://fritz-c.github.io/react-image-lightbox/
Live Demo
http://neptunian.github.io/react-photo-gallery/
A simple, responsive Lightbox component for ReactJS to display an array of images.
Photos courtesy of Unsplash. Use your keyboard to navigate left right esc — Also, try resizing your browser window.
Live Demo
http://jossmac.github.io/react-images/
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
Live Demo
http://linxtion.com/demo/react-image-gallery/
#reactjs #javascript