Themify Builder Mosaic Addon – Custom Masonry & Tile Layouts
The Themify Builder Mosaic Addon is a premium Builder module that lets you design fully custom masonry-style tile layouts for your photo galleries, blog posts, WooCommerce products, and more. Instead of being stuck with fixed grids, you draw your own mosaic by resizing tiles directly in the Builder, giving you pixel-level control over how every image, post, or product appears.
What Is Themify Builder Mosaic Addon?
The Themify Builder Mosaic Addon adds a dedicated Mosaic module to the Themify Builder panel (in both backend and frontend edit modes). You drag the module into any row, sketch your tile layout by dragging tile corners, then choose what kind of content fills each tile—posts, static text, galleries, products, or other dynamic sources.
Because it works with Themify Builder’s live editing, every change to your tile shapes, spacing, and styling updates instantly, making it easy to experiment with layouts until everything feels just right.
Key Features of Themify Builder Mosaic Addon
Draw Your Own Mosaic Layouts
- Create completely custom tile layouts by dragging the corners of each tile
- Add new tiles or remove existing ones to match your design vision
- Save any layout as a tile template and reuse it on other pages or modules
- Load pre-made templates from a presets collection and tweak them to taste
This gives you far more flexibility than standard masonry or grid systems.
Dynamic Content From Multiple Sources
Populate tiles with a wide range of content types, including:
- Standard WordPress blog posts
- Static text and images
- WordPress image galleries
- WooCommerce products
- Custom post types built with Post Type Builder
- NextGEN Gallery images
- Directory listings that read directly from a folder on your server
For directory listings, image files are shown with thumbnails, while audio files can display an audio player with album artwork and info pulled from mp3 metadata. This makes it easy to showcase large collections of files without adding each item one by one.
Grid or Slider Display Modes
Choose how your mosaic appears on the page:
- Grid mode for classic tiled layouts on portfolio, blog, or gallery pages
- Slider mode to turn your tiles into a horizontally swiping showcase
You can switch modes without rebuilding the layout, which is handy for trying different presentation styles.
Presets, Gutter Control & Hover Effects
The Themify Builder Mosaic Addon includes extra visual controls to refine your design:
- A library of preset tile templates you can customize
- Gutter spacing control to adjust the gaps between tiles (tight, standard, or wide)
- A variety of hover effects that animate when visitors move the mouse over a tile
These options help you dial in both the structure and the behavior of your mosaic.
Pagination & Infinite Scroll Options
Control how visitors browse larger collections:
- Infinite scroll for a modern, continuous browsing experience
- Numbered pagination for traditional archive-style navigation
- Load More button for manual loading of more tiles
- No pagination for fixed, static mosaics
You can choose what best fits your content size and performance needs.
Mobile Breakpoints & Styling Controls
To keep layouts looking sharp across devices, the Mosaic addon lets you:
- Define a custom mobile breakpoint where the layout adapts
- Style general mosaic elements and inner content (titles, meta, overlay text)
- Match colors, typography, and spacing with the rest of your Builder-powered design
This ensures your mosaics remain usable and attractive on phones, tablets, and desktops.
How the Mosaic Module Works in Themify Builder
Once installed, the module appears under the Addons section in the Builder:
- Add a Mosaic module to any row.
- Draw or load a tile template, resizing tiles until you like the layout.
- Choose a content source (posts, products, galleries, text, etc.).
- Adjust display options like grid/slider mode, pagination, and hover effects.
- Style everything – from background and overlays to text and gutters – via the Builder styling panel.
No custom code or extra page builder is required; it’s all handled within the standard Themify Builder workflow.
Practical Use Cases
Photo & Media Galleries
Use the Themify Builder Mosaic Addon to build:
- Asymmetric photo mosaics for photography portfolios
- Featured image walls for travel, food, or lifestyle blogs
- Media-rich landing sections with carefully arranged tile compositions
Blogs, Magazines & Editorial Layouts
For content-heavy sites:
- Turn blog archives into dynamic, magazine-style mosaics
- Highlight featured categories or tags in unique tile arrangements
- Combine posts, text blocks, and callouts in a single mosaic layout
WooCommerce & Product Showcases
For online shops:
- Display products from specific categories in custom tile grids
- Hide free or out-of-stock products when needed (using WooCommerce-related options)
- Mix products, text promos, and banners in a single mosaic for campaign pages
Portfolios, Directories & File Showcases
The directory listing and dynamic content capabilities make Mosaic handy for:
- Visual portfolios pulling from custom post types
- Audio or media collections drawn from a dedicated folder
- Resource libraries where files need attractive, tile-based presentation
Benefits of Using Themify Builder Mosaic Addon
Total Layout Freedom
You’re not locked into pre-defined masonry patterns. Each tile can be resized and arranged until the layout feels exactly right, giving your pages a custom-designed look without grid limitations.
High Impact, Low Effort
Because the Mosaic addon ties into live editing and powerful presets:
- You can prototype complex layouts quickly
- Designers avoid repetitive manual cropping or hard-coded grids
- Site owners can refresh mosaics often without developer help
Consistent, On-Brand Presentation
Dynamic content sources and Builder-based styling mean:
- Posts, products, and galleries inherit your brand styling
- Multiple pages can share the same saved tile templates
- Updates to content automatically flow into your mosaic layouts
Who Is Themify Builder Mosaic Addon For?
The Themify Builder Mosaic Addon is ideal for:
- Photographers, artists, and designers wanting standout, custom galleries
- Bloggers and publishers who prefer editorial-style, masonry-based archives
- WooCommerce shop owners who want visually rich, flexible product showcases
- Agencies and freelancers building highly customized layouts for clients with Themify Builder
If you want advanced, hand-crafted masonry and tile layouts that can pull from posts, products, galleries, and more—without writing a line of code—the Themify Builder Mosaic Addon gives you the creative control and dynamic content options to design unique, conversion-friendly mosaics across your WordPress site.
