Home

Awesome

<div align="center"> <img src="https://i.imgur.com/1XVqHMa.png"> <h1>react-thanos</h1> <p>React hooks implementation of Google's <a href="https://www.youtube.com/watch?v=ybNtKpROwes"><strong>Thanos</strong></a> easter egg</p> </div>

Prerequisite

Installation 📦

npm install react-thanos

or with yarn

yarn add react-thanos

Usage

import { Thanos } from "react-thanos";

<Thanos
  onSnap={() => console.log("I love you 3000! Decimate...") }
  onSnapReverse={() => console.log("Avengers assemble!") }
/>

Examples

See examples folder

Live demo https://react-thanos.netlify.com/

API (props)

onSnap()

Type: function

Called after Thanos snaps his finger

onSnapReverse()

Type: function

Called after Thanos undo/reverse snap

Inspiration

This project was inspired by the famous Google's Thanos easter egg released shortly after Avengers: Endgame premiered in cinemas.

Credits

Assets used in this project were downloaded from Google. I own no rights to them.

Contributing

Feel free to send in contributions of any kind. All are welcome 🙂

License

react-thanos is licensed under MIT