Font Weight

An animated text component that smoothly varies font weight in a breathing motion. Useful for hero headlines or eye-catching animated typography.

Installation


pnpm dlx shadcn@latest add https://aliimam.in/r/font-weight.json

import { FontWeight } from "@/components/ui/font-weight"

<div className="relative flex h-screen w-full items-center justify-center">
  <FontWeight text="Breathe" />
</div>