Singularity

Component 48

About

High-density orbital particle accretion disk simulation with Kepler velocity gradients, gravitational lensing, and pulse waves

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

Code

How Singularity is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import SingularityCore from "@/components/ui/singularity";

export default function SingularityDemo() {
  return (
    <div className="flex min-h-[600px] w-full items-center justify-center bg-neutral-100 p-4 md:p-8 transition-colors duration-300 dark:bg-neutral-950">
      <div className="h-[600px] w-full max-w-5xl overflow-hidden rounded-3xl border border-neutral-200 shadow-2xl dark:border-neutral-900">
        <SingularityCore />
      </div>
    </div>
  );
}