Skip to content

component

Waving Icons

By Darshan Lunagariya

Details

Summary

A row of circular icons waving gently

Description

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

Introduction

A row of circular icons waving gently

Rank history

Daily rank per list, from the first snapshot โ€” lower is better.

12001400147738/148/228/309/79/15
  • All ยท #4033