Vortex

A rotating spiral-galaxy of 3D points, colored from your theme's primary color at the core fading to muted at the rim, for use as an animated hero or section background.

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

import Vortex from "@/components/ui/vortex";

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