Future UI

Isometric Testimonial Grid

▧ Blocks

Draggable isometric testimonial card grid with glow effects and momentum scrolling.

testimonialisometricgriddraggsapblock

No preview available

GSAP + Isometric CSS ~ Drag to Explore

Controls

#9333ea
0.8

Blocks / React Component

About Isometric Testimonial Grid

Draggable isometric testimonial card grid with glow effects and momentum scrolling.

Category Blocks
Framework React + TypeScript
Dependencies gsap
Tags testimonial, isometric, grid, drag, gsap, block

Install Isometric Testimonial Grid in your project

Copy the shadcn CLI command below. Replace YOUR_LICENSE_KEY with the license key from your FutureUI account — or log in and it will auto-fill for you.

npx shadcn@latest add "https://futureui.studio/api/registry/isometric-testimonial-grid.json?key=YOUR_LICENSE_KEY"

Usage example

import { IsometricTestimonialGrid } from './IsometricTestimonialGrid';

export default function Example() {
  return (
    <IsometricTestimonialGrid
      accentColor="#9333ea"
      glowIntensity={0.8}
      testimonials={[
        {
          id: "1",
          name: "Jane Doe",
          role: "CEO at Acme",
          text: "This product changed everything for our team.",
          avatarUrl: "/avatar1.jpg",
          size: "tall",
        },
        {
          id: "2",
          name: "John Smith",
          role: "Developer",
          text: "Incredible DX and performance.",
          avatarUrl: "/avatar2.jpg",
          size: "standard",
        },
      ]}
    />
  );
}