Emoji Burst
0
Used by 0Controls
Emoji Burst
Launch a burst of custom emojis from a tappable button, flying off freely under gravity with a springy shake on each press.
KEY FEATURES
- — Emoji particle burst fired on pointer tap or click
- — Custom comma-separated emoji set with adjustable emoji size
- — Gravity-driven physics with no walls so particles fly off freely
- — Tunable burst count, launch power, and spread angle
- — Springy shake nudge on the button with adjustable intensity
- — Auto-burst loop with configurable interval for demos
- — Fully styled button: label, padding X and Y, colors, and font
- — Radius control that ramps from boxy to a full pill
- — Optional drop shadow with size, opacity, and color
- — Static export preview posing emojis arcing above the button
API Reference
All props map directly to the controls panel sliders and color pickers.
LAYOUT
PROP
TYPE
DEFAULT
DESCRIPTION
label
string
Click Here
Text shown on the button and used as its accessible label.
paddingX
number
24
Horizontal padding inside the button, in pixels.
paddingY
number
18
Vertical padding inside the button, in pixels.
objectColor
color
#FFFFFF
Background fill color of the button.
textColor
color
#111111
Color of the button's label text.
radius
number
0
Rounds the button corners; 0 is boxy, 20 is a full pill.
shakeIntensity
number
0
How far the button jolts on each press, in pixels.
shadowEnabled
boolean
false
Adds a drop shadow beneath the button.
shadowIntensity
number
5
Size of the button's drop shadow blur and offset.
shadowOpacity
number
50
Opacity of the drop shadow, as a percentage.
shadowColor
color
rgba(0,0,0,0.25)
Color of the button's drop shadow.
font
font
{"..."}
Font family, weight, size, spacing, and alignment of the label.
emojis
string
🎉,✨,😄,🔥,💥,⭐,💖,🤩,👍,🥳,🎊,😎
Comma-separated emojis picked at random for each burst.
emojiSize
number
20
Size of the flying emojis, in pixels.
burstCount
number
16
Number of emojis launched on each burst.
power
number
12
Launch speed of the emojis; higher flings them farther.
spread
number
55
Angular spread of the launch cone in degrees; 0 shoots straight up.
gravity
number
4
How strongly gravity pulls the emojis down; higher falls faster.
autoBurst
boolean
true
Automatically fires bursts on a timer without a tap.
autoBurstInterval
number
2.2
Seconds between automatic bursts when auto burst is on.
