Aura Core

"Aura Core," is designed to feel like a prime, luxurious, and powerful energy source, fitting the "Dubai 2048 Winner" theme. It combines procedural noise, geometric rays, and smooth particle motion into a single, cohesive visual. The key feature is the interactive UI panel that allows you to control the shader's parameters in real-time, transforming it from a simple animation into a creative tool.

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

import AuraCore from "@/components/ui/aura-core";

const settings = {
  hue: 300,
  power: 3,
  focus: 10,
  distortion: 3,
};

export default function Demo(props: Partial<typeof settings>) {
  const s = { ...settings, ...props };
  return (
    <div className="h-screen w-screen">
      <AuraCore
        hue={s.hue}
        power={s.power}
        focus={s.focus}
        distortion={s.distortion}
      />
    </div>
  );
}