Skip to content

hungdoansy/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.

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.

About

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

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 79.3%
  • JavaScript 18.7%
  • HTML 2.0%