Blog homepage » Entry
Bootstrap Shuffle June 29, 2020

Build your own UI components, VISUALLY!

Weronika Andrzejewska

Content Creator

A month ago, we published a blog post with instructions on how to create components using Custom HTML feature (you can read it: here).

Today, we have an even bigger announcement! You can build your own UI components, VISUALLY!


There are new options in the menu: Containers and Elements.

Containers are unique components that allow you to drop other components into them. So that you can build, e.g., grid structures.

Elements are low-level UI components (button, paragraph, etc.) that allow you to build more advanced UI structures (e.g., header section).

Below you can watch a short video (only 45s) where I re-create one of our Headers section from Tailwind Builder:

Please note that this feature is available in all our editors:

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 November 21, 2020

Visual Studio Code extension for Shuffle UI components

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. You can activate the extension in two ways: Use shortcut: Shift + Ctrl […]

Weronika Andrzejewska

Content Creator

© 2021 Shuffle. All rights reserved.