Blog

Easily enable or disable page sections. Click the handle icon on the right in the section.The disabled element will still exist on the backend, but users will not see them on the live site.

One of the interesting things you can do with ui/Theme-Builder is to listen to scrolling events in order to apply the x or y positions to the section headings or backgrounds and create a beautiful parallax effect.

There is also a module called 'ui/Theme-Builder Components' that is automatically installed with the package. You can use this module to put your content anywhere in your page.

Masonry is a grid layout based on columns. Unlike other grid layouts, it doesn’t have fixed height rows. Basically, Masonry layout optimizes the use of space inside the web page by reducing any unnecessary gaps. You can do that with ui/Theme-Builder.

The Scrollspy component listens to page scrolling and trigger events based on the scroll position. For example, if you scroll down a page, and an element appears in the viewport for the first time, you can trigger a smooth animation to fade in the element.

When i developed this feature, i had two important guidelines i focused on: making sure the shapes were lightweight and optimized, while delivering shapes that looked great on any screen, resolution and device. Because the shapes are SVG's, this guarantees they are always seen as high resolution, including on retina screens.