Topology Field

An animated three.js network topology background: a rotating sphere of pulsing nodes connected by glowing links, rendered fullscreen inside an isolated iframe.

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

import TopologyField from "@/components/ui/topology-field";

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