Ripple Signature Ledger

Ripple Signature Ledger is an image interaction in the UI HUB image interactions collection. Pointer-down stamps a coin-settle wax seal onto the photo (touch, pen, and mouse). Each seal expands from 14 to 60px, then squashes vertically while alpha bleeds out; a soft radial drop shadow and an ink centre dot sell the hand-stamped ledger look.

The component is driven by 4 documented props (image, ringColor, maxSeals, autoSeal), so colours, intensity, timing and density can be tuned from the call site instead of being hard-coded.

Implementation notes: canvas 2d; pointerdown (touch/pen/mouse); ResizeObserver.

Preview the image interaction in the browser above, copy the source, and paste it into your project. Image Interactions components in UI HUB are grouped by category so you can compare effects side by side before choosing one.