Smooth Liquid Swipe Animation In React

A React animation component that helps create smooth component transition animations with a liquid swipe effect.

How to use it:

1. Install and import the component.

# Yarn
$ yarn add react-liquidswipe

# NPM
$ npm i react-liquidswipe

2. Improt the LiquidSwipe component.

import { LiquidSwipe } from ‘liquidswipe.js’;

3. Apply the animation to components.

export const YourComponent = () => {
    var componentsToRender = [
          // components to render
        ] 
    var backgroundColors = [
          // array of bg colors for each component
        ] 
    return (
        <LiquidSwipe
            components={componentsToRender}
            colors={backgroundColors}
        />
    );
}

Preview:

Smooth Liquid Swipe Animation In React

Download Details:

Author: ashutosh1919

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/ashutosh1919/react-liquidswipe

License: MIT

You Might Be Interested In:

Add Comment