Tesseract

An animated 4D hypercube (tesseract) rendered in 3D with React Three Fiber, double-rotating and shading its struts from the accent to primary theme color by depth.

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

"use client";

import Tesseract from "@/components/ui/tesseract";

export default function TesseractDemo() {
  return (
    <div className="h-screen w-full">
      <Tesseract />
    </div>
  );
}