Blog homepage » Entry
Bootstrap Shuffle June 29, 2020

Build your own UI components, VISUALLY!

Benedykt Michalski

Inspirational Writer

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!

How?

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

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.