How-to add Smart Blocks?

  1. Open your Style Guide 
  2. Activate the Edit Mode & Click on the + button 
  3. Add a Smart Block (e.g. like Color Swatches)

Smart block filter search 

The intelligent filter system of the smart block adder allows you to search through it using key words such as ‘Text’ for a text block or words related to the kind of block you want to add. 

Smooth navigation

You can navigate through the different search results with your keyboard and easily select the one you need in your Style guide by pressing Enter.

Different types of Smart Blocks

Most used Blocks





UI & Code


We have many  blocks to work with.
Try it out. It's a real experience.

Did this answer your question?