• Ultimate Metallic Silk: Molten Interaction Background

Ultimate Metallic Silk: Molten Interaction Background

(Hover Interactions are best experienced on desktop with a mouse)

Ultimate Metallic Silk is a technical masterpiece designed for brands that want to convey luxury, movement, and digital sophistication. Unlike standard gradients, this component uses a custom GPU-accelerated GLSL stack to simulate the flow of molten fabric. Every fold and ripple is calculated in real-time, creating a mesmerizing iridescent shimmer that reacts to light and touch.

Perfect for premium SaaS heros, luxury fashion landing pages, and tech-forward portfolios, Ultimate Metallic Silk features a proprietary "Smudge" physics engine that lets users physically warp and manipulate the molten surface with their cursor.

✨ Key Highlights

  • Molten Metallic Lighting: Features a dual-pass lighting engine that calculates Specular Highlights and Crevice Shadows simultaneously. This gives the "Silk" a volumetric, 3D feel with deep contrast and tight, metallic reflections.

  • Interactive Smudge Physics: This isn't just a hover effect. The shader features a "Fluid Smudge" algorithm with adjustable Inertia. As the mouse moves, it "drags" the metallic pattern, creating a viscous, liquid-like distortion that feels heavy and tactile.

  • Iridescent Noise Engine: Integrated swirl patterns and Simplex noise create an ever-evolving visual state. Subtle chromatic shifts occur within the folds of the silk, mimicking real-world iridescent materials.

  • Dithering & Grain Control: Includes a native GPU-dithering pass to eliminate color banding, even on compressed displays. Add a custom amount of "Film Grain" to create a cinematic, analog-tech texture.

  • Hybrid Blur Layer: Comes with a built-in Glass Blur (Backdrop Filter) control, allowing you to frost the metallic silk for a sophisticated "Glassmorphism" look without needing extra layers.

⚙️ Complete Design Control

  • Color DNA: Define the "Deep Base," "Mid Tone," and "Highlight" colors to create anything from "Liquid Gold" to "Midnight Chrome."

  • Fold Complexity: Adjust the "Zoom" and "Folds" density to control the scale of the fluid simulation. Create tight, high-energy ripples or slow, sweeping waves of silk.

  • Material Properties: Fine-tune the "Metallic" intensity and "Specular Tightness" to define the material's finish—from matte liquid satin to high-gloss molten mercury.

  • Interaction Physics: Control the "Smudge" power and "Inertia" (friction). Adjust how long the distortion lasts and how far it follows the cursor.

Share It On :

explore more

The ultimate toolkit for agencies that want to dominate the Framer space.

Icon

Unlock the secret to award-winning interactions.

The ultimate toolkit for agencies that dominate the Framer space.

The "Ape Mode"
The "Ape Mode"
All-Access Pass
All-Access Pass
$99
$99

Own everything we’ve ever built. Every gallery, every shader, and every future update.

40+ Components

40+ Components

Priority Support

Lifetime Updates

Lifetime Updates

The "Ape Mode"
All-Access Pass
$99

Own everything we’ve ever built. Every gallery, every shader, and every future update.

Icon

The ultimate toolkit for agencies that dominate the Framer space.

29 Components

Priority Support

Lifetime Updates

Quick Links

Galleries, 

Shaders, 

Freebies, 

Gumroad Store, 

Agency

Quick Links

Galleries, 

Shaders, 

Freebies

Gumroad Store, 

Agency

X, 

Reddit, 

Discord 

©2026