Skip to main content

Hello Kog

Kog is React for microcontrollers: you write TSX with hooks, and it renders as native LVGL widgets on an ESP32 — or, right here, in a WebAssembly build of the exact same runtime. No device required.

Every Kog app is a component that returns JSX. Host elements like <View> and <Text> come from @kog/ui; StyleSheet.create describes their look. Edit the code below — it recompiles in a worker and hot-reloads into the simulator on the right in milliseconds.

Try changing the greeting, the fontSize, or the backgroundColor. The editor has the real Kog types, so hover a prop or misspell one and you'll see exactly what kog build would tell you.

Next: state and events →