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 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

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

© 2022 Shuffle. All rights reserved.