Shuffle Grid

An eye-catching presentation element which you can use to showcase your clients, users, features or whatever you like.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Shuffle Grid to your project and fits it to your theme.

import { ShuffleHero } from "@/components/ui/shuffle-grid";

const ShuffleHeroDemo = () => {
  return (
    <div className="flex w-full h-screen justify-center items-center">
      <ShuffleHero />
    </div>
  );
};

export { ShuffleHeroDemo };