Emoji Wave

About This Component Emoji Wave creates a dynamic, full-screen burst of emojis or images that animate across the viewport.

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. Demo Preview Trigger Mode More examples 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!

Emoji & Image Burst on Click