Musical Curtain

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.