April 10, 2026/Simple/Blog & News

Article Grid

A responsive grid of article cards with image, title, and excerpt. Accepts any number of articles and a configurable column count. Ready to wire to a CMS — swap the static array for a data fetch.

import ArticleGrid from "./index.jsx";
import { articleGrid } from "../demo-data.js";
import styles from "./demo.module.css";

export default function ArticleGridDemo() {
  return (
    <div className={styles.page}>
      <ArticleGrid articles={articleGrid.articles} columns={2} />
    </div>
  );
}

Related Components

3W AGO
Newsroom Bandblog-news
3W AGO
Newsroom Cardblog-news
3MO AGO
Blog Grid Revealblog-news