ElyriCaustics
WebGL underwater caustics: a flowing light web with subtle dispersion, slanted god rays, and ripples that spread from the pointer.
WebGL · Real-time
Components that come alive
A React library of living backgrounds, motion and text effects — built to make your interface feel alive.
Customize
Water
#0a6fa8Light
#c8fbffProps
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | — | Content layered above the background |
color | string | '#0a6fa8' | Water color (hex) |
highlightColor | string | '#c8fbff' | Caustic light color (hex) |
density | number | 1 | Light pattern density multiplier |
speed | number | 1 | Animation speed multiplier |
interactive | boolean | true | Whether ripples spread and light focuses at the pointer |
className | string | — | Extra class name |
Dependencies
WebGL