Nitrowind Features for React Native
Explore every Nitrowind feature for React Native and web, including native themes, states, containers, backgrounds, gradients, masks, clip paths, animations, SVG, and native props.
Nitrowind Features for React Native
Each supported capability has a focused page with examples, native behavior, web behavior, and current platform boundaries.
Native updates are the differentiator
Runtime-dependent styles can move through Nitrowind's native dependency graph instead of being resolved again on the JavaScript thread.
Platform compatibility
Compare Native and Web support feature by feature.
Nitrowind-specific
ShadowTree updates, native grid, paint descriptors, and plain CSS.
Runtime and layout
Components
ClassName-aware React Native primitives and scrollables.
States and groups
Interactive pseudo states and native parent-state propagation.
Responsive utilities
Viewport, orientation, and runtime dimension variants.
Container queries
Width, height, named, and custom container conditions.
Safe area
Inset-aware padding, margin, position, and height utilities.
Native paint
Background images
Cover, contain, repeat, stretch, and focal positioning.
Gradients and borders
Linear, radial, conic, arbitrary, and border gradients.
P3 and native colors
Wide-gamut and semantic theme-dependent colors.
Masks
URL and gradient alpha masks with native updates.
Clip paths
Native geometric clipping with supported CSS shapes.
Filters and shadows
Box and text shadows, transforms, filters, and backdrop filters.