Silk Flow Background creates a sophisticated, generative liquid texture that adds depth and elegance to your Framer projects. By combining organic wave physics with customizable noise and blending modes, this component mimics the movement of ethereal fabric or liquid metal. It is designed to be highly versatile—capable of creating everything from subtle, glassy surfaces to energetic, high-contrast motion backgrounds without writing a single line of code.
Live Preview: https://silkflowbg.framer.website/
Key Features
Smooth silk-like gradient flow animation
Soft, organic motion for premium visuals
Fully customizable gradient colors
Adjustable animation speed and intensity
Seamless looping animation
Lightweight and performance-optimized
Responsive on all screen sizes
No-code customization in Framer
Flow Speed – Adjust the velocity of the liquid animation.
Wave Scale – Zoom in or out to change the size of the texture pattern.
Base Color – Set the primary tint for the flowing waves.
Noise Intensity – Add grain texture to create a matte or frosted glass look.
Wave Angle – Rotate the internal geometry of the wave pattern.
Canvas BG – Define the solid background color behind the effect.
Blend Mode – Select how the waves blend with the background (e.g., Normal, Overlay, Screen).
Amplitude – Control the height and dramatic intensity of the waves.
Wave Gap – Adjust the spacing between individual ripples.
Wave Frequency – Modify the density or number of waves visible.
Contrast – Sharpen or soften the difference between light and dark areas.
Direction – Set the angle in which the animation moves across the screen.
Smoothness – Fine-tune the softness of the wave edges for a silky look.
NOMAN
