Nativewind

Tailwind CSS for React Native

[Nativewind @nativewindcss]

✨ 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`

[Thomino @ThominoDesign]

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

[onlydans @DanStepanov]

Nativewind has crossed 1 million downloads per week and is about to hit 1.2M!

[Nativewind @nativewindcss]

👀

[Thomino @ThominoDesign]

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!

[Thomino @ThominoDesign]

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!

[Nativewind @nativewindcss]

https://t.co/tM21MN3VlP

[onlydans @DanStepanov]

State of Nativewind starting a bit later, wrapping something up 👀

[onlydans @DanStepanov]

State of @NativewindCSS tomorrow at 2:30pm to discuss latest versions of:
- Nativewind v4
- Nativewind v5
- react-native-css

[onlydans @DanStepanov]

State of Nativewind https://t.co/WQKQt4B5Ju

[onlydans @DanStepanov]

Hitting Mount Aconcagua today 🏔️

State of Nativewind tomorrow at 2:30pm PT.

[Thomino @ThominoDesign]

String Theme Toggle built with Skia, @expo @nativewindcss and @swmansion reanimated 💡

https://t.co/5MrCD1fGOH

[onlydans @DanStepanov]

State of Nativewind starting 15 minutes late. Chat soon!

2:45pm PST

[onlydans @DanStepanov]

State of Nativewind is tomorrow at 2:30pm PT

See y’all then!

[Nativewind @nativewindcss]

@QuentinMerabet @Baconbrix @gabimoncha @expo @mark__lawlor NativeWind v5: https://t.co/K1JzIhN09C

Nativewind v4: https://t.co/QOaI2fJz8v

[Nativewind @nativewindcss]

Long time coming, here’s the custom font guide for v5, way easier in Tailwind v4

https://t.co/K1JzIhN09C

[Gabriel Moncha @gabimoncha]

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"

[onlydans @DanStepanov]

Moving the State of @NativewindCSS to tomorrow (2:30pm PT) as I’m a bit tied up today.

Catch y’all then!

[onlydans @DanStepanov]

State of Nativewind https://t.co/onl4DkrmB7

[Thomino @ThominoDesign]

Gooey Expand Button added to my playground. Grab the code below 👇

Built with @reactnative @nativewindcss @expo and Skia.

https://t.co/5MrCD1fGOH

[onlydans @DanStepanov]

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!