The compiler, in your browser

The same compiler @hozo/vite and @hozo/metro run, built to WebAssembly. Nothing is sent anywhere: it compiles here, in this tab.

Against the default Tailwind theme. A project's own theme is read from its configuration, and a page has no project.

Source

Loading…
import { View, Text, Pressable } from '@hozo/core' export function Card() { return ( <View className="p-4 rounded-lg bg-slate-100 dark:bg-slate-800 md:p-6"> <Text className="text-xl font-bold">Sales</Text> <Pressable onPress={() => {}}> <Text className="text-sky-600">Open</Text> </Pressable> </View> ) }

Diagnostics

Compiling…

WebJSX
Web JSX
WebCSS
Web CSS
React NativeJSX
React Native JSX
React NativeStyleSheet
React Native StyleSheet