Create React Native App styled with Tailwind, a ridiculously awesome utility-first CSS framework.

Note: This is a work in progress. Right now, this includes a React Native-compatible version of the stylesheet generated by Tailwind's default configuration. In the future, the plan is to implement Tailwind correctly and add a script that strips out any CSS rules that are not compatible with React Native and converts the remaining rules into a StyleSheet.

Supported Utilities

Layout

• Display
• Position

Typography

• Color
• Font Family
• Font Style
• Font Weight
• Letter Spacing
• Line Height
• Text Alignment

Backgrounds

• Background Color

Borders

• Border Color
• Border Style
• Border Width
• Border Radius

Flexbox

• Flex Direction
• Flex Wrapping
• Align Items
• Align Content
• Align Self
• Justify Content
• Flex

Spacing

• Margin
• Padding

Sizing

• Width
• Min-Width
• Max-Width
• Height
• Min-Height
• Max-Height

Miscellaneous

• Opacity

Resources

• Create React Native App documentation
• Tailwind documentation
• List of available properties in React Native

License

MIT