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 March 12, 2025

Turn Ideas into Code with AI — Chat, Upload, or Draw!

We’re excited to introduce AI-powered component creation in Shuffle! Now, you can build fully responsive UI components in seconds using three new AI-driven features: Chat your request – Describe the component you need, and AI will generate it for you (Open AI Assistant at the bottom-left corner). Upload a mockup – Do you have a design file or wireframe? […]

Benedykt Michalski

Inspirational Writer

shadcn/ui February 15, 2025

The best visual editor for shadcn/ui

Shuffle visual editor fully supports the shadcn/ui library, giving you even more power and flexibility to build stunning UIs effortlessly. The shadcn/ui integration includes a few valuable features! Access to shadcn/ui’s beautifully designed components right in the visual editor With Shuffle, you can instantly access a vast collection of pre-designed, high-quality components from shadcn/ui directly in the […]

Benedykt Michalski

Inspirational Writer

Development August 28, 2024

Upload UI libraries to Shuffle

Uploading UI libraries to Shuffle is available, and the first users have already used it! This feature allows you to upload a library you created or purchased (e.g., Tailwind UI, Flowbite, Ayro UI). The uploaded library will work with Shuffle features such as visual editing, live preview, and collaboration. Uploading flow UI library upload consists […]

Benedykt Michalski

Inspirational Writer

© 2022 Shuffle. All rights reserved.