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 July 2, 2025

Smarter Shuffle: 5 Cool Apps Built by AI

Shuffle has received an enormous AI update, and now you can build web apps with advanced logic. You are only limited by your imagination!

Benedykt Michalski

Inspirational Writer

Shuffle June 26, 2025

Best UI Libraries of 2025 by Shuffle

In today’s fast-paced development environment, selecting the right UI library can significantly impact your project timeline. Shuffle offers over 80 professionally designed UI libraries with 13,200+ beautiful UI components.

Benedykt Michalski

Inspirational Writer

Cursor June 19, 2025

Shuffle and Cursor, how to use beautiful UI components directly from desktop IDE

Shuffle and Cursor are a powerful combination for great-looking and functional websites. It will effortlessly elevate your designs!

Benedykt Michalski

Inspirational Writer

© 2022 Shuffle. All rights reserved.