A light themed simple navigation bar with a search light box.
A light themed simple navigation bar with a search light box.
A light themed simple navigation bar with a search light box.

Available variants

A dark themed simple navigation bar with a search light box for desktop devices
A dark themed simple navigation bar with a search light box for desktop devices
A dark themed simple navigation bar with a search light box for desktop devices
A dark themed simple navigation bar with a search light box for tablet and mobile devices
A dark themed simple navigation bar with a search light box for tablet and mobile devices
A dark themed simple navigation bar with a search light box for tablet and mobile devices
A light themed simple navigation bar with a search light box for desktop devices
A light themed simple navigation bar with a search light box for desktop devices
A light themed simple navigation bar with a search light box for desktop devices
A light themed simple navigation bar with a search light box for tablet and mobile devices
A light themed simple navigation bar with a search light box for tablet and mobile devices
A light themed simple navigation bar with a search light box for tablet and mobile devices

Navigation bar 5

This is one of the simple forms of an adaptive navigation bar which has the capability to accommodate user action buttons and a search bar.

0

0

Variants:

6

Breakpoints

Theme:


Please note: This component is available only for active license holders. Sign in with your license key or purchase one.

Copying disabled

How to use the component?

  • Ship this nav component to your Framer project by simply using the copy button above.

  • Paste it into your respective pages and choose the right variants for the right breakpoints.

  • Our recommendation: Choose the desktop version for a width having breakpoints not less than "1200px", whereas the mobile version for breakpoints having a width less than "1200px".

  • If you're using pre-built hamburger and cross components for switching between mobile open and close variants, ensure you have already detached the instance (Detach instance) for a smoother response.

  • Having trouble setting up your nav bar? Need assistance to create a Layout template? Contact us.

Unlock full potential

Lifetime access

Monthly updates

Access to templates

15+ form templates

Navigation bar 5

This is one of the simple forms of an adaptive navigation bar which has the capability to accommodate user action buttons and a search bar.

0

0

Variants:

6

Breakpoints

Theme:


Please note: This component is available only for active license holders. Sign in with your license key or purchase one.

Copying disabled

How to use the component?

  • Ship this nav component to your Framer project by simply using the copy button above.

  • Paste it into your respective pages and choose the right variants for the right breakpoints.

  • Our recommendation: Choose the desktop version for a width having breakpoints not less than "1200px", whereas the mobile version for breakpoints having a width less than "1200px".

  • If you're using pre-built hamburger and cross components for switching between mobile open and close variants, ensure you have already detached the instance (Detach instance) for a smoother response.

  • Having trouble setting up your nav bar? Need assistance to create a Layout template? Contact us.

Unlock full potential

Lifetime access

Monthly updates

Access to templates

15+ form templates

Navigation bar 5

This is one of the simple forms of an adaptive navigation bar which has the capability to accommodate user action buttons and a search bar.

0

0

Variants:

6

Breakpoints

Theme:


Please note: This component is available only for active license holders. Sign in with your license key or purchase one.

Copying disabled

How to use the component?

  • Ship this nav component to your Framer project by simply using the copy button above.

  • Paste it into your respective pages and choose the right variants for the right breakpoints.

  • Our recommendation: Choose the desktop version for a width having breakpoints not less than "1200px", whereas the mobile version for breakpoints having a width less than "1200px".

  • If you're using pre-built hamburger and cross components for switching between mobile open and close variants, ensure you have already detached the instance (Detach instance) for a smoother response.

  • Having trouble setting up your nav bar? Need assistance to create a Layout template? Contact us.

Unlock full potential

Lifetime access

Monthly updates

Access to templates

15+ form templates

Just like more components

A light themed navigation bar with user buttons and navigation texts with brand logo.

Navigation bar 6

A light themed navigation bar with user buttons and navigation texts with brand logo.

Navigation bar 6

Navigation bar 3

Navigation bar 3

Navigation bar 4

Navigation bar 4

Navigation bar 2

Navigation bar 2

Navigation bar 1

Navigation bar 1

The FAQs

Have questions? We got you…

Everything you need to know about our product and billing.

What is Framerstack?

What is Framerstack?

Is there a free plan available?

Is there a free plan available?

What about the refund policy?

What about the refund policy?

How I can avail my user license?

How I can avail my user license?

Still have questions? Or can't find the right answer? Please contact us. One of our customer support team members will get in touch with you.

Join to the community

Stay in the loop with everything you need to know.

By clicking Submit, you agree to our Privacy Policy and to receive our notifications. You can Unsubscribe anytime.

By clicking Submit, you agree to our Privacy Policy and to receive our notifications. You can Unsubscribe anytime.

By clicking Submit, you agree to our Privacy Policy and to receive our notifications. You can Unsubscribe anytime.