Blog homepage » Entry
Bootstrap November 21, 2020

Visual Studio Code extension for Shuffle UI components

Benedykt Michalski

Inspirational Writer

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

Learning October 31, 2022

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

Tailwind May 5, 2022

Tailwind Pricing Components Spotlight

A post about how to build a good pricing component for a website.

We’ll go through some examples from over 78 (!) different versions of pricing components for Tailwind CSS available in the Shuffle Editor libraries.

Benedykt Michalski

Inspirational Writer

© 2022 Shuffle. All rights reserved.