react-grid-system
pure-react-carousel
Our great sponsors
| react-grid-system | pure-react-carousel | |
|---|---|---|
| 2 | 2 | |
| 808 | 1,661 | |
| 0.5% | 0.6% | |
| 8.3 | 5.8 | |
| 6 days ago | 4 months ago | |
| JavaScript | JavaScript | |
| MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-grid-system
-
CSS framework help
For example I don't have time or resources to reinvent grid/column system something like react-grid-system.
-
5 Underrated React Libraries ⚛️
5. React Grid System A powerful Bootstrap-like responsive grid system for React. react-grid-system provides a responsive grid for React inspired by Bootstrap. Moreover, it has various additional powerful features, such as setting breakpoints and gutter widths through React's context. Three components are provided for creating responsive grids: Container, Row, and Col. Homepage GitHub Usage:- Installation:- npm install react-grid-system --save An example on how to use these:-
pure-react-carousel
-
5 Underrated React Libraries ⚛️
4. Pure React Carousel A highly impartial suite of React components that can be assembled by the consumer to create a responsive and aria compliant carousel with almost no limits on DOM structure or CSS styles. Homepage GitHub Usage:- Add the module to your project. npm i -S pure-react-carousel Import only the required components into your project. import React from 'react'; import { CarouselProvider, Slider, Slide, ButtonBack, ButtonNext } from 'pure-react-carousel';
-
Any SSR-friendly React Carousel for Gatsby?
I've been using this: https://github.com/express-labs/pure-react-carousel#readme
What are some alternatives?
react-device-detect - Detect device, and render view according to detected device type.
react-responsive-carousel - React.js Responsive Carousel (with Swipe)
react-perfect-scrollbar - A react wrapper for perfect-scrollbar
react-slick - React carousel component
versoly-ui - Tailwind CSS components library based on Bootstrap
react-image-magnify - A responsive image zoom component designed for shopping sites.
rebass - :atom_symbol: React primitive UI components built with styled-system.
react-multi-carousel - A lightweight production-ready Carousel that rocks supports multiple items and server-side rendering with no dependency. Bundle size 2kb.
pssst-css - A CSS methodology so great, it needed a name...
react-awesome-slider - React content transition slider. Awesome Slider is a 60fps, light weight, performant component that renders an animated set of production ready UI general purpose sliders with fullpage transition support for NextJS and GatsbyJS. 🖥️ 📱
react-native-super-grid - Responsive Grid View for React Native
Swiper - Most modern mobile touch slider with hardware accelerated transitions