Title: Mosaic Contents for Elementor Author: Micemade Published: September 7, 2026 Last modified: September 7, 2026 --- Search plugins ![](https://ps.w.org/mosaic-contents-for-elementor/assets/banner-772x250.png?rev =3684860) ![](https://ps.w.org/mosaic-contents-for-elementor/assets/icon-256x256.png?rev=3684860) # Mosaic Contents for Elementor By [Micemade](https://profiles.wordpress.org/anydog/) [Download](https://downloads.wordpress.org/plugin/mosaic-contents-for-elementor.0.1.0.zip) * [Details](https://wordpress.org/plugins/mosaic-contents-for-elementor/#description) * [Reviews](https://wordpress.org/plugins/mosaic-contents-for-elementor/#reviews) * [Installation](https://wordpress.org/plugins/mosaic-contents-for-elementor/#installation) * [Development](https://wordpress.org/plugins/mosaic-contents-for-elementor/#developers) [Support](https://wordpress.org/support/plugin/mosaic-contents-for-elementor/) ## Description Mosaic Contents for Elementor (MC4E) adds two Elementor widgets under the **Mosaic Contents** category. Both are built on a free-form grid layout engine: instead of being constrained by classic HTML layout models (flexbox, CSS grid, columns), you place and size items freely on an underlying snap grid. * **Content Layout** – query posts or any custom post type and arrange the results as cards in a free-form grid. * **Widgets Layout** – turn each grid cell into a drop zone for any Elementor widget( headings, images, buttons, Containers, and more), so you can compose free-form sections from native, editable Elementor elements. ### Key capabilities: * Free-form drag-and-resize editing directly inside Elementor, with an underlying snap grid. * Separate desktop, tablet, and mobile layouts (stored per breakpoint) – each view layout can be unique! * Editor-friendly React-powered rendering with two-way Elementor settings sync. * Content Layout: works with any post type and its taxonomies; per-element visibility and ordering; style presets; predefined layouts; saved setups. Content is fetched via the WordPress REST API. * Widgets Layout: multiple native widgets per cell; nested Containers; drag widgets between cells; per-cell styling (global Cell Style plus a per-cell repeater with automatic cell-to-item sync). #### Content Layout widget Query settings for post type, taxonomy and terms, order, sticky posts, and pagination. Style options include card text, layout, image display and focal point, colors, borders, and reusable style presets, plus element order and visibility controls. #### Widgets Layout widget Drop any Elementor widget onto a cell (or use the cell’s add icon), stack multiple widgets per cell, and nest Containers/Grid/Flexbox with inner widgets. Cells can be dragged, resized, and stacked (z-index); widgets can be reordered within a cell or moved between cells. Each cell can be styled individually via a per-cell repeater( background, padding, text and links color, overlay color, horizontal and vertical alignment, border, radius, and box shadow), with empty fields falling back to the global Cell Style. ### Documentation For detailed instructions on using the MC4E widgets, consult the documentation in docs/index.html. ### Stay Connected * [View/Contribute on GitHub](https://github.com/Micemade/mosaic-contents-for-elementor) * [Follow on Twitter](https://twitter.com/theMicemade) * [Visit the Micemade website](https://micemade.com) ### License This plugin is licensed under the GPLv2 or later. The plugin uses, other than WordPress and React modules and packages, third party modules, licenced under MIT or MPL-2.0, GPL compatible licences, but heavily relies on: * [React Grid Layout]https://github.com/react-grid-layout/react-grid-layout ### Feedback If you would like to have more features to this block, please suggest them in the Support section. This also applies to pointing out to bugs, or UI/UX improvements. Bugfixes or improvements will be added to the plugin. Thank you for using Mosaic Contents for Elementor! ## Screenshots [⌊Example of editor view, editing Widgets layout - creating free-form hero layout. Each box is a Widget Layout cell with nested Elementor widgets. Widgets are drag and dropped from widgets panel. Each cell has it's own properties, such as background( color, gradient, or image), overlay color, text and links color, padding etc.⌉⌊Example of editor view, editing Widgets layout - creating free-form hero layout. Each box is a Widget Layout cell with nested Elementor widgets. Widgets are drag and dropped from widgets panel. Each cell has it's own properties, such as background (color, gradient, or image), overlay color, text and links color, padding etc.⌉[ Example of editor view, editing Widgets layout – creating free-form hero layout. Each box is a Widget Layout cell with nested Elementor widgets. Widgets are drag and dropped from widgets panel. Each cell has it’s own properties, such as background( color, gradient, or image), overlay color, text and links color, padding etc. [⌊Another example creation of hero section entirely made with Widgets layout, including the panel settings view with separate style controls for each Widgets Layout cells.⌉⌊ Another example creation of hero section entirely made with Widgets layout, including the panel settings view with separate style controls for each Widgets Layout cells .⌉[ Another example creation of hero section entirely made with Widgets layout, including the panel settings view with separate style controls for each Widgets Layout cells. [⌊Using Content Layout widget, displaying latest posts. The Elementor settings panel shows Style presets, and more fine grained control over each element (post title, terms, Read more button, post author, etc.) styling bellow. Style prests and Predifend Layouts control can be used to fast create beautyfully designed post (or CPT) layouts.⌉⌊ Using Content Layout widget, displaying latest posts. The Elementor settings panel shows Style presets, and more fine grained control over each element (post title, terms, Read more button, post author, etc.) styling bellow. Style prests and Predifend Layouts control can be used to fast create beautyfully designed post (or CPT) layouts .⌉[ Using Content Layout widget, displaying latest posts. The Elementor settings panel shows Style presets, and more fine grained control over each element (post title, terms, Read more button, post author, etc.) styling bellow. Style prests and Predifend Layouts control can be used to fast create beautyfully designed post (or CPT) layouts. [⌊Frontend view of Content Layout widget, displaying products post type, from selected product categories. Post and post types can be selected, with dynamically changed taxonomies for selected post type. The pagination view can be toggled on/off.⌉⌊Frontend view of Content Layout widget, displaying products post type, from selected product categories. Post and post types can be selected, with dynamically changed taxonomies for selected post type. The pagination view can be toggled on/off.⌉[ Frontend view of Content Layout widget, displaying products post type, from selected product categories. Post and post types can be selected, with dynamically changed taxonomies for selected post type. The pagination view can be toggled on/off. [⌊Creative and playful example of Widgets Layout - layout cells (boxes) can nest Elementor widgets, but also can be used as decorative elements, such as in this example.⌉⌊Creative and playful example of Widgets Layout - layout cells (boxes) can nest Elementor widgets, but also can be used as decorative elements, such as in this example.⌉[ Creative and playful example of Widgets Layout – layout cells (boxes) can nest Elementor widgets, but also can be used as decorative elements, such as in this example. ## Installation First and foremost, make sure that Elementor plugin is installed and active. 1. In WordPress Admin Dashboard: 2. * Go to “Plugins” → “Add New” and search for “Mosaic Contents for Elementor”. Once found, click “Install”. * When the installation is done, click on “Activate” button. 3. Manually 4. * Download the zipped plugin from the wordpress.org or github.com * Unzip the plugin folder to `/wp-content/plugins/`. * Activate the plugin from the WordPress Plugins screen. Now you can edit a page with Elementor and add the Content Layout or Widgets Layout widget from the Mosaic Contents category. ## FAQ ### Does this plugin require WooCommerce? No. Content Layout works with any public post type, so it can display WooCommerce products if that post type is selected, but the plugin does not depend on WooCommerce. ### Does this plugin require Elementor Pro? No. It works with the free Elementor, though your site may also run Elementor Pro. ### Are my drag-and-resize layout changes saved automatically? Layout changes are stored with the page only after you click Update or Publish in Elementor. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Mosaic Contents for Elementor” is open source software. The following people have contributed to this plugin. Contributors * [ Micemade ](https://profiles.wordpress.org/anydog/) [Translate “Mosaic Contents for Elementor” into your language.](https://translate.wordpress.org/projects/wp-plugins/mosaic-contents-for-elementor) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/mosaic-contents-for-elementor/), check out the [SVN repository](https://plugins.svn.wordpress.org/mosaic-contents-for-elementor/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/mosaic-contents-for-elementor/) by [RSS](https://plugins.trac.wordpress.org/log/mosaic-contents-for-elementor/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 0.1.0 * Initial release with the Content Layout and Widgets Layout widgets. ## Meta * Version **0.1.0** * Last updated **1 week ago** * Active installations **Fewer than 10** * WordPress version ** 6.0 or higher ** * Tested up to **7.1** * PHP version ** 8.0 or higher ** * Tags * [content grid](https://wordpress.org/plugins/tags/content-grid/)[custom post types](https://wordpress.org/plugins/tags/custom-post-types/) [elementor](https://wordpress.org/plugins/tags/elementor/)[posts](https://wordpress.org/plugins/tags/posts/) * [Advanced View](https://wordpress.org/plugins/mosaic-contents-for-elementor/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/mosaic-contents-for-elementor/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/mosaic-contents-for-elementor/reviews/) ## Contributors * [ Micemade ](https://profiles.wordpress.org/anydog/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/mosaic-contents-for-elementor/)