Blog homepage » Entry
Bootstrap Shuffle July 1, 2020

Using keyboard shortcuts

Weronika Andrzejewska

Content Creator

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

UI Library April 7, 2021

Front-end UI Libraries by Shuffle

Our big accomplishment is the Marketplace launch, which is the first step in expanding our offer. We will keep adding new UI libraries regularly.

Weronika Andrzejewska

Content Creator

Shuffle March 13, 2021

What’s coming to Shuffle in the next two months?

Our team is thriving! New creative people join us to design all sorts of fantastic UI components to satisfy web developers’ expectations.

Weronika Andrzejewska

Content Creator

Shuffle February 26, 2021

We combined four visual editors into Shuffle!

We’ve combined four visual editors into one more powerful editor. Shuffle supports the most popular frameworks: Tailwind CSS, Bootstrap, Bulma, and Material-UI.

Weronika Andrzejewska

Content Creator

© 2021 Shuffle. All rights reserved.