Joylan

React Native Developer | Building fast, clean & scalable iOS/Android apps | Passionate about UI/UX, performance, and turning ideas into products.

[Joylan @AJS32450096]

I haven’t compared it with Uniwind yet, but performance is currently pretty much on par with StyleSheet with lil overhead. NitroWind also supports native features like background images, gradients, clip paths, filters, CSS Grid and more that other Tailwind packages don’t currently provide—and it’s fully open source 🙂. will post some performance metrics soon.

[Joylan @AJS32450096]

https://t.co/rfwHLUhtuX

[Joylan @AJS32450096]

Tried scroll-driven animations in React Native, powered by CSS timelines.
This is running natively on iOS: reveal, transform and a four-sided marquee driven directly by scroll position. No JavaScript onScroll handler and no serialized animation tree.
Define the keyframes once in CSS, attach the class, and NitroCSS drives it through the native UI layer on iOS and Android.
Link: https://t.co/ST9ZLDpzc1
What scroll effect should we build next?
#ReactNative #iOSDev #AndroidDev #NitroModules #CSS

[Joylan @AJS32450096]

@reactnative I’ve been building Nitrowind to make native React Native styling, masks, and keyframe motion feel declarative through className: https://t.co/9SOpfGDEYS

[Joylan @AJS32450096]

Three gradients. One native layer. 🌈
Nitrowind paints linear, radial, and conic gradients directly on native views. The conic clock animates its native angle with CSS keyframes—the view itself never rotates.
Explore: https://t.co/ntHuJRoSP4
#ReactNative #Nitrowind #OpenSource #Nitromodules

[Joylan @AJS32450096]

Native masks and clip paths in React Native. ⭐
Photo masks with transparent fills, gradient masks, and native clip paths. Mask keyframes rotate and pulse only the aperture—the photo and host view remain stationary.
Explore: https://t.co/sY1HRLzdwz
#ReactNative #Nitrowind #Animations #OpenSource

[Joylan @AJS32450096]

I’m building NitroWind, currently in beta: native-first Tailwind styling for React Native, powered by Nitro Modules and a C++ ShadowTree engine. Themes, color schemes, safe areas, responsive styles, gradients, background images, animations, and interaction states update natively—without React re-renders.
https://t.co/mYqpWSQBIJ

[Joylan @AJS32450096]

I’m building NitroWind, currently in beta: native-first Tailwind styling for React Native, powered by Nitro Modules and a C++ ShadowTree engine. Themes, color schemes, safe areas, responsive styles, gradients, background images, animations, and interaction states update natively—without React re-renders.
https://t.co/mYqpWSR9yh

[Joylan @AJS32450096]

NitroWind docs are now live! ⚡️
Native-first Tailwind styling for React Native, powered by a C++ ShadowTree engine—fast theme updates, safe areas, responsive styles, animations, grids, and more.
Explore the docs: https://t.co/mYqpWSQBIJ
If NitroWind helps your project, you can support its development ☕️
https://t.co/XjyvqVxiEP

[Joylan @AJS32450096]

Real backdrop blur, background images, gradients

RN's filter: blur() blurs a view's OWN content. CSS backdrop-filter blurs what's BEHIND it — actual frosted glass. RN never had a real version, so I built one.

Background image tiling and animatable gradients too — real native rendering, not a screenshot pretending.

Code: https://t.co/B9u3RmWcM4

Note: UIBlurEffect has no public radius API, so the blur is driven by scrubbing a paused UIViewPropertyAnimator's fractionComplete — a workaround that gets a real, continuous radius out of an API that was never meant to expose one.

Disclosure: ~80% built with AI, 100% me yelling at it until it worked.

[Joylan @AJS32450096]

Container queries style a component off its PARENT's size. Problem: that size only exists after layout — so most RN libs measure it with onLayout + setState, re-rendering on every resize.

nitrowind reads the real laid-out size natively and updates the matching children without touching React at all. Resize a container, children just respond. No re-render.

Code: https://t.co/yFGyhdgTOn

note: hooks a Fabric mount hook that fires right after layout, reads the real size off the shadow tree, commits a follow-up native update. Only fires when the size actually changed — can't loop.

Disclosure: ~80% built with AI, 100% me yelling at it until it worked.

[Joylan @AJS32450096]

Grid, safe areas & animations

Added real CSS Grid + safe-area insets that survive rotation. Both native, both instant.

nitrowind generates enter/exit/layout animations from classes. Gestures stay on Reanimated. Nobody fights.

C++ grid, not flexbox cosplay.

https://t.co/hUCFLBF05O

Disclosure: ~80% built with AI, 100% me yelling at it until it worked.

[Joylan @AJS32450096]

https://t.co/3bnr8Xf8yP

[Joylan @AJS32450096]

Building Nitrowind — Tailwind for React Native, but native.

Classes compile to style tables tagged with dependency bitmasks for theme, scheme & insets.

C++ recomputes only what changed and commits straight to Fabric’s ShadowTree.

No render-time JS style resolution.

[Keyser Reveal @KeyserReveal]

@Razer + @PhilipsLight sync + Giveaway https://t.co/idKkRyjCq7

[Caserandom Com @caserandom]

Win 🏆★ Gut Knives ★ AK-47 ★ AWP 🎁 
-Go https://t.co/E2gCzmZk7V
-RT&Like⌛️

[Bazerk @Bazerk]

Stream GIveaway!

1) RETWEET
2) FOLLOW @Bazxrk
3) TAG 2 FRIEND
4) MUST BE IN STREAM (KEYWORD)

STREAM: https://t.co/8itJ6Drmt2