Aether Vortex

Component 48

About

Interactive 3D particle vortex canvas with customizable topologies, physics simulation, and smooth parallax dynamics

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

Code

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

Usage.tsx

import AetherVortex from "@/components/ui/aether-vortex";

export default function AetherVortexDemo() {
  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">
        <AetherVortex />
      </div>
    </div>
  );
}