Skip to content
Create React Native App styled with Tailwind
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
components/tailwind
.gitignore
App.js
App.test.js
CONTRIBUTING.md
LICENSE.md
README.md
app.json
package.json
yarn.lock

README.md

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

License

MIT

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.