DEV Community 👩‍💻👨‍💻

Cover image for Interactive Menu Bar using JavaScript, SVG & CSS- JSitor
Ashvin Kumar Suthar
Ashvin Kumar Suthar

Posted on

Interactive Menu Bar using JavaScript, SVG & CSS- JSitor

An interactive menu-bar using SVG and CSS animations.

Loading Snapshot...

Credits - https://www.youtube.com/c/OnlineTutorials4Designers/featured

Code - https://jsitor.com/cNiYPzdoz

Top comments (12)

Collapse
 
grahamthedev profile image
GrahamTheDev

The example is empty, not sure what you did there but would be interesting to see this in action as I assume you are using SVG filters to get the bulge effect shown in the first image and I always like seeing different implementations of that!

Collapse
 
imthedeveloper profile image
ImTheDeveloper

Really like that navbar!

Collapse
 
yourdevguy profile image
Mike Haslam

Very Cool

Collapse
 
ashvin777 profile image
Ashvin Kumar Suthar Author

Awesome, a nice gesture. Thanks for letting us know that. I am going to update this right now.

Thread Thread
 
ashvin777 profile image
Ashvin Kumar Suthar Author

Please check now.

Thread Thread
 
seanmclem profile image
Seanmclem

no longer works

Collapse
 
mhasan profile image
Mahmudul Hasan

Can i use this in my project?

Collapse
 
ashvin777 profile image
Ashvin Kumar Suthar Author

Sure, the code is available on JSitor.com for use.

Collapse
 
lepinekong profile image
lepinekong

empty now ?

Classic DEV Post from 2020:

js visualized

🚀⚙️ JavaScript Visualized: the JavaScript Engine

As JavaScript devs, we usually don't have to deal with compilers ourselves. However, it's definitely good to know the basics of the JavaScript engine and see how it handles our human-friendly JS code, and turns it into something machines understand! 🥳

Happy coding!