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.

by Dhileep Kumar GM

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

const settings = {
  hue: 25,
  power: 2.5,
  focus: 15,
  distortion: 2,
};

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>
  );
}