Hyper Fluid Text

A high-end, kinetic typography component featuring reactive mouse-tracking, variable weight morphing, and immersive mesh-gradient physics.

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

import FluidText from "@/components/ui/hyper-fluid-text";

export default function DemoOne() {
  return (
    <main className="h-screen w-screen overflow-hidden bg-white dark:bg-zinc-950">
      <FluidText />
    </main>
  );
}