Liquid Watch

A compact stacked hours/minutes time display styled like an Apple Watch face, rendered with an animated liquid-shader text effect.

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

import LiquidWatch from "@/components/ui/liquid-watch";

export default function LiquidWatchDemo() {
  return (
    <div className="flex w-full h-screen items-center justify-center bg-background">
      <LiquidWatch hours={10} minutes={9} size="lg" />
    </div>
  );
}