Swirl
Flowing swirl pattern with multi-layered noise
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| colorA | color | #1275d8 | Primary gradient color |
| colorB | color | #e19136 | Secondary gradient color |
| stops | gradient-stops | - | Multi-stop gradient colors (overrides Color A / Color B when set) |
| speed | range | 1 | Flow animation speed |
| detail | range | 1 | Level of detail and intricacy in the swirl patterns |
| blend | range | 50 | Skew color balance toward A (lower values) or B (higher values) |
| colorSpace | "linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch" | linear | Color space for color interpolation |
Usage
vue
<Shader>
<Swirl />
</Shader>