NeoJET Mobile

NeoJET Mobile extends the NeoJET design system beyond the web, bringing the same components, tokens, and styling principles to React Native through Expo and NativeWind v5. The goal is to prove that a single, token-driven design system can deliver consistent visuals and behavior across every platform.

Shared Design System

NeoJET's design tokens are defined once and consumed everywhere:

neojet-tailwind generates tokens.css and a Tailwind preset for the web.

NativeWind v5 reads those same values to style React Native components on mobile.

This shared pipeline ensures colors, spacing, radii, and motion stay in sync with no duplication or drift.

Built with Expo + React Native

The NeoJET Mobile Cookbook is powered by Expo, offering a seamless development experience for iOS and Android. It uses React Native + NativeWind v5, meaning:

The same Tailwind utility classes work across platforms.
Component layouts and tokens remain identical to their web counterparts.
Developers can reuse styling logic, themes, and even portions of component code.

Demonstrate parity between web and native, backed by a shared design foundation.

Why It Matters

NeoJET demonstrates how leveraging the React ecosystem and modern open-source tooling, including Tailwind, NativeWind, and Expo, can scale a design system effortlessly across platforms.

By building on technologies developers already know and trust, NeoJET achieves:

Design integrity, through a single source of truth for tokens and theming.
Brand consistency, with unified colors, spacing, and motion across devices.
Accessibility, inherited from React Aria's a11y-correct primitives.
Developer efficiency, by reusing the same styling and component logic across web and mobile.