Musical Footer Text

Musical Footer Text
Musical Footer Text

About Musical Footer Text

Make your footer the part people play with. Piano Footer turns your brand name into thin piano strings. Hover a line and it ripples like a plucked string and plays a soft piano note. Sweep across the word and it plays a melody.

Perfect for big wordmark footers on portfolios, studios, agencies and brand sites.

Features

- Works with any text, font and weight, including multiple lines

- Musical scales: Pentatonic, Minor Pentatonic, Major, Minor, Japanese and Whole Tone

- Choose the key, octave and note layout: scattered, rising upward or left to right

- Wave controls: height, duration, ripples and travel

- Click to pluck harder, plus touch strumming on phones (vertical swipes still scroll)

- Optional sound toggle so visitors can turn sound on or mute it

- Volume and echo controls, plus an On Pluck event for your own interactions

Built right

- Sound is generated live: no audio files, no external scripts

- Stays smooth even when visitors sweep across the text quickly

- Sound starts only after the visitor clicks or taps, as browsers require

- Real text stays in the page for screen readers and SEO

- Respects reduced motion and pauses when off screen

- Static on the Canvas, every setting adjustable per breakpoint

Setup takes about 1 minute: paste it into your footer, type your brand name and publish.