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.