/Comic-book-button-anim

Button animation made with reactJS that has a comic book style

Primary LanguageTypeScriptCreative Commons Zero v1.0 UniversalCC0-1.0

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

All Contributors

Juanita
Juanita
💻
Pavan Kamthane
Pavan Kamthane
📖
Vedant Kahalekar
Vedant Kahalekar
📖
Mldamico
Mldamico
💻
Amresh Prasad Sinha
Amresh Prasad Sinha

💻
Frey0-0
Frey0-0

📖
Jay
Jay

💻
Aaheli Sadhukhan
Aaheli Sadhukhan

💻
Najeeb Thangal KP
Najeeb Thangal KP

💻
Musavveer Rehaman
Musavveer Rehaman

💻
Tushar Singh
Tushar Singh

💻