๐Ÿ“Œ 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 - Elementor component
V3 Adaptive

Blog Layout Style 1

3-column post cards: image + title + excerpt + read more button

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

Blog Layout Style 2

3-column post cards: image + title + excerpt + read more button with CTA button below

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

Blog Layout Style 3

3-column post cards: image + title + excerpt + read more button with divider above

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

Blog Layout Style 4

3-column post cards: image + title + excerpt + read more button with image placeholder

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

Blog Layout Style 5

3-column post cards: image + title + excerpt + read more button with icon accents

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

Blog Layout Style 6

3-column post cards: image + title + excerpt + read more button centered layout

headingtext-editor

Get new V4 components weekly

We add 200+ new V4 atomic components every week. Drop your email and get the new ones in a weekly digest, plus the free V4 migration starter kit as a welcome gift.

No spam. Unsubscribe anytime. We'll also let you know when new V4 components drop.

Blog Layout Style 1 2 - Elementor component
V3 Adaptive

Blog Layout Style 1 2

3-column post cards: image + title + excerpt + read more button left-aligned layout

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

Blog Layout Style 2 2

3-column post cards: image + title + excerpt + read more button 2-column variant

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

Blog Layout Style 3 2

3-column post cards: image + title + excerpt + read more button 3-column variant

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

Blog Layout Style 4 2

3-column post cards: image + title + excerpt + read more button compact variant

headingtext-editor
V3 Adaptive

Blog Layout Style 5 2

3-column post cards: image + title + excerpt + read more button spacious variant with extra padding

headingtext-editor
V3 Adaptive

Blog Layout Style 6 2

3-column post cards: image + title + excerpt + read more button with social-icons row

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

Blog Layout Style 1 3

3-column post cards: image + title + excerpt + read more button with counter stat

headingtext-editor
V3 Adaptive

Blog Layout Style 2 3

3-column post cards: image + title + excerpt + read more button full-width layout

headingtext-editor
V3 Adaptive

Blog Layout Style 3 3

3-column post cards: image + title + excerpt + read more button narrow centered card style

headingtext-editor
V3 Adaptive

Blog Layout Style 4 3

3-column post cards: image + title + excerpt + read more button with divider below

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

Blog Layout Style 5 3

3-column post cards: image + title + excerpt + read more button right-aligned layout

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

Blog Layout Style 6 3

3-column post cards: image + title + excerpt + read more button 4-column variant

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

Blog Layout Style 1 4

3-column post cards: image + title + excerpt + read more button with alert banner above

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

Blog Layout Style 2 4

3-column post cards: image + title + excerpt + read more button with breadcrumb above

headingtext-editor
V3 Adaptive

Blog Layout Style 3 4

3-column post cards: image + title + excerpt + read more button minimal single-row

headingtext-editor
V3 Adaptive

Blog Layout Style 4 4

3-column post cards: image + title + excerpt + read more button with background container card

headingtext-editor
V3 Adaptive

Blog Layout Style 5 4

2-column post cards

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

Blog Layout Style 6 4

2-column post cards with CTA button below

headingtext-editor