Ripple effect
A click spawns a circular ripple that expands and fades from the click point.
What you're seeing
Click anywhere and a soft circle radiates out from your cursor, fading before it reaches the edge.
Where you'll see it
Buttons, list items, cards, tiles.
Difficulty
Very low — 1/5
Libraries that build it
CSSGSAPcustom JS
Ready to prompt — paste this into your AI coding tool
"On click, create a div at click coordinates inside the button, animate with scale 0→4 opacity 0.3→0 using CSS keyframe"