Blog homepage » Entry
Bootstrap Shuffle July 1, 2020

Using keyboard shortcuts

Benedykt Michalski

Inspirational Writer

All our editors support several useful keyboard shortcuts. Here’s a list of them all:

Key Action
C Open/Close Components library.
S Open Change Styles menu.
A Open Visual Content settings (when hovering on a component).
H Open Custom HTML settings (when hovering on a component).
↑ ↓ Move a component UP or DOWN (when hovering on a component).
← → Change a component to PREVIOUS or NEXT in the library (when hovering on a component).
Backspace Delete a component (when hovering on a component).
1, 2, 3, …, 9 Change page preview to <number> (when you’ve created more than one).
D Resize the preview window to desktop size.
F Resize the preview window to tablet size.
G Resize the preview window to mobile size.
N Open the preview in a new window.
E Export the project.
ESC Close modals.

Try them out yourself using your favorite CSS framework:

PS. Once you have logged in, you can find the same list on the menu: Account -> Keyboard shortcuts.

Related blog posts

Uncategorized October 7, 2026

13,400+ Free UI Components: Copy, Paste, and Make Them Yours with AI

Every component in the Shuffle UI component library is now free to copy and paste.

Benedykt Michalski

Inspirational Writer

AI October 1, 2026

From design to development: continue your Shuffle project in your favorite coding agent

You’ve found a design you like. Now it’s time to make it work inside your application.

Benedykt Michalski

Inspirational Writer

AI June 1, 2026

Landing Page Roast – A fun way to learn Shuffle Editor

We launched a fun experiment that might be a surprisingly enjoyable way to explore what Shuffle can do. Meet Landing Page Roast!

Benedykt Michalski

Inspirational Writer

© 2022 Shuffle. All rights reserved.