Blog homepage » Entry
Bootstrap Shuffle June 12, 2020

Access to CSS classes where you need them.

Benedykt Michalski

Inspirational Writer

Based on our users’ feedback, we have decided to combine the “CSS Classes” tab with “Visual Content”. This update will be of particular interest to Tailwind Builder users, where most of the work is related to CSS classes. 

Now, if you want to add new CSS classes, you don’t need to switch tabs. Just hover on a label, and you’ll see an extra option, “CSS.” 

That option will allow you to understand what classes are already used and modify them in one place (add new or delete previous ones). 

Classes list in the Content menu.

Note: All screenshots come from Tailwind Builder, but this feature is available in all our editors. To open the Content menu and test this feature, you need to hover on a component and click the “Content” button.

TIP 1. Move mouse over the “CSS” element, and we’ll mark the related item.

The related item has a special background.

TIP 2. You can add multiple classes at once (separate classes with space, confirm with the Enter key). 

Add multiple classes at once.

TIP 3. All classes have an autocomplete function enabled.

The autocomplete example from the Tailwind Builder.

PS. We’ve left the old function with the full section’s structure at the bottom of the Visual Content as “CSS Classes (advanced).”

As always, I appreciate your feedback! support@shuffle.dev

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.