July 23, 2026complexGalleries & MediaInkfish
Inkfish Work Grid
A staggered, intentionally uneven portfolio grid (inkfish agency). An 8-column grid with three card widths (50% / 37.5% / 25%) keeps every visual at the same aspect ratio, so narrower cards sit shorter and leave whitespace below them. Each card shows a cover that plays its clip on hover with a subtle cursor-driven parallax, and a floating '[Watch]' label follows the cursor.
Preview
- RAV4 the WallToyotaCampaign04:00
- Mind GamesAsicsDocumentary01:00
- No Lazy HorsesNissanFilm01:00
- Science Will WinPfizerRe-Brand01:00
- Suspiciously Low-Priced GroceriesLidlCampaign00:30
- Blowing Up The Fight GameDaznCampaign01:00
- UnregiftableVistaprintCampaign00:47
- KicksNissanFilm00:46
- Quit PoocrastinatingPetSafeCampaign00:30
- Play Harder This WinterLand RoverCampaign00:30
- 24 HourMcDonald'sOut-of-Home01:12
- Master the DriveNissan x Star WarsCampaign01:00
- Calm In The StormTherabodyFilm00:30
- Marked By BraverySoweto Gold x JamesonCollaboration02:00
- RentIKEAIntegrated02:46
- Swagger WagonToyotaCampaign02:29
- Tundra Space ShuttleToyotaCampaign00:50
[Watch]
Source
"use client";
import InkfishWorkGrid from "./index.jsx";
import { inkfishWorkGrid } from "../demo-data.js";
import styles from "./demo.module.css";
export default function InkfishWorkGridDemo() {
return (
<div className={styles.demo}>
<InkfishWorkGrid {...inkfishWorkGrid} />
</div>
);
}
Dependencies
gsap
Related Components
1W AGO
BeNorth Reelgalleries
1W AGO
Lamalama Case Listgalleries
1MO AGO
Infinite Draggable Gridgalleries