How to create Sidebar navigation menu in ReactJS with react router and framer-motion

CodeBucks - May 26 '21 - - Dev Community

Hi there 👋,

Checkout this cool sidebar.

Here is the Demo Link:
https://react-sidebar.vercel.app/

I have created this using Styled-components, react-router and framer-motion for page transition. You can use this kind of sidebar in creating Dashboards.

For this project I have used these libraries,
▶️ reactjs
▶️ Styled-Components
▶️ react-router-dom
▶️ Framer-motion for page transition

Here is the tutorial for this Sidebar menu!

You can use this to learn or for your portfolio.

I haven't added drop-down menu yet but if you want it then you can add it and feel free to create more sections.

Any suggestions are welcomed!

Thanks For Reading😄

Feel free to visit my youtube channel:

@CodeBucks

You might also like these website templates:

  • A beautiful portfolio template in ReactJS => here
  • NFT collection landing page in ReactJS => here

Follow me on Instagram where I'm sharing lot's of useful resources!

@code.bucks 😉

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Terabox Video Player