Cross-Platform Conformance Matrix
This matrix is generated directly from automated test suites run in CI. Rather than hand-writing an idealized compatibility table, Hozo continually validates itself against the real Tailwind engine, React Native's Fabric types, StyleX, and the machine-readable W3C ARIA specification.
124/124 representative candidates and 20,222 full catalogue rules match official Tailwind output with zero divergence.
118/124 candidates lowered to Fabric primitives & StyleSheet. 5 refused with compiler diagnostics.
504/504 compiler-relevant names are mapped; only one optional adapter remains.
83 static and 30 interactive roles validated with 0 false positive warnings on correct code.
Every primitive is pinned by a case that compiles one source throughboth backends and states what each has to produce — including where they legitimately differ.
Web Lowering Conformance (hozo_web)
Verified by comparing Hozo's compiled CSS directly against Tailwind's official compilation oracle.
Tailwind's IntelliSense catalogue of 23,286 entries tested across layout, typography, colors, borders, and effects.
Candidate stylesheet order perfectly preserves Tailwind's specificity tiers and breakpoint ascending rules.
High fidelity for arbitrary value syntax like p-[13px], bg-[#0d1117], and CSS variable bindings across tested utilities.
Native Lowering & Refusal Audit (hozo_native)
Lowers to React Native Fabric components and StyleSheet objects. Refusals are diagnosed at build time.
Hozo emits a native StyleSheet property (flexbox, dimensions, typography, colors, borders, transforms).
React Native has no native equivalent. The compiler alerts you with a diagnostic rather than failing silently.
React Native already performs this by default (e.g. box-border). Doing nothing satisfies the contract.
Why Candidates Are Refused on NativeAudited against RN types
box-sizing: border-box universally; content-box is not supported.accent-color equivalent exists for native controls; tint is handled via primitive props.selectionColor on TextInput, not a general style property.Of 10,404 total refusals audited, 10,038 are confirmed impossible from React Native's official type definitions.
StyleX Compatibility & Authoring Parity
Full cross-compilation support for Meta's StyleX syntax, both universal and Web-only properties.
Ordinary declarations in StyleX's default mode, excluding optional platform adapters.
Every portable property valid across Web and Native platforms maps directly to Fabric styles.
Interactive pseudo-states (:hover, :active, :focus) and contextual container queries.
Extended CSS longhands, animations, and typography available when compiling for Web.
Accessibility & W3C ARIA Validation
Verified against W3C specification roles and cross-platform semantics.
Every concrete role defined in aria-query is validated at build time. Missing required attributes or abstract roles trigger compiler diagnostics.
A validator that cries wolf gets turned off. Every correctly-written role passes through the compiler without spurious warnings.
All declared diagnostics fire when provoked in tests. Silent failures (unreported broken code) are strictly kept at zero.
Canvas 2D / Skia Graphics Backend
Lowers visual styles directly to HTML5 Canvas 2D and Skia render operations.
Draw-Targeted Style Subset
Canvas renders only drawing-relevant properties (609 utilities for fills, strokes, opacity, geometry, and transforms). Flexbox layout, document positioning, and text flow utilities are refused by design with zero unresolvable state errors.
Inspect the Implementation
The automated harness that generates these numbers lives in packages/tailwind-conformance. Run it locally anytime with pnpm turbo run report.