Web

This showcase app is built with React + Vite + shadcn/Radix + Tailwind v4. It is the most mature surface of the design system and documents tokens, 50+ components, schema-aware (GEO) components, 25+ page templates and patterns.

Components are authored once in React Native primitives (View, Text, Pressable). React Native Web renders them to DOM without a separate web codebase. Styling flows through NativeWind — the same Tailwind classes you use today compile to RN StyleSheet objects on native and to plain CSS on web.

// Authored once — runs on web, iOS, Android, macOS, Windows
import { View, Text, Pressable } from 'react-native';
import { styled } from 'nativewind';

const SButton = styled(Pressable);
const SLabel  = styled(Text);

export function Button({ label, onPress }: { label: string; onPress: () => void }) {
  return (
    <SButton
      onPress={onPress}
      className="bg-accent rounded-md px-4 py-3 active:opacity-80"
      accessibilityRole="button"
    >
      <SLabel className="text-white text-base font-semibold">{label}</SLabel>
    </SButton>
  );
}