๐Ÿ“Œ Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.

Blog / Articles

Blog post grids, article lists, and content cards

411 components - V3 300 ยท V4 111

Version:

๐Ÿ“Œ Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.

Blog Layout Style 1 17 - Elementor component
V3 Adaptive

Blog Layout Style 1 17

list view: image left + title + excerpt right per row 3-column variant

headingtext-editor
Blog Layout Style 2 17 - Elementor component
V3 Adaptive

Blog Layout Style 2 17

list view: image left + title + excerpt right per row compact variant

headingtext-editor
Blog Layout Style 3 17 - Elementor component
V3 Adaptive

Blog Layout Style 3 17

list view: image left + title + excerpt right per row spacious variant with extra padding

headingtext-editor
Blog Layout Style 4 17 - Elementor component
V3 Adaptive

Blog Layout Style 4 17

list view: image left + title + excerpt right per row with social-icons row

headingtext-editor
Blog Layout Style 5 17 - Elementor component
V3 Adaptive

Blog Layout Style 5 17

list view: image left + title + excerpt right per row with counter stat

headingtext-editor
Blog Layout Style 6 17 - Elementor component
V3 Adaptive

Blog Layout Style 6 17

list view: image left + title + excerpt right per row full-width layout

headingtext-editor
Blog Layout Style 1 18 - Elementor component
V3 Adaptive

Blog Layout Style 1 18

list view: image left + title + excerpt right per row narrow centered card style

headingtext-editor
Blog Layout Style 2 18 - Elementor component
V3 Adaptive

Blog Layout Style 2 18

list view: image left + title + excerpt right per row with divider below

headingtext-editor
Blog Layout Style 3 18 - Elementor component
V3 Adaptive

Blog Layout Style 3 18

list view: image left + title + excerpt right per row right-aligned layout

headingtext-editor
Blog Layout Style 4 18 - Elementor component
V3 Adaptive

Blog Layout Style 4 18

list view: image left + title + excerpt right per row 4-column variant

headingtext-editor
Blog Layout Style 5 18 - Elementor component
V3 Adaptive

Blog Layout Style 5 18

list view: image left + title + excerpt right per row with alert banner above

headingtext-editor
Blog Layout Style 6 18 - Elementor component
V3 Adaptive

Blog Layout Style 6 18

list view: image left + title + excerpt right per row with breadcrumb above

headingtext-editor
Blog Layout Style 1 19 - Elementor component
V3 Adaptive

Blog Layout Style 1 19

list view: image left + title + excerpt right per row minimal single-row

headingtext-editor
Blog Layout Style 2 19 - Elementor component
V3 Adaptive

Blog Layout Style 2 19

list view: image left + title + excerpt right per row with background container card

headingtext-editor
Blog Layout Style 3 19 - Elementor component
V3 Adaptive

Blog Layout Style 3 19

3 cards with category badge text

headingtext-editor
Blog Layout Style 4 19 - Elementor component
V3 Adaptive

Blog Layout Style 4 19

3 cards with category badge text with CTA button below

headingtext-editor
Blog Layout Style 5 19 - Elementor component
V3 Adaptive

Blog Layout Style 5 19

3 cards with category badge text with divider above

headingtext-editor
Blog Layout Style 6 19 - Elementor component
V3 Adaptive

Blog Layout Style 6 19

3 cards with category badge text with image placeholder

headingtext-editor
Blog Layout Style 1 20 - Elementor component
V3 Adaptive

Blog Layout Style 1 20

3 cards with category badge text with icon accents

headingtext-editor
Blog Layout Style 2 20 - Elementor component
V3 Adaptive

Blog Layout Style 2 20

3 cards with category badge text centered layout

headingtext-editor
Blog Layout Style 3 20 - Elementor component
V3 Adaptive

Blog Layout Style 3 20

3 cards with category badge text left-aligned layout

headingtext-editor
Blog Layout Style 4 20 - Elementor component
V3 Adaptive

Blog Layout Style 4 20

3 cards with category badge text 2-column variant

headingtext-editor
Blog Layout Style 5 20 - Elementor component
V3 Adaptive

Blog Layout Style 5 20

3 cards with category badge text 3-column variant

headingtext-editor
Blog Layout Style 6 20 - Elementor component
V3 Adaptive

Blog Layout Style 6 20

3 cards with category badge text compact variant

headingtext-editor