About this tool
Generate React Native shadow style values with a live preview.
Move offset, radius, opacity, and Android elevation. The page shows a CSS box-shadow preview and a StyleSheet-ready object with shadowColor, shadowOffset, shadowOpacity, shadowRadius, and elevation.
iOS and Android interpret shadows differently. Elevation is Android-only. This does not compile native code and nothing is uploaded.
Read the privacy line on this page before you use the result in public.
Quick steps
- Generate React Native shadow style values with a live preview.
- Move offset, radius, opacity, and Android elevation. The page shows a CSS box-shadow preview and a StyleSheet-ready object with shadowColor, shadowOffset, shadowOpacity, shadowRadius, and elevation.
- iOS and Android interpret shadows differently. Elevation is Android-only. This does not compile native code and nothing is uploaded.
iOS and Android interpret shadows differently. Elevation is Android-only. This does not compile native code and nothing is uploaded.
FAQ
Generate React Native shadow style values with a live preview.
Move offset, radius, opacity, and Android elevation. The page shows a CSS box-shadow preview and a StyleSheet-ready object with shadowColor, shadowOffset, shadowOpacity, shadowRadius, and elevation.
iOS and Android interpret shadows differently. Elevation is Android-only. This does not compile native code and nothing is uploaded.
Read the privacy line on this page before you use the result in public.