Shader_Animation
Every part of the effect is exposed as a property control: speed, brightness, number of streaks, thickness, chromatic spread, band spacing, zoom, and a color tint. An optional centered text overlay lets you drop it straight behind a hero headline, with its own text, color, size, and weight controls.
13 property controls: Speed, Brightness, Streaks, Thickness, Chromatic, Band Gap, Zoom, Tint, Background, plus an optional text overlay (text, color, size, weight)
Optional centered headline overlay for instant hero sections
Resizes live with its frame (responsive on desktop, tablet, mobile)
Fixed default size so it drops onto the canvas ready to use
Clean, dependency-light code (Three.js), tuned for smooth playback
2nd shader I found from the 21st.dev and the mentioned creator is Ali Imam, but this is not just copy pasted but you can easily customise and change the seed to create custom lines
Vraj Parikh
