โจ The v5 preview is here!
- Tailwind v4 support
- Simpler setup
- Most complete CSS support for RN
And a lot more...๐
Try it now:
`npx rn-new@next --nativewind`
Ride Sharing App template coming very soon. Stay tuned ๐
https://t.co/Zvy64CuTYH
Lots of fun building this one with @nativewindcss@reactnative@swmansion reanimated and @expo
One year ago I launched Native Templates! ๐
To celebrate, all templates are on sale this week. https://t.co/5Bz1ryqfT5
Thanks @expo@nativewindcss@reactnative and @swmansion reanimated for making it possible.
More exciting templates dropping soon!
Add to Cart Component from Sneaky template. ๐
https://t.co/pLwEUt9WvM
Built with @expo@nativewindcss@swmansion
Reanimated and @reactnative
Get 20% discount on all templates bundle with code NAT20 - This weekend only!
Had some issues with @nativewindcss custom fonts through @expo, because it wasn't clear enough for me from the docs how to include them
Here's how I did it:
- download your fonts in .otf or .ttf format if you want universal support accross platforms. OTF render better and have smaller size
- variable fonts don't work so you need to download the weights you want to use
- install them through expo-font library, easier through app.json config file
- add them in tailwind.config.ts under theme.extend.fontFamily with the same name as the file, which should follow the PostScript convention, otherwise it won't work for iOS
example:
{
theme: {
extend: {
fontFamily: {
"inter-black" : ["Inter-Black"],
// ...
}
}
}
}
You can now use them in Nativewind, but need to specify the font name and weight together
className="font-inter-black"
I'm in! Big thanks to @AnthropicAI & @claudeai โค๏ธ
This will really help in working on v4 and v5 of @NativewindCSS.
Also, more agentic tooling coming soon!