Comic book button animation

I did a little experiment with react, trying to make a comic book like button animation. Inspired by Spider-man into the spider-verse movie.

What I learned making this project:

Fundamentals of react.js: components, imports, props, states, installing modules, framer motion
CSS modules

Usage

import ComicButton from './components/ComicButton/ComicButton';

export default function App() {
  return (
    <div className='App'>
      <ComicButton buttonName='BUTTON' hoverBtnName='HOVER' />
    </div>
  );
}

Props

buttonName - string for button name
hoverBtnName - string for hover button name

Steps to follow 📜

Tip : Complete this process in GitHub ( In your browser 🌐)

flowchart LR
    Fork[Fork the project]-->branch[Create a New Branch]
    branch-->Edit[Edit file]
    Edit-->commit[Commit the changes]
    commit -->|Finally|creatpr((Create a Pull Request))

Star The Repository 🌟

Contributing

If you think you can make an improvement don't hesitate to open a pull request.

Contributors

_Juanita 💻	_{Pavan Kamthane} 📖	_{Vedant Kahalekar} 📖	_Mldamico 💻	_{Amresh Prasad Sinha} 💻	_Frey0-0 📖	_Jay 💻
_{Aaheli Sadhukhan} 💻	_{Najeeb Thangal KP} 💻	_{Musavveer Rehaman} 💻	_{Tushar Singh} 💻