Blog homepage » Entry
Bootstrap November 21, 2020

Visual Studio Code extension for Shuffle UI components

Weronika Andrzejewska

Content Creator

Do you want to finish your project in Visual Studio Code?

Now we have an easy solution!

You can find our “Shuffle Components” extension in the official Visual Studio Code Marketplace (click here).

Alternatively, you can install it directly from the VSC.

Search for “Shuffle Components” in the VSC Marketplace.

You can activate the extension in two ways:

  1. Use shortcut: Shift + Ctrl + L
  2. Activate it from the “Command Palette” menu:
    1. Show “Command Palette” using: Shift + Ctrl + P (Windows) or Shift + CMD + P (OS X)
    2. Search for “Shuffle.dev: Toggle UI Component Library”

To use all our components, you need to provide the “API Details” in the settings menu. You can find your “API Details” in any of our editors after signing in (Please visit Account -> VSC Extension).

After activation, you can use all components directly from VSC.

Shuffle extension for Visual Studio Code.

You can even switch between editors and UI libraries!

Related blog posts

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

Bootstrap December 6, 2020

Bootstrap 5 is now available in our visual editor!

Finally, we’ve added support for Bootstrap 5. It is the newest version of this most popular CSS framework. You can choose it as a base framework when creating a new project.

Weronika Andrzejewska

Content Creator

Bootstrap Shuffle July 1, 2020

Using keyboard shortcuts

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 […]

Weronika Andrzejewska

Content Creator

© 2021 Shuffle. All rights reserved.