Back to package catalog
distortion

@frontend_mono/water-ripple

Canvas-based water ripple background effect

Version: 1.0.0

Slug: water-ripple

Live preview enabled

Install

npm i @frontend_mono/water-ripple

Usage

import waterRipple from '@frontend_mono/water-ripple'<waterRipple />

Demo props

const props = { canvasStyle: { position: 'absolute', inset: 0 } }<waterRipple {...props} />

How it looks when used

Move your pointer over the preview