About this Component
Create an animated field of flowing lines inspired by sound waves, frequency visualizers, and ambient signal patterns. Sound Lines adds continuous motion and depth to hero sections, music-focused websites, product showcases, and experimental layouts.
Choose from ready-made visual styles or create a custom look, then fine-tune the density, movement, glow, and interaction directly from the properties panel.
How to use
Drop the component into your layout and resize it to cover the desired area. Choose a preset style such as Signature, Aurora, Ember, or Mono, or switch to Custom for more control.
Adjust the number of lines, thickness, speed, amplitude, spacing, glow, color cycling, and edge fade. You can also enable mouse response so the lines gently follow the visitor’s cursor.
Features
Animated sound-wave-inspired line field
Signature, Aurora, Ember, Mono, and Custom styles
Adjustable number of lines
Adjustable line thickness
Speed and amplitude controls
Custom vertical spacing
Soft glow control
Optional hue cycling over time
Adjustable edge fade
Optional cursor-responsive movement
Works as a section, frame, or full-page background
Responsive across desktop, tablet, and mobile
No setup or coding required
