Rainbow Background
A customizable animated component for React and Framer.
Hover me
Installation
npx shadcn@latest add https://puzzlui.com/registry/rainbow-background.jsonFirst time using Puzzl UI? Read ourinstallation guide.
Properties
| Property | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | Content to be displayed inside the component. | |
| className | string | bg-foreground/10 hover:bg-[#C8EEEC] | |
| borderSize | number | 1.5 | Border size. |
| gradient | string | linear-gradient(to left, #FF9AA9, #FDCA7A, #FCF495, #FFFBD1) | The background style. This can be any valid CSS background gradient. |