Ball Study

An interactive canvas animation of glyphs arranged on a spinning sphere that accelerates on hover and scatters clicked letters before they regrow.

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

import BallStudy from "@/components/ui/ball-study";

export default function BallStudyDemo() {
  return (
    <div className="h-[520px] w-full overflow-hidden rounded-xl bg-[#08090a]">
      <BallStudy mode="dark" className="block h-full w-full" />
    </div>
  );
}