Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/luqmanoop/react-thanos
React hooks implementation of Google's "Thanos" easter egg
https://github.com/luqmanoop/react-thanos
avengers-endgame react thanos thanos-snap-effect
Last synced: about 1 month ago
JSON representation
React hooks implementation of Google's "Thanos" easter egg
- Host: GitHub
- URL: https://github.com/luqmanoop/react-thanos
- Owner: luqmanoop
- License: mit
- Created: 2019-04-29T21:59:56.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-03-03T07:50:12.000Z (almost 2 years ago)
- Last Synced: 2024-05-19T05:28:25.290Z (7 months ago)
- Topics: avengers-endgame, react, thanos, thanos-snap-effect
- Language: JavaScript
- Homepage: https://react-thanos.netlify.com/
- Size: 3.11 MB
- Stars: 34
- Watchers: 1
- Forks: 2
- Open Issues: 6
-
Metadata Files:
- Readme: readme.md
- License: license
Awesome Lists containing this project
- awesome-react-hooks - react-thanos - React hooks implementation of Google's Thanos easter egg. (Examples)
README
## Prerequisite
- [NodeJS](https://nodejs.org)
- Project running >=[React **16.8**](https://reactjs.org/blog/2019/02/06/react-v16.8.0.html)
## Installation 📦
```bash
npm install react-thanos
```
or with yarn
```bash
yarn add react-thanos
```
## Usage
```javascript
import { Thanos } from "react-thanos";
console.log("I love you 3000! Decimate...") }
onSnapReverse={() => console.log("Avengers assemble!") }
/>
```
## Examples
See [examples](https://github.com/codeshifu/react-thanos/tree/master/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](http://google.com/search?q=thanos) released
shortly after [Avengers: Endgame](https://www.imdb.com/title/tt4154796/) premiered in cinemas.
## Credits
[Assets](https://github.com/codeshifu/react-thanos/tree/master/lib/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](https://github.com/codeshifu/react-thanos/blob/master/license)
