darshanmakwana412 / comic-book-button-anim

Button animation made with reactJS that has a comic book style

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))
    

Loading

Star The Repository 🌟

Contributing

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

Contributors