April 13, 2026IntermediateBlog & 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.
Preview
Source
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>
);
}
Dependencies
gsap
Bass
Westend Studio
Stats
Delivrd