All Projects → Binaryify → React Carousel

Binaryify / React Carousel

react-carousel

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to React Carousel

React Carousel
React carousel component.
Stars: ✭ 16 (-70.37%)
Mutual labels:  carousel
Scroll Snap Carousel
Carousel based on CSS Scroll Snap functionality
Stars: ✭ 31 (-42.59%)
Mutual labels:  carousel
Tiny Swiper
Ingenious JavaScript Carousel powered by wonderful plugins. Lightweight yet extensible. Import plugins as needed, No more, no less.
Stars: ✭ 1,061 (+1864.81%)
Mutual labels:  carousel
Angular2 Carousel
An lightweight , touchable and responsive library to create a carousel for angular 2 / 4 / 5
Stars: ✭ 26 (-51.85%)
Mutual labels:  carousel
Hammer Slider
DISCONTINUED - HammerSlider touch is a lightweight infinite carousel plugin.
Stars: ✭ 21 (-61.11%)
Mutual labels:  carousel
Centeredcollectionview
A lightweight UICollectionViewLayout that 'pages' and centers its cells 🎡 written in Swift
Stars: ✭ 965 (+1687.04%)
Mutual labels:  carousel
Splide
Splide is a lightweight, powerful and flexible slider and carousel, written in pure JavaScript without any dependencies.
Stars: ✭ 786 (+1355.56%)
Mutual labels:  carousel
Vuejs Carousel
Complete photo carousel build with VueJS and web standards in mind
Stars: ✭ 53 (-1.85%)
Mutual labels:  carousel
React Grid Carousel
React responsive carousel component w/ grid layout
Stars: ✭ 29 (-46.3%)
Mutual labels:  carousel
Ngx Siema
Lightweight and simple carousel with no dependencies.
Stars: ✭ 46 (-14.81%)
Mutual labels:  carousel
Egjs Flicking
🎠 ♻️ Everyday 30 million people experience. It's reliable, flexible and extendable carousel.
Stars: ✭ 937 (+1635.19%)
Mutual labels:  carousel
React Whirligig
A react carousel/slider like component for sequentially displaying slides or sets of slides
Stars: ✭ 20 (-62.96%)
Mutual labels:  carousel
Veluxi Starter
Veluxi Vue.js Starter Project with Nuxt JS and Vuetify
Stars: ✭ 39 (-27.78%)
Mutual labels:  carousel
Carouselview
Carousel View
Stars: ✭ 22 (-59.26%)
Mutual labels:  carousel
Macro Carousel
Carousel as a Vanilla Web Component.
Stars: ✭ 53 (-1.85%)
Mutual labels:  carousel
Newpagedflowview
电影票卡片式无限自动轮播图
Stars: ✭ 819 (+1416.67%)
Mutual labels:  carousel
React Splide
The Splide component for React.
Stars: ✭ 32 (-40.74%)
Mutual labels:  carousel
React Soft Slider
Simple, fast and impartial slider
Stars: ✭ 54 (+0%)
Mutual labels:  carousel
L2t Paper Slider
Polymer element for displaying slides in a carousel
Stars: ✭ 53 (-1.85%)
Mutual labels:  carousel
Ng Bootstrap
Angular powered Bootstrap
Stars: ✭ 7,872 (+14477.78%)
Mutual labels:  carousel

React-carousel

this is react-carousel component and it suport Responsive layout!(suport gesture operation!)

这是个react轮播图组件,并且它是响应式的!(支持手势操作!)

demo地址

#Start

$ git clone [email protected]:zhuangtongfa/react-carousel.git

$ npm install

$ npm start

#Usage

<link rel="stylesheet" href="./css/font-awesome.min.css">
import React from 'react';
import ReactDOM from 'react-dom'
import Slider from './slider.jsx';
var slides = [{
    background: "./imgs/1.jpg",
    link: "https://zhuangtongfa.github.io/"
  }, {
    background: "./imgs/2.jpg",
    link: "https://zhuangtongfa.github.io/"
  }, {
    background: "./imgs/3.jpg",
    link:"https://zhuangtongfa.github.io/"
  }];

ReactDOM.render( < Slider slides= {slides} time="2000"/ > , document.getElementById("app"));
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].