Thread Shader BG

Woven textile background

Thread Mode is a procedural animated textile background for Framer that transforms simple lines into a subtle, living woven fabric. Horizontal and vertical threads continuously move with organic irregularities, creating a tactile textile effect that works beautifully as a background for hero sections, portfolios, landing pages, editorial layouts, product showcases, and interactive experiences. The component is built with native Canvas 2D , requires no external dependencies , and is optimized for responsive Framer websites. Preview https://threadmodeshaderbackground.framer.website/ Great For Thread Mode is designed for creators who want to add depth and texture without using heavy video or image assets. Perfect for: Hero sections Portfolio websites Creative agency websites Fashion and editorial websites Product presentations Digital art experiences Minimalist landing pages Interactive backgrounds Experimental websites Full-screen visual sections Premium typography backgrounds Features 🧵 Procedural Woven Fabric Generates horizontal and vertical threads dynamically using Canvas 2D. No image textures or pre-rendered assets are required. 🌊 Organic Thread Movement Each thread has deterministic variations in phase and frequency, creating subtle irregular movement instead of perfectly uniform waves. 🖱 Interactive Cursor Deformation Move your pointer across the fabric to create a localized deformation field that makes the threads respond naturally to your movement. ✨ Multiple Textile Presets Choose from curated styles: Original Soft Fabric Dense Woven Linen Silk Custom Each preset provides a different balance of density, thickness, brightness, distortion, and animation. Support Need help using Thread Mode or have a question about the component? Email: karimsaif010@gmail.com X: @Karim Saif

Woven textile background