Musical Curtain

musical curtain made for Framer.

Musical Curtain An interactive musical curtain made for Framer. Move your cursor through the hanging musical notes to create gentle motion and trigger sounds, or grab individual notes and drag them around like a physical musical installation. Live Preview: https://chinesetemple.framer.website/ Gumroad Link: https://rohitanand.gumroad.com/l/hsxgl?wanted=true Features Interactive physics-based hanging strands Hover over notes to make them move and play sounds Drag individual musical notes with your cursor Multiple musical note shapes and variations Real-time synthesized audio using Web Audio API Stereo audio positioning based on cursor position 4 selectable sound timbres: Glass Crystal Bamboo Wood Acoustic Harp Kalimba Optional wind breeze animation Customizable glow/accent color Adjustable number of musical strands Optional full-screen background image Ambient glow effect when using a background image Responsive canvas that automatically adapts to its container High-DPI rendering for sharper visuals Built-in interaction instruction No external audio files required Framer Controls Strands — Control the number of hanging musical strands. Glow Color — Change the color used for active notes and glow effects. Timbre — Choose between Glass Crystal, Bamboo Wood, Acoustic Harp, and Kalimba sounds. Wind Breeze — Enable or disable the subtle natural movement across the strands. Background — Add a custom background image behind the interaction. Show Image — Toggle between a transparent canvas and the selected background image. Best For Perfect for music websites, creative portfolios, artist websites, agency landing pages, interactive hero sections, event websites, experimental web experiences, and premium Framer templates.

Musical Component