ShortcutNav

Code Components

ShortcutNav

ShortcutNav is a keyboard-enabled navigation component for Framer that features an animated highlight pill, allowing for smooth navigation with active or hovered links. It supports single-page and multi-page sites and offers customizable labels, links, and optional keycaps.

Preview

Purachase - $19

Remix

Frequently asked questions

What is ShortcutNav?

ShortcutNav is a Framer code component that adds a clean navigation menu to your site, with a smooth highlight that follows the selected page.

What problem does it solve?

Does it work on both desktop and mobile?

Can I change the menu items (Home, About, etc.)?

Can I show shortcut keys next to the labels?

Do my visitors need to use the keyboard shortcuts?

Can I customize the look to match my brand?

Will it highlight the current page automatically?

Can I use it for a one‑page site or multiple pages?

Is it easy to set up in Framer?

What if I want one of the menu items to be “disabled” for now?

Will this slow down my site?

Dot Matrix Icon

Beautiful video player

FAQ Pro

$19

FAQ Pro

$19

FAQ Pro

$19

Holographic Sticker

Timezone Indicator

$19

Timezone Indicator

$19

Timezone Indicator

$19

Scroll Blur Reveal

$19

Scroll Blur Reveal

$19

Scroll Blur Reveal

$19

Table of contents

Tab panels

$14

Tab panels

$14

Tab panels

$14

ShortcutNav

Frequently asked questions

What is ShortcutNav?

What problem does it solve?

Does it work on both desktop and mobile?

Can I change the menu items (Home, About, etc.)?

Can I show shortcut keys next to the labels?

Do my visitors need to use the keyboard shortcuts?

Can I customize the look to match my brand?

Will it highlight the current page automatically?

Can I use it for a one‑page site or multiple pages?

Is it easy to set up in Framer?

What if I want one of the menu items to be “disabled” for now?

Will this slow down my site?

More Code Components