Glassy Nav

About Glassy Studio Navigation

About

Glassy Studio Navigation is a minimal, editorial navigation component with two clean variants: a compact top bar and a full-screen style expanded menu. It features a sharp-cornered design, a serif studio wordmark with an optional logo, large page links, contact info, social icons, and a CTA button. Built entirely with native Framer elements, it gives your website a refined, premium feel on every screen.

What you can customize

Built entirely with native Framer elements and fully editable from the property panel. Customize the studio name, studio logo, closed and open background colors, page links and link names, phone number, email, social links, button link, typography, spacing, and variants without code.

Great for (examples)

Just a few ideas, use it anywhere you want navigation to feel more editorial and premium:

- Portfolio websites

- Design studios

- Creative agencies

- Architecture studios

- Photography portfolios

- Personal brands

- Luxury brands

- Modern one-page websites

- Premium Framer templates

Property controls

- Variant: switch between Variant 1 (compact bar) and Variant 2 (expanded menu)

- Trigger: set a custom interaction to open or close the menu

- Studio Name: edit the wordmark text

- Studio Logo: upload your own image or SVG logo

- Closed BG Color: background color when the menu is closed

- Opened BG Color: background color when the menu is open

- Link 1 to 4 and Link 1 to 4 Name: set the destination page and the label for each menu item (Home, About, Projects, Blog)

- Number: contact phone number

- Email: contact email address

- Insta Link, LinkedIn Link, Twitter Link, Behance Link: social profile links

- Button Link: destination for the Contact Me button

Share your build

Need help?

Questions or feedback? Reach me anytime at @skyXr1819 or rofikulislum509@gmail.com