Skip to content

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

License

Notifications You must be signed in to change notification settings

robertcoopercode/animated-grid-lines

Repository files navigation

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.

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

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

Publish to NPM

Use np to publish to NPM.

npx np

About

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

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published