Atomic Element · Free
Add a "Latest from the blog" section in one drag. Cards with image, title, excerpt and read-more link are ready the moment you drop it, on Elementor Free.
The short answer
The Elementor posts grid from Animation Addons is an Elementor 4 Atomic Element, labelled "Posts" in the panel, that shows your latest posts or pages as a ready-made grid or list. Each card has an image, title, optional date, excerpt and read-more link, and cards fade up in sequence on scroll. It works on Elementor Free.
Need your own card design, a custom post type or pagination? Use the free Loop Grid. The Posts Grid is the fast option: no card to build, one panel for the whole section.
| Plan | Free |
|---|---|
| Element type | Native Elementor 4 Atomic Element (shown as "Posts" in the AAE Post category) |
| Works with | Elementor Free and Elementor Pro, Atomic Editor on |
| Layouts | Grid with 1–6 Columns, or List (image beside text) |
| Content | Posts or Pages; order by Date, Title or Random; up to 24 per section |
| Card | Fixed parts: image, date, title (H3), excerpt, read-more link; the parts are switched on or off, not rearranged |
| Motion | Built-in staggered fade-up on scroll; card lift and image zoom on hover |
| Responsive | Drops to 2 columns on tablet and 1 on mobile automatically |
| Limits | No pagination, no custom post types, no category filter; for those use the Loop Grid |
| Plugin version | Animation Addons for Elementor 4.3 · Last updated October 2026 |
Demo variations
Ideas you can build today with the Posts Grid and native Elementor 4 elements. Cards marked Pro add an Animation Addons Pro extension or element; the rest work on the free plugin.
Three cards in a row with image, title, a 15-word excerpt and a "Read article" link. Cards lift and the image zooms slightly on hover.
One article per row: the image on the left, the date, title and a 25-word summary on the right. On phones the image moves above the text.
A narrow column of three stacked cards, each with image and title only, under a "Fresh from the oven" heading.
Four compact cards in one row, titles and a custom link label only.
Six cards in a 3 × 2 grid linking to service pages in A–Z order, each with the page's featured image and a short summary.
Two large cards side by side with 30-word excerpts.
Features
Every option below is a real control in the Posts Grid panel or part of how the element renders. Nothing here needs custom code.
The Posts Grid arrives showing your six latest posts in three columns. There is no card template to design first.
Turn Show Date, Show Excerpt and Read More Button on or off, set Excerpt Length (words) from 5 to 100, and rename the Read More Text. Dates follow your WordPress date format.
Set Post Type to Posts or Pages, Order By Date, Title or Random, Order and Posts Per Page from 1 to 24. Sticky posts are not pushed to the front.
Cards fade and rise into place one after another as they enter the viewport, and lift on hover. The effect is built in; it does not load GSAP or need Animation Addons Pro.
Cards are rendered on the server, so titles, excerpts and links are in the page HTML. Images load lazily but carry their width and height, so the page does not jump; posts without a featured image show a placeholder.
Title, link and date colours follow your Elementor global colours. Style the section wrapper with the Style tab and Classes.
Built on the atomic base
Why it mattersOne panel controls every card, so the whole section changes at once. The trade-off is a fixed card. If you need to move parts, add a category or build a different card, use the Loop Grid.
Step by step
Six steps, from installing the plugin to publishing the page. The bold names are the exact labels you will see in the Elementor 4 panel.
Download freeInstall and activate Animation Addons for Elementor, then open a page with the Atomic Editor on.
From AAE Post in the Elements panel, drag Posts onto the canvas.
In Posts Settings, choose Layout, Columns, Posts Per Page and Excerpt Length (words).
Switch Show Date, Show Excerpt and Read More Button on or off, and edit the Read More Text.
In Query, pick Post Type, Order By and Order.
Preview on tablet and mobile, then publish.
Honest comparison
What each option has, side by side. We list where the other choice is the better fit, too.
| Feature | Elementor Pro Posts (classic) | Animation Addons Posts Grid |
|---|---|---|
| Plan | Elementor Pro | Free, works on Elementor Free |
| Element type | Classic widget | Native Elementor 4 Atomic Element |
| Layouts | Classic, Cards and Full Content skins; masonry | Grid (1–6 columns) or List |
| Pagination | Numbers, previous/next, load more on click, infinite scroll | None |
| Columns | Yes | 1–6, auto 2 on tablet and 1 on mobile |
Compared with Elementor 4.3.3 (September 2026).
Elementor Pro's Posts widget is the better pick for a full paginated blog archive. The Posts Grid wins for a quick, free "latest posts" section on Elementor Free. Elementor 4's own Atomic Loop also requires Elementor Pro.
| Feature | Posts Grid | Loop Grid |
|---|---|---|
| Setup | One drag, toggle settings | Design a card, then set the query |
| Card | Fixed parts | Anything built from atomic elements |
| Sources | Posts or Pages | Any public post type, Related Posts, Current Query (Archive) |
| Pagination | None | Page Numbers, Prev/Next, Load More |
| Best for | Quick blog and news sections | Custom cards, archives, shops |
Both are free, native Elementor 4 Atomic Elements.
Who it's for
The people who get the most out of it, and what they use it for.
That want a "latest news" section without template work.
Ending landing pages with a short reading list.
That want the same fast blog block on every client site.
FAQ
Install the free Animation Addons for Elementor plugin and drag the Posts element from the AAE Post category onto the page. The Animation Addons Posts Grid shows your six latest posts in three columns with image, title, excerpt and read-more link. Change the number of posts, columns and order in its settings panel.
Yes. The Animation Addons Posts Grid runs on Elementor Free and shows posts or pages as a grid or list. Elementor's own Posts widget and Atomic Loop need Elementor Pro. For a custom card design, the free Animation Addons Loop Grid also works without Elementor Pro and supports any post type and pagination.
No. The Animation Addons Posts Grid covers posts and pages, up to 24 per section, without pagination or a category filter. That keeps it simple. For custom post types, WooCommerce products, related posts, archives, category filters or Load More, use the free Animation Addons Loop Grid instead.
Yes. Set the Posts Grid's Layout to List. Each post then shows its image on the left with the date, title and excerpt beside it. On phones the Animation Addons Posts Grid moves the image above the text automatically, so the list stays readable.
No. The Posts Grid's reveal is a few lines of script and CSS, with no GSAP. Cards are rendered on the server, so search engines read every title, excerpt and link in the HTML, and if the script does not run the cards simply stay visible. Images load lazily with set dimensions to avoid layout shift.
Mostly. Each Animation Addons Posts Grid card has a real heading and a read-more link that includes the post title as hidden text, so screen readers know where it goes. The image link is skipped by the Tab key to avoid duplicate stops. The scroll reveal currently plays even when a visitor has reduced motion turned on.
Random order is chosen when the page is built. If your site uses page caching, the Animation Addons Posts Grid shows the same random posts to every visitor until the cache refreshes. Exclude that page from caching, or use Date order, if the selection must change on every visit.
More answers in the FAQ · Documentation · Free vs Pro
Pairs well with
Elements that work well with the Posts Grid on the same page or template.
Free on Elementor Free. Need a custom card or pagination? The Loop Grid is free too.
