OTFotf
All tools
Free · no signup

Tailwind → Tamagui

Paste a Tailwind classList, get the equivalent Tamagui prop syntax. The fastest way to port web components to React Native.

Tamagui
<Stack
  flexDirection="column"
  alignItems="center"
  gap={4}
  padding={6}
  borderRadius={8}
  backgroundColor="$orange-500"
>
  {/* … */}
</Stack>

Mapped 7/7 classes · Tamagui style props ↗