react-subtle-nudge

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

Docs

Installation

npm

1npm install --save react-subtle-nudge

pnpm

1pnpm install --save react-subtle-nudge

yarn

1yarn add react-subtle-nudge

Add the following CSS to your entry file

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

Usage

Simply wrap your component in one of the animation components.

1import { Bounce } from 'react-subtle-nudge'
2
3const BtnBounce = () => {
4  return (
5    <Bounce>
6      <button>Click Me!</button>
7    </Bounce>
8  )
9}