Blog homepage » Entry
Bootstrap Shuffle May 11, 2020

Build your own UI components!

Benedykt Michalski

Inspirational Writer

We have released a new feature that allows you to create UI components or modify ours in all three editors (Bootstrap Shuffle, Bulma Builder, Tailwind Builder).

To use this option:

1. Add any component on the canvas and click “Content” on it.

Do this even if you want to create a new one from scratch (just remove its code in the next step).

1. Open the “Content” menu.

2. Go to the “Custom HTML” tab.

2. The “Custom HTML” panel.

Custom HTML panel includes:

  • HTML code editor. It supports keyboard shortcuts (ctrl+v, ctrl+c, etc.).
  • Live preview of your project.
  • Library of small HTML snippets to help you build faster.

Our plan for the next few days is to load the panel with many useful HTML snippets, so that you don’t have to write the code yourself.

I encourage you to test the new powerful feature! 💪

[1] Both screenshots come from Bootstrap Shuffle, but content applies to all three editors.

Related blog posts

Shuffle December 21, 2023

Shuffle in 2023: Export to GitHub, UI Library Creator, and more.

We had a busy year at Shuffle, and you’ll love this. There are just five working days till the end of this year, and we are preparing the final update for 2023. The team is crushing it! If you haven’t checked Shuffle recently (https://shuffle.dev/new), here are the most important updates to the editor made in […]

Benedykt Michalski

Inspirational Writer

Learning October 31, 2023

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

© 2022 Shuffle. All rights reserved.