Skip to content

component

Kinematic Silk

By Surp Shahid

Details

Summary

Kinematic Silk: Interactive 3D Fabric Premium WebGL Physics: Turns any static image into flowing, interactive digital silk running at a buttery-smooth 60fps.

Description

Kinematic Silk: Interactive 3D Fabric Premium WebGL Physics: Turns any static image into flowing, interactive digital silk running at a buttery-smooth 60fps. Liquid Mouse Drag: The fabric physically ripples, pulls, and reacts instantly as users move their cursor across it. Dynamic 3D Lighting: Built-in shadows artificially darken the creases and highlight the peaks as the fabric waves. Total Control: Easily tweak the fabric weight, wind billow speed, and interaction strength right from the Framer properties panel. Edge Pinning: Toggle "Pin Top Edge" to anchor the image like a hanging banner, or turn it off to let the whole canvas float. Zero-Code Setup: Just drag, drop, and link your image to instantly upgrade your hero section.

Introduction

Interactive 3D fabric physics

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400147378/148/228/309/79/15
  • All · #3214