Pinterest-Style Layouts
For Unreal Engine UMG
Adaptive grid layouts with smooth animations, filtering, and sorting.
Adaptive grid layouts with smooth animations, filtering, and sorting.
UMasonry is a production-ready layout panel for Unreal Engine's UMG that solves the challenge of arranging UI elements with varying heights in a visually appealing and performant manner.
Whether you're building a product gallery, dashboard, content feed, or any grid-based interface, UMasonry provides multiple layout algorithms, smooth animations, and powerful filtering/sorting capabilities—all accessible from Blueprint and C++.
Choose the perfect layout for your content
The classic Pinterest-style layout that balances items across columns based on their heights. Perfect for content with varying heights like image galleries, product catalogs, and card-based interfaces.
A straightforward left-to-right, top-to-bottom layout that wraps items into rows. Ideal for uniform content like buttons, tags, or grid-based dashboards.
A top-to-bottom layout that fills columns vertically before moving to the next column. Perfect for vertical scrolling interfaces and timeline-style content.
A unique horizontal variant that balances items across rows based on their widths. Great for horizontal scrolling carousels and wide-format content.
A gallery-style layout that justifies items within rows while preserving their aspect ratios. Perfect for photo galleries and media-rich interfaces.
Smooth transitions when content changes with customizable easing and staggering.
Powerful content organization with composable filters and multi-level sorting.
Intuitive drag-and-drop reordering with smooth animations and proper z-ordering.
Every feature is available to designers and programmers alike.