Variable Font Weight Preloader

Variable font weight preloader: a type-specimen loading screen whose giant counter thickens from hairline to black as the page loads, with a live weight readout and tick rail, then an ink panel rises with one italic line before revealing your page. Real or simulated progress. React only.

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

"use client"

import WeightSweepPreloader from "@/components/ui/weight-sweep-preloader"

export default function Demo() {
  return <WeightSweepPreloader loop />
}