April 13, 2026/Intermediate/Blog & News

Blog Grid Reveal

A typographic blog grid with inline images embedded in large text links. Each row slides up into view on scroll via GSAP ScrollTrigger. Rows alternate alignment and images react on hover with rotation and opacity.

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

export default function BlogGridRevealDemo() {
  return (
    <div className={styles.page}>
      <div className={styles.spacer} />
      <BlogGridReveal {...blogGridReveal} />
      <div className={styles.spacer} />
    </div>
  );
}
  • gsap

Related Components

3W AGO
Newsroom Bandblog-news
3W AGO
Newsroom Cardblog-news
3MO AGO
Article Gridblog-news