Popularity
1.1
Growing
Activity
0.0
Stable
13
2
6

Programming language: TypeScript
Tags: UI Components     Carousel    

flat-carousel alternatives and similar libraries

Based on the "Carousel" category.
Alternatively, view flat-carousel alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of flat-carousel or a related project?

Add another 'Carousel' Library
Write Clean JavaScript Code. Always.
sponsored www.sonarsource.com

Popular Comparisons

Access the most powerful time series database as a service
sponsored www.influxdata.com

README

FlatCarousel

a tiny carousel component for react.

Demo

Features

  • no dependency
  • support autoplay
  • support touch and mouse device
  • transition done with raf and tweening.
  • infinite loop without duplicating the first&last item

Demo

import Carousel from 'flat-carousel';

const images = [
    { src: 'some image' }
];

const MyCarousel = () => (
    <Carousel>
        {images.map((image, index) => (
            <div
                key={index}
                className="demo-item"
                style={{ backgroundImage: 'url(' + image.src + ')' }}
            />
        ))}
    </Carousel>
);

Props

  • initialIndex?: number, defaults to 0
  • transitionDuration?: number, defaults to 400ms
  • autoplay?: boolean, defaults to true
  • autoplayInterval?: number, defaults to 3000ms
  • infiniteLoop?: boolean, defaults to true
  • onPageChange?(index: number): void;