https://github.com/codrops/MagneticButtons

A set of buttons with a magnetic interaction and a hover effect.
https://github.com/codrops/MagneticButtons

button-animation

Last synced: about 1 month ago
JSON representation

A set of buttons with a magnetic interaction and a hover effect.

• Host: GitHub
• URL: https://github.com/codrops/MagneticButtons
• Owner: codrops
• License: mit
• Created: 2020-08-05T10:55:58.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-02-24T10:23:14.000Z (almost 4 years ago)
• Last Synced: 2024-08-02T12:23:47.784Z (4 months ago)
• Topics: button-animation
• Language: JavaScript
• Homepage: https://tympanus.net/codrops/?p=50513
• Size: 487 KB
• Stars: 470
• Watchers: 11
• Forks: 91
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• fucking-awesome-web-effect - MagneticButtons - A set of buttons with a magnetic interaction and a hover effect. (🚀 A series of exquisite and compact web page cool effects / Button Effect)
• awesome-web-effect - MagneticButtons - A set of buttons with a magnetic interaction and a hover effect. (🚀 A series of exquisite and compact web page cool effects / Button Effect)

README

        
# Magnetic Buttons

A small set of magnetic buttons with some fun hover animations. Inspired by the button animation seen on [Cuberto](https://cuberto.com/services/).

![Image](https://tympanus.net/codrops/wp-content/uploads/2020/08/Buttons_featured.png)

[Article on Codrops](https://tympanus.net/codrops/?p=50513)

[Demo](http://tympanus.net/Development/MagneticButtons/)

## Installation

Install dependencies:

```

npm install

```

Compile the code for development and start a local server:

```

npm start

```

Create the build:

```

npm run build

```

## Misc

Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/codrops), [GitHub](https://github.com/codrops), [Instagram](https://www.instagram.com/codropsss/)

## License

[MIT](LICENSE)

Made with :blue_heart: by [Codrops](http://www.codrops.com)