React Native Glow Demos
react-native-animated-glow is a free, open-source library to help you add beautiful, performant glow effects to your buttons, images, and other UI elements in your React Native apps.
defaultRainbow
General
cornerRadius:
30
outlineWidth:
0
borderColor:
+
backgroundColor:
animationSpeed:
1
borderSpeedMultiplier:
1
randomness:
0
Layer 1
glowPlacement:
B
I
O
colors:
+
dotSize:
+
stretch:
1.1
opacity:
0.12
numberOfOrbs:
24
inset:
22
speedMultiplier:
1
scaleAmplitude:
0
scaleFrequency:
2.5
coverage:
1
Layer 2
glowPlacement:
B
I
O
colors:
+
dotSize:
+
stretch:
1.1
opacity:
1
numberOfOrbs:
42
inset:
8
speedMultiplier:
1
scaleAmplitude:
0
scaleFrequency:
2.5
coverage:
1
Layer 3
glowPlacement:
B
I
O
colors:
+
dotSize:
+
stretch:
2
opacity:
0.03
numberOfOrbs:
4
inset:
0
speedMultiplier:
1
scaleAmplitude:
0
scaleFrequency:
1
coverage:
0.2
Layer 4
glowPlacement:
B
I
O
colors:
+
dotSize:
+
stretch:
8
opacity:
1
numberOfOrbs:
14
inset:
0
speedMultiplier:
1
scaleAmplitude:
0
scaleFrequency:
1
coverage:
0.2
💎
Copy Settings
📋
Paste Settings
oceanSunset
General
cornerRadius:
70
outlineWidth:
0
borderColor:
+
backgroundColor:
animationSpeed:
1
borderSpeedMultiplier:
1
randomness:
0
Layer 1
glowPlacement:
B
I
O
colors:
+
dotSize:
+
stretch:
1
opacity:
0.2
numberOfOrbs:
40
inset:
14
speedMultiplier:
1
scaleAmplitude:
0.04
scaleFrequency:
2
coverage:
1
Layer 2
glowPlacement:
B
I
O
colors:
+
dotSize:
+
stretch:
1
opacity:
1
numberOfOrbs:
60
inset:
5
speedMultiplier:
1
scaleAmplitude:
0.02
scaleFrequency:
2
coverage:
1
Layer 3
glowPlacement:
B
I
O
colors:
+
dotSize:
+
stretch:
8
opacity:
0.7
numberOfOrbs:
30
inset:
0
speedMultiplier:
1
scaleAmplitude:
0.1
scaleFrequency:
1
coverage:
0.5
💎
Copy Settings
📋
Paste Settings