Framer Code Override

Keyboard Shortcut

Add keyboard shortcuts to your Framer website. Keyboard shortcuts can trigger any action - links, buttons, component variants, search, and overlays.

Open overlay with shortcut

K

Open overlay with shortcut

K

Open overlay with shortcut

K

Get over 60 components and code overrides for building websites with Framer!
No subscription - pay once, use forever.

Type

Code Override

Free

No

Last Updated

May 17, 2024

Instructions

Instructions

In your Framer project, navigate to the Assets tab and create a new code file. Replace the example code with the code override, then add it to a layer in the "Code Override" section of the properties panel.

To add a keyboard shortcut to a layer, rename the layer to the key combination with each key separated by a + symbol. For example, Cmd+K or Ctrl+Shift+T.

Cmd/Ctrl Opt/Alt are interchangeable, so you can use either one and the keys will be mapped to the correct key based on the device (Cmd+A and Ctrl+A are the same shortcut).