Components
Article List

Article List

Display blog posts, articles, or news items in various list and grid layouts

Article List 01

List layout of blog posts with titles, dates, and animated arrow icons on hover.

Article List 02

List layout of blog posts with titles that underline on hover, tags as badges, and dates aligned to the right.

Article List 03

List layout with animated arrow on hover, expandable padding, and optional muted background. Includes tags and dates.

Article List 04

List layout with title, description, date in uppercase format, single tag display, and subtle arrow hover animation.

Article List 06

Grid layout with bordered container, 3-column responsive grid, category tags, dates, author avatars with overlapping display, and hover effects.

Article List 07

Blog list divided into Latest posts (2-column) and All posts (3-column) sections. Each post shows title, description, author avatar, name, and read time. Cards have hover border effect.

Article List 08

2-column grid layout with vertical separator, tags and date on top row. Supports optional featured first post that spans full width with horizontal image layout.

Article List 09

Compact 3-column grid with featured images, titles, author byline and tags. More dense version of article-list-10, ideal for featured sections. Includes image scale hover effect.

Article List 10

Single-column list with horizontal cards featuring large images, titles, descriptions, author byline and tag badges. Extended version of article-list-09 with more detail. Includes image scale hover effect.

Article List 11

Grid layout with image cards, author attribution, dates, and descriptions. Features column separators and hover effects.

Article List 12

Grid layout with large images, category badges, and metadata including read time. Clean card design without hover animations.

Article List 13

Grid layout with images, multiple tags separated by dots, author profiles with images and roles. Includes hover effects on titles and images.

Article List 14

Featured post section with clean layout and 3-column grid for regular posts.

Article List 15

Modern blog layout with image-first design, overlay tags, and optional featured post. Images scale on hover.

Article List 16

Clean card-based blog layout with no rounded borders. Images at top, hover effects, and 3-column responsive grid.