Compositions
Core Primitives
Transitions
Typography
Customize
96
700
1
Installation
$ pnpm dlx shadcn@latest add @framecn/shimmer-sweep
Usage
import { ShimmerSweep } from "@/components/framecn/shimmer-sweep";<ShimmerSweep text="value" />API Reference
ShimmerSweep
| Prop | Type | Default |
|---|---|---|
text | string | - |
baseColor | string | "#3f3f46" |
shineColor | string | "#fafafa" |
fontSize | number | 96 |
fontWeight | number | 700 |
speed | number | 1 |
fps | number | 30 |
durationInFrames | number | 90 |
className | string | - |
Notes
Gradient direction is left-to-right
The shimmer effect sweeps from left to right. You can reverse this by swapping the gradient colors or using a custom gradient direction.