@universal-labs/core

Put a description of your Unimodule here

API documentation

• Documentation for the main branch
• Documentation for the latest stable release

Installation in managed Expo projects

For managed Expo projects, please follow the installation instructions in the API documentation for the latest stable release. If you follow the link and there is no documentation available then this library is not yet usable within managed projects — it is likely to be included in an upcoming Expo SDK release.

Installation in bare React Native projects

For bare React Native projects, you must ensure that you have installed and configured the expo package before continuing.

Add the package to your npm dependencies

npm install @universal-labs/core

Supported Utilities

• ✅ = Implemented
• 🚨 = No tailwindcss equivalent, not implemented

Utility	WEB	IOS	ANDROID
alignContent	✅	✅	✅
alignItems	✅	✅	✅
alignSelf	✅	✅	✅
aspectRatio	✅	✅	✅
backfaceVisibility	✅	✅	✅
backgroundColor	✅	✅	✅
borderBottomWidth	✅	✅	✅
borderBottomColor	✅	✅	✅
borderBottomEndRadius	✅	✅	✅
borderBottomLeftRadius	✅	✅	✅
borderBottomRightRadius	✅	✅	✅
borderBottomStartRadius	✅	✅	✅
borderColor	✅	✅	✅
borderEndColor	✅	✅	✅
borderEndWidth	✅	✅	✅
borderLeftColor	✅	✅	✅
borderLeftWidth	✅	✅	✅
borderRadius	✅	✅	✅
borderRightColor	✅	✅	✅
borderRightWidth	✅	✅	✅
borderStartColor	✅	✅	✅
borderStartWidth	✅	✅	✅
borderStyle	✅	✅	✅
borderTopColor	✅	✅	✅
borderTopEndRadius	✅	✅	✅
borderTopLeftRadius	✅	✅	✅
borderTopRightRadius	✅	✅	✅
borderTopStartRadius	✅	✅	✅
borderTopWidth	✅	✅	✅
borderWidth	✅	✅	✅
bottom	✅	✅	✅
color	✅	✅	✅
columnGap	✅	✅	✅
direction	✅	✅	✅
display	✅	✅	✅
elevation (android-only)	✅	✅	✅
end	✅	✅	✅
flex (RN implementation does not match web/tailwindcss)	✅	✅	✅
flexDirection	✅	✅	✅
flexBasis	✅	✅	✅
flexGrow	✅	✅	✅
flexShrink	✅	✅	✅
flexWrap	✅	✅	✅
fontFamily	✅	✅	✅
fontSize	✅	✅	✅
fontStyle	✅	✅	✅
fontVariant	✅	✅	✅
fontWeight	✅	✅	✅
gap	✅	✅	✅
height	✅	✅	✅
includeFontPadding	✅	✅	✅
justifyContent	✅	✅	✅
left	✅	✅	✅
letterSpacing	✅	✅	✅
lineHeight	✅	✅	✅
margin	✅	✅	✅
marginBottom	✅	✅	✅
marginEnd	✅	✅	✅
marginHorizontal	✅	✅	✅
marginLeft	✅	✅	✅
marginRight	✅	✅	✅
marginStart	✅	✅	✅
marginTop	✅	✅	✅
marginVertical	✅	✅	✅
maxHeight	✅	✅	✅
maxWidth	✅	✅	✅
minHeight	✅	✅	✅
minWidth	✅	✅	✅
opacity	✅	✅	✅
overflow	✅	✅	✅
overlayColor (android only)	✅	✅	✅
padding	✅	✅	✅
paddingBottom	✅	✅	✅
paddingEnd	✅	✅	✅
paddingHorizontal	✅	✅	✅
paddingLeft	✅	✅	✅
paddingRight	✅	✅	✅
paddingStart	✅	✅	✅
paddingTop	✅	✅	✅
paddingVertical	✅	✅	✅
position	✅	✅	✅
resizeMode	✅	✅	✅
right	✅	✅	✅
rowGap	✅	✅	✅
shadowColor	✅	✅	✅
shadowOffset	✅	✅	✅
shadowOpacity	✅	✅	✅
shadowRadius	✅	✅	✅
start	✅	✅	✅
textAlign	✅	✅	✅
textAlignVertical	✅	✅	✅
textDecorationColor	✅	✅	✅
textDecorationLine	✅	✅	✅
textDecorationStyle	✅	✅	✅
textShadowColor	✅	✅	✅
textShadowOffset	✅	✅	✅
textShadowRadius	✅	✅	✅
textTransform	✅	✅	✅
tintColor	✅	✅	✅
top	✅	✅	✅
width	✅	✅	✅
writingDirection	✅	✅	✅
zIndex	✅	✅	✅

Contributing

Contributions are very welcome! Please refer to guidelines described in the contributing guide.