react-subtle-nudge

A collection of animations to subtly nudge users to your React components.

Docs

Installation

npm

npm install --save react-subtle-nudge

pnpm

pnpm install --save react-subtle-nudge

yarn

yarn add react-subtle-nudge

Add the following CSS to your entry file

import 'react-subtle-nudge/dist/index.css'

Usage

Simply wrap your component in one of the animation components.

import { Bounce } from 'react-subtle-nudge'

const BtnBounce = () => {
  return (
    <Bounce>
      <button>Click Me!</button>
    </Bounce>
  )
}