Fixed Side Navigation Bar in Framer | Step-by-Step No-code Tutorial

Live demo: fixednavigation.framer.website/
Remix this for free: framer.com/projects/new?dupli...
In this video, we'll guide you through the process of how to create a fixed side navigation bar in Framer. Whether you're a beginner or an experienced designer, this step-by-step tutorial will help you add a touch of interactivity to your website.
Chapters:
00:00 Preview
00:23 Creating a List Item Component with Variables
03:35 Editing List Item Component
05:05 Creating the Navigation Bar
06:10 Adding Navigation Bar to Page
07:05 Editing Navigation Bar
07:37 Creating a Component for Navigation Bar
09:05 Adding Component to different pages
10:00 Final
Don't forget to like the video if you find it helpful and subscribe to our channel for more Framer tutorials and design inspiration.
_________________________________________________________
Find me on other channels:
Twitter/X: / tonjrv
Instagram: / tonjrv
Threads: www.threads.net/@tonjrv
________________________________________________________
Create your free Framer account: www.framer.com/?via=tonjrv
_________________________________________________________
If you have any questions or suggestions, please leave them in the comments section below. Let's dive into the world of interactive design with Framer!

[@FloNocode]

Hey! Thanks to make this kind of content ! It's very helpful ! We can suggest a type of content for video ?

[@tonjrv]

Great to hear that! 🔥 And definitely you can, do you have some topics in mind?

[@alexander99099]

Thanks for the useful information and lesson. But unfortunately, by the end I felt nauseous from the constant super fast camera movement.

[@tonjrv]

Thanks a lot for the feedback! 🙏 I'll try to reduce movement for the upcoming videos