Layered ribbons drift like sliced water. Move over the field and the stack shifts a little with you.
6
1
1
0.7
0.55
tsx
import { Lamina } from "@/components/motion/lamina"export function Example() { return ( <Lamina className="h-[420px] w-full" color="#3b82f6" layers={6} speed={1} amplitude={1} influence={0.7} opacity={0.55} /> )}Installation
npx @arctis-sh/@arctis-sh/ui@latest add laminaUsage
import { Lamina } from "@/components/motion/lamina"<Lamina className="h-[420px] w-full" color="#3b82f6" layers={6}/>API Reference
Lamina
| Prop | Type | Default |
|---|---|---|
| color | string | #3b82f6 |
| backgroundColor | string | — |
| layers | number | 6 |
| speed | number | 1 |
| amplitude | number | 1 |
| influence | number | 0.7 |
| opacity | number | 0.55 |
| dpr | number | 1.5 |
| className | string | — |
| children | ReactNode | — |
Also accepts the other native div attributes.