Font Weight

PreviousNext

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

Usage

import { FontWeight } from "@/components/ui/font-weight"
<div className="relative flex h-screen w-full items-center justify-center">
  <FontWeight text="Breathe" />
</div>