This gives you the Chrome DevTools "Inspect Element" experience directly on your device. Tap any element to see all its styles, edit values inline, toggle properties on/off, add new ones, and see margin/padding/content overlays.
How it works under the hood: it hooks into React's fiber tree via the devtools global hook, measures all host elements to build a layout snapshot, then does hit-testing on tap. Style mutations go through overrideProps() on the fiber so changes are applied through React's reconciler.
Pure TypeScript, no native modules, no linking. Works with React 18 and 19, Old Architecture and Fabric. One component wrapper to set up, zero overhead when disabled in production.
mabdinasira•1h ago
How it works under the hood: it hooks into React's fiber tree via the devtools global hook, measures all host elements to build a layout snapshot, then does hit-testing on tap. Style mutations go through overrideProps() on the fiber so changes are applied through React's reconciler.
Pure TypeScript, no native modules, no linking. Works with React 18 and 19, Old Architecture and Fabric. One component wrapper to set up, zero overhead when disabled in production.