DocsFeaturesThemingBlogAPI
Core Concepts

Supported Features & Platform Compatibility

Compare Nitrowind support across iOS, Android, and web for native themes, container queries, backgrounds, gradients, masks, clip paths, animations, SVG, and more.

Supported Features & Platform Compatibility

Nitrowind supports more than a generic React Native className layer. Each feature below has its own page with examples, native behavior, platform boundaries, and fallbacks.

How to read this matrix

Full means the feature is available across the listed target. Platform API means Nitrowind maps to the best iOS or Android primitive. CSS means the browser keeps the authored CSS behavior. A narrower label such as iOS is an explicit platform boundary.

Runtime & layout

NativeWeb
ComponentsClassName-aware native primitives and scrollables.FullFullStates & groupsActive, focus, hover, disabled, and parent group state.Platform APICSSResponsive utilitiesViewport, orientation, and runtime dimension variants.FullCSSContainer queriesWidth, height, named, and custom container conditions.FullCSSSafe areaPadding, margin, inset, and safe screen-height utilities.Platform APIFallback

Native paint

NativeWeb
Background imagesCover, contain, stretch, repeat, and focal positioning.FullCSSGradients & bordersLinear, radial, conic, arbitrary, and border gradients.FullCSSP3 & native colorsWide-gamut and semantic theme-dependent color tokens.Platform APICSSMasksURL and gradient alpha masks with native updates.FullCSSClip pathsCircle, inset, polygon, and supported native geometry.FullCSSFilters & shadowsBox/text shadows, transforms, filters, and backdrop filters.Platform APICSS

Motion & integration

NativeWeb
AnimationsEntering, exiting, layout, and CSS keyframe utilities.FullCSSScroll-driven animationsNative iOS and Android scroll timelines without a JavaScript onScroll loop.FullCSSSVGClassName-aware react-native-svg paint primitives.FullFullNative propsMap utility colors to component-specific host props.Platform APIFallbackNitrowind-specificShadowTree updates, native grid, paint descriptors, and plain CSS.FullFallback

Native runtime boundary

Theme, color scheme, safe-area, dimensions, RTL, font scale, group state, and container-size dependencies can update linked native nodes without resolving the style again on the JavaScript thread.

Start with the differentiators

Read Nitrowind-specific features for native background images, native grid, paint descriptors, ShadowTree updates, and the plain CSS engine.

How It Works

Understand the Nitrowind compile, register, link, and native update pipeline.

Compatibility

React Native, architecture, web, Expo Go, and CSS support boundaries.

On this page

Supported Features & Platform CompatibilityNative runtime boundary
OPEN SOURCEInvest in native-first styling.Your support funds runtime engineering, platform compatibility, and documentation for the React Native community.Support the project