Flag Wave
Characters animate in wave motion creating a flag-like undulation.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| text | string | UNDULATION | Text to display |
| color | string | #60a5fa | Color of the text |
When to Use
Great for titles that need an organic, rhythmic animation as if blowing in the wind. Works well on travel, maritime, or lifestyle sites.
Best Practices
Keep amplitude subtle (10-20px) for readability. Use uppercase short words for the strongest visual impact.
Why This Component Matters
Fluid wave motion adds visual rhythm that draws the eye naturally across your headline.
FAQ
QIs the wave speed adjustable?
The wave timing is baked in but works consistently across font sizes.
QDoes it work with special characters?
Yes, every character including spaces and symbols is animated independently.
Related Components
Broken Shard Gallery
Images explode outward from center into a chaotic gallery layout as you scroll.
Velocity Smear
Gallery that skews and stretches in real-time based on scroll velocity — the faster you scroll, the more the images smear.
Curtain Split
Two image panels split apart like stage curtains on scroll, revealing editorial text content hidden beneath.
Built something cool?
Share your work with 10k+ devs — or tell us how we can improve.