
Using keyboard shortcuts
All our editors support several useful keyboard shortcuts. Here’s a list of them all: Key Action C Open/Close Components library. S Open Change Styles menu. A Open Visual Content settings (when hovering on a component). H Open Custom HTML settings (when hovering on a component). ↑ ↓ Move a component UP or DOWN (when hovering on a component). ← → Change […]

Benedykt Michalski
Inspirational Writer

Build your own UI components, VISUALLY!
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 […]

Benedykt Michalski
Inspirational Writer

Access to CSS classes where you need them.
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, […]

Benedykt Michalski
Inspirational Writer

Build your own UI components!
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 […]

Benedykt Michalski
Inspirational Writer

All editors updated to the most current CSS framework’s version!
Updated: May 28, 2020. I am in a hurry to inform you that we have updated all three editors to the latest version of the CSS framework! Bootstrap Shuffle – works with Bootstrap ^4.5.0 💜Tailwind Builder – works with Tailwind ^1.4.0 💙Bulma Builder – works with Bulma ^0.8.2 💚 Because there are no breaking changes, […]

Benedykt Michalski
Inspirational Writer

Three ways to change CSS styles.
In this mini-tutorial, I’ll show you how to use three functions to change background color in your project. The background color is just an example, and you can change other properties in the same way. This description applies to three editors, Bootstrap Shuffle, Bulma Builder, and Tailwind Builder. The screens come from Bootstrap Shuffle but […]

Benedykt Michalski
Inspirational Writer