This is a port of Lucas Bebber's work around a gooey effect navigation. I have taken his effect and implemented it within React, which allows me to make use of SVGs and the neat animations created with this. It uses some Material design in terms of depth and ripple effects.
Demo: https://lmcjt37.github.io/react-gooey-nav/
This work is being used in one of my live projects here: lmcjt.com/kulor
- Clone this repository
- Run
npm install && npm run dev, this will install all dependencies, build and start up the server - Visit
localhost:8080in your browser (You can also visit the app on your device when on the same network)
Navigation is based on Lucas Bebber's Gooey Menu but has been altered to work alongside React and React-toolbox
Feel free to contact me directly through twitter @lmcjt or my website lmcjt.com
- Fork and submit PR's
- Raise issues/suggestions
- Contact me directly for further information
It's an ongoing project and contributions, issues or suggestions are welcome. You can contact me by any method you feel comfortable with. I don't adhere to any code of conduct, I just appreciate using your common sense and respecting others. Play nicely 😘