2
Watch
57
Star
9
Fork
1
Issue

A react component that renders an interactive grid with lines that shoot out from a user's cursor on hover.

robertcoopercode
robertcoopercode
pushedAt 1 year ago

robertcoopercode/animated-grid-lines

demo

animated-grid-lines

NPM version Bundle size

A react component that renders an interactive grid with lines that shoot out from a user's cursor on hover.

Installation

npm install animated-grid-lines

# or

yarn add animated-grid-lines

Usage

Import the Grid component into one of your React component files.

import Grid from 'animated-grid-lines';

Use it!

<Grid />

The grid will take the full width and height of its parent.

Props

See the playground for available props.

Playground

This storybook playground is available to explore the component and try out different values for props.

Change prop values View available props
Playground 1 Playground 2

Please give this repo a ⭐️ if you find it useful or interesting.

ucloud ads