React Native Shadow Generator

Tweak shadow offset, blur, and color for iOS or elevation for Android. See the result live and grab copy-ready style objects for your app.

Offset X 0
Offset Y 2
Blur radius 4
Spread 0
Shadow color
Opacity 0.1
Elevation 4
Shadow color
Preview

Generated code

// iOS shadow style
const shadowStyle = {
  shadowColor: '#000000',
  shadowOffset: { width: 0, height: 2 },
  shadowOpacity: 0.1,
  shadowRadius: 4,
};

<View style={[styles.box, shadowStyle]}>
  <Text>Content</Text>
</View>
Maintained by Toolexe Last updated August 1, 2026