Text Repel

import { TextRepel } from "@/components/ui/text-repel";

const settings = {
  radius: 120,
  strength: 45,
  damping: 14,
  stiffness: 180,
  mass: 0.4,
};

export default function Demo(props: Partial<typeof settings>) {
  const s = { ...settings, ...props };
  return (
    <div className="h-screen w-screen flex items-center justify-center bg-background">
      <TextRepel
        text="Repel"
        className="text-7xl font-bold text-foreground"
        radius={s.radius}
        strength={s.strength}
        damping={s.damping}
        stiffness={s.stiffness}
        mass={s.mass}
      />
    </div>
  );
}