A flowing metal field with soft lighting. Move over it and the highlight follows. The metal tint is fixed so the specular stays the point.
1
1
28
1
0.95
tsx
import { Sheen } from "@/components/motion/sheen"export function Example() { return ( <Sheen className="h-[420px] w-full" speed={1} amplitude={1} gloss={28} influence={1} opacity={0.95} /> )}Installation
npx @arctis-sh/@arctis-sh/ui@latest add sheenUsage
import { Sheen } from "@/components/motion/sheen"<Sheen className="h-[420px] w-full" />API Reference
Sheen
| Prop | Type | Default |
|---|---|---|
| backgroundColor | string | — |
| speed | number | 1 |
| amplitude | number | 1 |
| gloss | number | 28 |
| influence | number | 1 |
| opacity | number | 0.95 |
| soft | number | 2 |
| dpr | number | 1.5 |
| className | string | — |
| children | ReactNode | — |
Also accepts the other native div attributes.