How to Build a Lava-Lamp Style Navigation Menu with React

A Lava-Lamp menu contains an indicator that moves to the selected position when we select an option.

We can see this type of navigation, (for example) in the AppleTV interface.

Still not clear? Take a look at this demo:
https://react-llamp-menu-demo.netlify.app/

How to create it?
1.-Install the dependency
npm i react-llamp-menu

2.-Import
import {LavalampMenu} from 'react-llamp-menu';

3.-Add a menu structure like this

  

    
console.log('option 1')}>First option
    
console.log('option 2')}>Second option
    
console.log('option 3')}>Third option
  

4.-customize using CSS

Check out the project on gitHub
https://github.com/jlizanab/react-llamp-menu

Watch a demo on CodeSandbox
https://codesandbox.io/s/react-llamp-menu-luq9ht