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

Shuffle December 21, 2023

Shuffle in 2023: Export to GitHub, UI Library Creator, and more.

We had a busy year at Shuffle, and you’ll love this. There are just five working days till the end of this year, and we are preparing the final update for 2023. The team is crushing it! If you haven’t checked Shuffle recently (https://shuffle.dev/new), here are the most important updates to the editor made in […]

Benedykt Michalski

Inspirational Writer

Learning October 31, 2023

Halloween.css

Use CSS filters to change your website’s style into Halloween mode in just a few lines of CSS. It is super scary!

Benedykt Michalski

Inspirational Writer

Bootstrap September 9, 2022

Hero Components Spotlight

Picking the right header is crucial to website reception. Will the user stay on the website or bounce? That depends on what he will see!

Benedykt Michalski

Inspirational Writer

© 2022 Shuffle. All rights reserved.