component
Kinematic Silk
By Surp Shahid
Details
- Surp ShahidAuthor
- componentType
- 2026-07-08Published
- 2026-07-09Updated
- 2026-07-08Added
- SectionsCategories
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.
- All · #3214