Liquid Metal
Apply liquid metal textures directly in Framer. Can be applied to images (png/svg) and text.
Made with Workshop
Build your own component with AI
About this Component
Apply liquid metal textures directly in Framer. Can be applied to images (png/svg) and text.
The following customizable properties are available:
1. Enter text directly or upload an image.
2. If using text, select a font and adjust the size.
3. Shader parameters
patternScale: Controls the stripe size/spacing
refraction: Amount of chromatic shift/warping
edge: Edge emphasis of the mask.
patternBlur: Smooths stripe transitions
liquid: “Liquid” wobble intensity from noise
speed: Animation speed
swirlStrength: Twisting/diagonal swirl intensity
centerOffsetX: Horizontal shift of the lighting/swirl center (hotspot) in UV space.
centerOffsetY: Vertical shift of the lighting/swirl center (hotspot) in UV space.
