React Image Grid Animator

Getting Started with React Image Grid Animator

How to install

Install with npm (or yarn):

$ npm install react-image-grid-animator

$ yarn add react-image-grid-animator

Usage

import  ImageGrid  from  "react-image-grid-animator";

<ImageGrid
	images={images}
	visibleCount={10}
	interval={2000}
	animationItemcount={0}
	transitionType={"SCALE"}
	transitionDuration={200}
	isActive={true}
/>

Playground

react-image-grid-animator playground

API

| Property | Type | Required | Description | | ------------------ | -------------------------------------------- | -------- | -------------------------------------------------------------------------------------- | | images | string array | yes | Array of image for the image grid | | visibleCount | number | yes | Visible image count in grid | | interval | number | yes | Animation interval in milliseconds | | animationItemCount | number | yes | Animation item count (If animation item count value is "0" then it will be randomized) | | transitionType | "SCALE" , "FADE" , "FADE_AND_SCALE" , "NONE" | no | Animation type (default value is "FADE_AND_SCALE") | | transitionDuration | number | yes | Animation duration in milliseconds | | isActive | boolean | no | Animation running or not (default value is true) | | imageClass | string | no | CSS class for image |