SearchF
May 4, 2026/Intermediate/Galleries & Media

Portfolio Grid

A responsive portfolio showcase section with a header tagline, blinking cursor counters, a 2-up/4-col project card grid with hover-zoom images and data-label metadata, plus a full-width CTA button. Scroll-triggered fade and move-up animations via GSAP.

Live Demo ↗

Preview

Portfolio

We help brands grow and tell their stories to the world.

_12
Milk Network Grow Brands

Milk Network Grow Brands

Campaign, Communication

(2024)

MoC Environmental and Way-finding

MoC Environmental and Way-finding

Way-finding

(2021)

Thmanyah

Thmanyah

Visual Identity, Re-branding

(2023)

The Royal Institute of Traditional Arts

The Royal Institute of Traditional Arts

Visual Identity

(2021)

Saudi Lime

Saudi Lime

Strategy, Visual Identity, Re-branding, Communication

(2022)

Cultural Talents Tournament

Cultural Talents Tournament

Visual Identity, Naming

(2022)

Core Fitness

Core Fitness

Way-finding

(2020)

Boost

Boost

Visual Identity, Strategy, Naming, Re-branding

(2020)

Works_37
Discover all works

Source

import PortfolioGrid from "./index.jsx";
import { portfolioGrid } from "../demo-data.js";

export default function PortfolioGridDemo() {
  return <PortfolioGrid {...portfolioGrid} />;
}

Dependencies

  • gsap

Related Components

1W AGO
BeNorth Reelgalleries
1W AGO
Lamalama Case Listgalleries
1W AGO
Inkfish Work Gridgalleries