Grain Gradient

Add a textured gradient surface behind content.

@sigil-ui/componentsReact

Preview

import { GrainGradient } from "@sigil-ui/components";

<div style={{position:"relative",width:"100%",height:120,borderRadius:8,overflow:"hidden"}}>
    <GrainGradient />
  </div>

Prop	Type	Default	Description
`tint`	`GrainTint`	`accent`	Tint color of the grain overlay.
`intensity`	`GrainIntensity`	`medium`	Noise intensity.

Cross

Draw a token-styled cross mark for structural decoration.

Pattern

Apply a repeating, token-driven background pattern.