Harp strings
The strings of a harp vibrate with real wave physics when the pointer crosses them and glow brighter the harder they ring, on canvas.
Settings
Code
<div class="pt-uvq16-harp"><canvas></canvas></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Backgrounds
See all BackgroundsWhere to use it
A concert harp you can play with the pointer. Every string is a small one dimensional wave simulation with fixed ends, so crossing it plucks a triangle shape that splits into travelling waves and slowly dies away. Shorter strings vibrate faster, just like higher notes, and the curved neck and base frame the whole instrument. When nobody plays, a breeze plucks a string now and then.
The first and second colors run across the strings from gold to copper, and the third is the glow of a ringing string. Density sets how many strings there are. Lovely for music schools, concert halls, sound design and calm portfolio intros.