Drill Drawer

About

Designed for deep customization while staying effortless to manage. Dive into the component and tailor every menu level, glass accent, and transition to your exact needs.

Customize

• Refractive glassmorphic sphere on the menu toggle across all states (=, —, ←)

• Interactive glassmorphic sphere and illuminated chevron reveal on submenu hover

• Smooth horizontal drill-down push/pull physics between root and nested views

• Crisp left-to-right progressive hover underline on every navigation link

• Easily adjust drawer colors, glass highlights, typography, kickers, and link URLs

• Adaptive sidebar layout that scales cleanly with the component width

Who is this for?

• Startup websites

• SaaS & product platforms

• Marketing pages

• Agency & portfolio websites

• Modern Framer templates

• e-Commerce & documentation hubs

Mobile-ready by design.

Set the component width to 100%, use Fill, or pin it left & right when fixed to make the sidebar scale seamlessly across both edges of a phone screen.

Share your build

If you build something with Glass Sidebar Nav, I'd love to see it. Feel free to share it on X and tag me @heyshrinath.

Need help?

Questions, feedback, or feature requests? Reach out anytime on X @heyshrinath.