About Emoji Wave
About This Component
Emoji Wave creates a dynamic, full-screen burst of emojis or images that animate across the viewport.
You can trigger the animation using a built-in button or attach it to any component in your layout, making it easy to integrate playful interactions anywhere in your design.
It works with both native emojis and uploaded images (PNG, SVG, etc.), giving you full creative flexibility.
Key Features
Content
Use emoji characters or custom images (PNG, SVG)
Single mode for one repeated element
Multiple mode to mix different emojis and images for richer compositions
Trigger System
Built-in clickable button (default)
Enable Use Trigger to attach the animation to any component
Works with buttons, cards, images, or custom UI elements
Animation Controls
Direction: animate in any direction (up, down, left, right)
Duration controls how long the animation lasts
Spread controls how wide or tight the wave expands
Sway adds subtle horizontal or vertical movement for a more organic feel
Size & Variation
Count controls how many elements are generated
Min Size / Max Size define the size range of each element
Each emoji or image is randomly scaled within this range
Creates a more natural and dynamic visual result
Button (Default Mode)
Customizable padding
Customizable background color
Adjustable icon size
Layout & Behavior
Animation is rendered above the entire page
Uses a portal system to ensure elements always appear on top
Works across the full viewport for maximum impact
How to Set Up
Drag Emoji Wave onto your canvas
Choose emoji or image content
Select Single or Multiple mode
Customize animation (direction, spread, size, etc.)
(Optional) Enable Use Trigger to attach it to any component
Publish
Refund Policy
All sales of digital products are final and non-refundable.
If you have any questions about the product, please contact me at hellonostromostudio@gmail.com before completing your purchase. I’m happy to help.
Enjoy!
