Metallic Paint
Liquid chrome flowing inside a shape. Pass any image with transparency, such as an SVG logo; its alpha is the mask.
import { MetallicPaint } from "pleate/effects/metallic-paint";Shapes
Inline SVG shapes as data URLs. The ring is tinted with the accent.
Props
- src
Shape image URL. Only its alpha is used.
string- alt
Accessible name; leave empty when decorative.
string- tint
Color mixed into the metal.
stringdefault accent- scale
Size of the bands.
numberdefault 1- speed
Playback speed.
numberdefault 1
Accessibility
- With alt it is role=img with that label; without, it is hidden from assistive tech.
- Reduced motion shows one still frame.