Search sites, categories, sections, or styles.
| Prop | Type | Description |
|---|---|---|
color | string | Material color (hex). |
highlightColor | string | Pearl highlight color (hex). |
shadowColor | string | Tile shadow color (hex). |
glintColor | string | Rim light color (hex). |
| Prop | Type | Description |
|---|---|---|
scale | number | Zoom level. |
rotation | number | Scene rotation in degrees. |
offsetX | number | Horizontal shift in shorter-side units. |
offsetY | number | Vertical shift in shorter-side units. |
| Prop | Type | Description |
|---|---|---|
density | number | Tiles across the shorter side. |
densityX | number | Horizontal density multiplier. |
densityY | number | Vertical density multiplier. |
skew | number | Grid shear. |
tileWidth | number | Tile width in cell units. |
tileHeight | number | Tile height in cell units. |
tileRadius | number | Corner radius in cell units. |
tileRotation | number | Individual tile rotation in degrees. |
tileVariation | number | Size variation along folds. |
tileOpacity | number | Tile and glint opacity. |
tileContrast | number | Tile face contrast. |
| Prop | Type | Description |
|---|---|---|
amplitude | number | Overall warp strength. |
amplitudeX | number | Horizontal warp multiplier. |
amplitudeY | number | Vertical warp multiplier. |
frequencyX | number | Horizontal wave frequency. |
frequencyY | number | Vertical wave frequency. |
detail | number | Secondary wave strength. |
foldFrequency | number | Broad fold frequency. |
lightFrequency | number | Reflected light band frequency. |
| Prop | Type | Description |
|---|---|---|
baseLight | number | Base highlight mix. |
washStrength | number | Pearl reflection strength. |
washThreshold | number | Reflection start threshold. |
washSoftness | number | Reflection transition softness. |
washGlow | number | Glow in bright folds. |
poolStrength | number | Color strength in valleys. |
lightDirectionX | number | Horizontal tile lighting. |
lightDirectionY | number | Vertical tile lighting. |
lightBias | number | Base tile face brightness. |
bevelWidth | number | Bevel width in cell units. |
bevelStrength | number | Bevel highlight strength. |
glintStrength | number | Rim light intensity. |
glintOffset | number | Rim offset in cell units. |
glintSoftness | number | Rim softness in cell units. |
| Prop | Type | Description |
|---|---|---|
brightness | number | Overall brightness multiplier. |
contrast | number | Overall contrast. |
saturation | number | Color saturation. |
grain | number | Fine grain strength. |
opacity | number | Whole surface opacity. |
blendMode | CSSProperties["mixBlendMode"] | Surface blending mode. |
| Prop | Type | Description |
|---|---|---|
speed | number | Motion speed; negative reverses. |
phase | number | Controlled phase; undefined animates automatically. |
phaseOffset | number | Animation phase offset in radians. |
paused | boolean | Freeze ambient and mouse motion. |
| Prop | Type | Description |
|---|---|---|
interactive | boolean | Enable mouse response; default false. |
pointerStrength | number | Mouse distortion strength. |
pointerRadius | number | Mouse influence radius multiplier. |
pointerSmoothing | number | Position smoothing time in seconds. |
pointerFadeDuration | number | Influence fade time in seconds. |
| Prop | Type | Description |
|---|---|---|
maxPixelRatio | number | Drawing-buffer pixel ratio limit. |
maxResolution | number | Longest buffer edge in pixels. |
maxFps | number | Maximum animation frame rate. |
respectReducedMotion | boolean | Honor reduced-motion preferences. |
pauseWhenOffscreen | boolean | Pause outside the viewport. |
fallbackBackground | string | Fallback CSS background. |
| Prop | Type | Description |
|---|---|---|
className | string | Additional wrapper classes. |
style | CSSProperties | Wrapper style overrides. |
canvasClassName | string | Additional canvas classes. |
canvasStyle | CSSProperties | Canvas style overrides. |