Explorations with GSAP and Scroll Trigger

import NebulaCube from "@/components/ui/explorations-with-gsap-and-scroll-trigger";

const settings = {
  PARTICLE_COUNT: 2000,
  PARTICLE_MOUSE_INFLUENCE: 0.0001,
  PARTICLE_REPULSION_STRENGTH: 0.00008,
  PARTICLE_CONNECTION_DISTANCE: 0.5,
  PARTICLE_DEPTH_RANGE: 12,
  scrollProgress: 0.5,
};

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