Fisheye Chromatic Card Grid
NewAn infinitely wrapping draggable 5×5 grid of image cards rendered in Three.js with a custom shader that bulges edges and splits RGB channels.
Install
Add it with the shadcn CLI, or copy the source manually.
$ bunx --bun shadcn add https://foundations.cuedesign.space/r/fisheye-chromatic-card-grid.json
Related components
Stacked Deck Scroll RevealNew
A pinned scroll sequence where staggered cards stack, then fly out one by one to reveal an editorial case-study deck.
Gooey Liquid Feedback DropNew
A scroll-triggered liquid blob simulated with a custom RAF physics engine and SVG gooey filter that bounces, morphs into a dark feedback modal, and rockets away on submit.
3D Book Carousel Reading ModeNew
A perspective-driven CSS 3D shelf of books that morphs spines into covers as you scroll, opening into a two-phase rise-and-swing reading spread.
Contributed by Alok
Updated Sep 17, 2026