---
title: "Waving Icons — Free Framer component · Best of Framer"
description: "Free Framer component · by Darshan Lunagariya · Text. A row of circular icons waving gently"
canonical: "https://framer.elliotli.dev/component/waving-icons"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Waving Icons

# Waving Icons

A row of circular icons waving gently

[View on Framer](https://framer.com/marketplace/components/waving-icons/?via=elliot-li)

![Waving Icons preview image 1](https://framer.elliotli.dev/og/component/waving-icons/d7221c1c83c80375/1600x1200.jpg)

## 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
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #5413

## Details

- **Author**: Darshan Lunagariya
- **Published**: 2026-05-30
- **Updated**: 2026-05-30
- **Added**: 2026-05-25
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing