Waving Icons · Free Interactions Component
A row of circular icons arranged in a flowing sine wave that gently animates up and down, with scroll-linked horizontal drift for a playful, interactive marquee effect. Drop it into any section as a hero accent, footer detail, or full-width band.
✨ What's included
🎨 14 Built-in Icons - Sparkle, folder, search, copy, merge, monitor, magic wand, arrow, command, code, terminal, login, cube, and refresh, ready to go out of the box
🖼️ Custom Image Upload - Replace any circle with your own icon or image per slot, defaults stay for the rest
📐 Sizing Controls - Adjust circle size, icon size, and gap between circles
🌀 Wave Shape - Fine-tune wave height, number of cycles across the row, and phase offset
🎬 Animated Wave Motion - Toggle the floating animation on or off with adjustable speed
🖱️ Scroll Effect - Row drifts horizontally as the user scrolls (Down to Left or Down to Right)
🌸 Spring Physics - Stiffness and damping controls give the scroll movement a smooth, lagging follow
🎨 Full Styling - Custom circle background, border color, border width, and icon color
🪄 Image Tinting - Force uploaded images to inherit the icon color for a unified look
A row of circular icons arranged in a flowing sine wave that gently animates up and down, with scroll-linked horizontal drift for a playful, interactive marquee effect. Drop it into any section as a hero accent, footer detail, or full-width band.
✨ What's included
🎨 14 Built-in Icons - Sparkle, folder, search, copy, merge, monitor, magic wand, arrow, command, code, terminal, login, cube, and refresh, ready to go out of the box
🖼️ Custom Image Upload - Replace any circle with your own icon or image per slot, defaults stay for the rest
📐 Sizing Controls - Adjust circle size, icon size, and gap between circles
🌀 Wave Shape - Fine-tune wave height, number of cycles across the row, and phase offset
🎬 Animated Wave Motion - Toggle the floating animation on or off with adjustable speed
🖱️ Scroll Effect - Row drifts horizontally as the user scrolls (Down to Left or Down to Right)
🌸 Spring Physics - Stiffness and damping controls give the scroll movement a smooth, lagging follow
🎨 Full Styling - Custom circle background, border color, border width, and icon color
🪄 Image Tinting - Force uploaded images to inherit the icon color for a unified look
