React Native Box Shadow Generator
Generate perfect box shadows for React Native apps on iOS and Android platforms with real-time preview.
Shadow Configuration
iOS Shadow Properties
0
2
0.25
3.84
Android Shadow Properties
5
Preview
Box
Generated Code
Object Format
{
"shadowOffset": {
"width": 0,
"height": 2
},
"shadowOpacity": 0.25,
"shadowRadius": 3.84,
"shadowColor": "#000000",
"elevation": 5
}StyleSheet Format
const styles = StyleSheet.create({
container: {
shadowOffset: { width: 0, height: 2 },
shadowOpacity: 0.25,
shadowRadius: 3.84,
shadowColor: '#000000',
elevation: 5,
},
});Quick Presets
Features
Platform Specific
Generate shadows for iOS, Android, or both platforms with appropriate properties
Real-time Preview
See your shadow effects instantly with a live preview box
Multiple Formats
Get both object format and StyleSheet format for easy integration