Compositions
Core Primitives
Transitions
Typography
Customize
96
700
1
12
0.5
Installation
$ pnpm dlx shadcn@latest add @framecn/tracking-in
Usage
import { TrackingIn } from "@/components/framecn/tracking-in";<TrackingIn />API Reference
TrackingIn
| Prop | Type | Default |
|---|---|---|
text | string | "Tracking In" |
startTracking | number | 0.5 |
startBlur | number | 12 |
fontSize | number | 96 |
color | string | "#171717" |
fontWeight | number | 700 |
speed | number | 1 |
fps | number | 30 |
durationInFrames | number | 90 |
className | string | - |
Notes
Spring-based collapse
The letter-spacing uses a spring animation for a natural snap effect. The duration controls the spring configuration.