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

AI May 6, 2026

How AI Email Design Tool Helps You Create Better Email Campaigns Faster

Email marketing still depends on one thing above all: getting the right message in front of people in a format they actually want to read.

Benedykt Michalski

Inspirational Writer

Browser extensions for Shuffle
AI April 8, 2026

AI Website Redesign Browser Extension: Redesign Local and Protected Websites

If you want to redesign an existing website with AI, a public URL is not always enough.

Benedykt Michalski

Inspirational Writer

Learning January 29, 2026

Why Do Most AI-Generated Websites Look the Same?

Most AI-generated websites look the same because they are created from vague prompts that lack layout structure, design constraints, and clear visual intent.

Benedykt Michalski

Inspirational Writer

© 2022 Shuffle. All rights reserved.