Kinetic Line

Drop Kinetic Line across a section. It stays straight until the pointer reaches the stroke. Hover yields and follows. Grab waits for a press. On release, Pluck carries that bend along the line. Spring ripples and settles.

Look sets the color, the thickness on desktop, tablet, and phone, the opacity, and the blend. Layout sets the height at each size and the clear space at each end. Play sets how far the line can bend, how closely it follows, how fast the motion travels, and how long it lasts. Turn Playable off for a still line. In Grab, Hold outside keeps the pull after the pointer leaves the frame.

The line has no background. It draws over whatever sits behind it. On the canvas it stays straight. Visitors who prefer reduced motion get a settle without the traveling wave. Arrow keys bend the center of the line when it is focused.