Glide Navigation

Glide Navigation is a free Framer component that brings a smooth sliding highlight to a compact pill-shaped menu. A graphite surface, soft edges and subtle depth give everyday links a considered finish.

Follow the movement

The highlight follows your pointer as you hover between links, then returns to the selected item. Keyboard focus receives its own visible treatment, and reduced-motion preferences are respected.

Make it yours

Edit your navigation labels and destinations, choose which links open in a new tab, and set the initial active item. Adjust the surface, text and highlight colors, typography, padding, corner radius and link spacing directly in Framer.

A smaller footprint

Glide keeps navigation in a single horizontal row. When space gets tight, the links can scroll within the pill instead of wrapping into a second line. Use it for a focused portfolio, a product landing page, a template collection or a compact resource site.

Made by Design Supply