SootSim

React Native in the browser

No Mac, no XCode, no Simulator, no problem. A fully browser-first iOS simulator and React Native runtime, native UI, and hundreds of native libraries.

Download for macOS Browser

npx sootbean

Open an app, then dev tools inspect!

Introducing

SootOS

A clean-room iOS implementation in CanvasKit. 120fps with low CPU usage in browser.

Canvas RenderingCanvasKit (Skia) renders every pixel — not a CSS approximation.

Touch & GestureMulti-touch, gesture handler, iOS scroll physics with rubber banding.

ReanimatedShared values, spring, timing, interpolation — 60fps on the UI thread.

System UIDark mode, status bar, dynamic island, safe area, home indicator.

Canvas Rendering

SOIL uses the same rendering engine as Flutter. Shadows, blurs, corner radii, gradients — all rendered to canvas at native fidelity. No DOM elements, no CSS hacks.

CanvasKit (Skia) renders every pixel — not a CSS approximation.

Touch & Gesture

Full gesture responder system. Pan, pinch, tap, long-press, swipe-to-delete. Scroll momentum with iOS deceleration curves and rubber band at edges.

Multi-touch, gesture handler, iOS scroll physics with rubber banding.

Reanimated

Complete react-native-reanimated support. Shared values drive animations directly on the render thread. No bridge, no serialization, just smooth 60fps.

Shared values, spring, timing, interpolation — 60fps on the UI thread.

System UI

Full iOS system chrome. Toggle dark/light mode. StatusBar, SafeAreaView, Dynamic Island — all faithfully reproduced.

Dark mode, status bar, dynamic island, safe area, home indicator.

Massive Compatibility

195+ verified native libraries.

Native

react-native-reanimated

react-native-gesture-handler

react-native-screens

react-native-safe-area-context

react-native-svg

@react-native-async-storage/async-storage

react-native-webview

@shopify/flash-list

@react-native-community/netinfo

react-native-keyboard-controller

@react-native-masked-view/masked-view

react-native-bottom-tabs

@callstack/react-native-bottom-tabs

react-native-worklets

expo-constants

expo-font

expo-haptics

expo-image

expo-linking

expo-splash-screen

expo-clipboard

expo-file-system

expo-crypto

expo-secure-store

expo-web-browser

expo-blur

expo-linear-gradient

@gorhom/bottom-sheet

react-native-teleport

react-native-launch-arguments

expo-status-bar

expo-device

expo-image-picker

expo-document-picker

expo-application

expo-glass-effect

expo-liquid-glass-view

@expo/ui

expo-location

expo-notifications

react-native-ios-context-menu

react-native-ios-utilities

burnt

react-native-mmkv

react-native-permissions

@react-native-menu/menu

react-native-pager-view

posthog-react-native

react-native-bootsplash

expo-sqlite

expo-media-library

expo-mesh-gradient

react-native-device-info

react-native-share

@sentry/react-native

@react-native-clipboard/clipboard

react-native-view-shot

react-native-keychain

react-native-fast-image

lottie-react-native

react-native-vision-camera

react-native-video

@react-native-firebase/app

@react-native-firebase/messaging

@react-native-firebase/analytics

react-native-iap

react-native-fs

@react-native-community/datetimepicker

@react-native-community/slider

@react-native-picker/picker

@react-native-camera-roll/camera-roll

@react-native-community/geolocation

react-native-maps

react-native-image-picker

react-native-config

react-native-localize

expo-screen-orientation

expo-sensors

expo-sharing

expo-updates

expo-calendar

expo-av

expo-camera

expo-localization

expo-local-authentication

expo-video

react-native-date-picker

react-native-blob-util

react-native-haptic-feedback

react-native-get-random-values

@react-native-google-signin/google-signin

@invertase/react-native-apple-authentication

@stripe/stripe-react-native

@notifee/react-native

@segment/analytics-react-native

expo-keep-awake

expo-navigation-bar

expo-print

expo-store-review

expo-system-ui

expo-tracking-transparency

expo-image-manipulator

expo-auth-session

expo-task-manager

@datadog/mobile-react-native

react-native-in-app-review

react-native-inappbrowser-reborn

react-native-restart

react-native-purchases

react-native-vector-icons

react-native-pdf

react-native-contacts

react-native-biometrics

react-native-quick-base64

react-native-performance

@react-native-community/blur

react-native-linear-gradient

react-native-document-picker

react-native-exception-handler

react-native-mixpanel

react-native-zip-archive

react-native-wheel-pick

react-native-splash-screen

expo-audio

react-native-code-push

react-native-onesignal

react-native-appsflyer

react-native-branch

react-native-adjust

react-native-fbsdk-next

react-native-push-notification

@clerk/clerk-expo

react-native-background-timer

expo

expo-modules-core

react-native-image-crop-picker

react-native-orientation-locker

@shopify/react-native-skia

@miblanchard/react-native-slider

expo-contacts

@bsky.app/react-native-mmkv

@bitdrift/react-native

@mattermost/react-native-paste-input

expo-intent-launcher

expo-sms

expo-video-thumbnails

@mozzius/expo-dynamic-app-icon

react-native-compressor

react-native-device-attest

react-native-uitextview

react-native-screen-transitions

@react-native-community/checkbox

expo-background-task

expo-insights

react-native-aes-crypto

react-native-amplitude-analytics

react-native-app-auth

react-native-nitro-cookies

react-native-nitro-modules

react-native-pure-jwt

react-native-simple-toast

react-native-reanimated

react-native-gesture-handler

react-native-screens

react-native-safe-area-context

react-native-svg

@react-native-async-storage/async-storage

react-native-webview

@shopify/flash-list

@react-native-community/netinfo

react-native-keyboard-controller

@react-native-masked-view/masked-view

react-native-bottom-tabs

@callstack/react-native-bottom-tabs

react-native-worklets

expo-constants

expo-font

expo-haptics

expo-image

expo-linking

expo-splash-screen

expo-clipboard

expo-file-system

expo-crypto

expo-secure-store

expo-web-browser

expo-blur

expo-linear-gradient

@gorhom/bottom-sheet

react-native-teleport

react-native-launch-arguments

expo-status-bar

expo-device

expo-image-picker

expo-document-picker

expo-application

expo-glass-effect

expo-liquid-glass-view

@expo/ui

expo-location

expo-notifications

react-native-ios-context-menu

react-native-ios-utilities

burnt

react-native-mmkv

react-native-permissions

@react-native-menu/menu

react-native-pager-view

posthog-react-native

react-native-bootsplash

expo-sqlite

expo-media-library

expo-mesh-gradient

react-native-device-info

react-native-share

@sentry/react-native

@react-native-clipboard/clipboard

react-native-view-shot

react-native-keychain

react-native-fast-image

lottie-react-native

react-native-vision-camera

react-native-video

@react-native-firebase/app

@react-native-firebase/messaging

@react-native-firebase/analytics

react-native-iap

react-native-fs

@react-native-community/datetimepicker

@react-native-community/slider

@react-native-picker/picker

@react-native-camera-roll/camera-roll

@react-native-community/geolocation

react-native-maps

react-native-image-picker

react-native-config

react-native-localize

expo-screen-orientation

expo-sensors

expo-sharing

expo-updates

expo-calendar

expo-av

expo-camera

expo-localization

expo-local-authentication

expo-video

react-native-date-picker

react-native-blob-util

react-native-haptic-feedback

react-native-get-random-values

@react-native-google-signin/google-signin

@invertase/react-native-apple-authentication

@stripe/stripe-react-native

@notifee/react-native

@segment/analytics-react-native

expo-keep-awake

expo-navigation-bar

expo-print

expo-store-review

expo-system-ui

expo-tracking-transparency

expo-image-manipulator

expo-auth-session

expo-task-manager

@datadog/mobile-react-native

react-native-in-app-review

react-native-inappbrowser-reborn

react-native-restart

react-native-purchases

react-native-vector-icons

react-native-pdf

react-native-contacts

react-native-biometrics

react-native-quick-base64

react-native-performance

@react-native-community/blur

react-native-linear-gradient

react-native-document-picker

react-native-exception-handler

react-native-mixpanel

react-native-zip-archive

react-native-wheel-pick

react-native-splash-screen

expo-audio

react-native-code-push

react-native-onesignal

react-native-appsflyer

react-native-branch

react-native-adjust

react-native-fbsdk-next

react-native-push-notification

@clerk/clerk-expo

react-native-background-timer

expo

expo-modules-core

react-native-image-crop-picker

react-native-orientation-locker

@shopify/react-native-skia

@miblanchard/react-native-slider

expo-contacts

@bsky.app/react-native-mmkv

@bitdrift/react-native

@mattermost/react-native-paste-input

expo-intent-launcher

expo-sms

expo-video-thumbnails

@mozzius/expo-dynamic-app-icon

react-native-compressor

react-native-device-attest

react-native-uitextview

react-native-screen-transitions

@react-native-community/checkbox

expo-background-task

expo-insights

react-native-aes-crypto

react-native-amplitude-analytics

react-native-app-auth

react-native-nitro-cookies

react-native-nitro-modules

react-native-pure-jwt

react-native-simple-toast

Verified

react-native-modal

react-native-gifted-chat

react-native-calendars

react-native-markdown-display

react-native-toast-message

react-native-confirmation-code-field

react-native-dropdown-picker

react-native-country-picker-modal

react-native-step-indicator

react-native-collapsible

react-native-animatable

react-native-image-zoom-viewer

react-native-progress

react-native-qrcode-svg

react-native-swiper

moti

@legendapp/list

@floating-ui/react-native

react-native-switch

@gorhom/portal

react-native-render-html

solito

react-native-paper

react-native-drawer-layout

react-native-tab-view

@react-native-vector-icons/fontawesome6-pro

react-native-draggable-flatlist

react-native-email-link

react-native-logs

react-native-select-dropdown

react-native-size-matters

react-native-modal

react-native-gifted-chat

react-native-calendars

react-native-markdown-display

react-native-toast-message

react-native-confirmation-code-field

react-native-dropdown-picker

react-native-country-picker-modal

react-native-step-indicator

react-native-collapsible

react-native-animatable

react-native-image-zoom-viewer

react-native-progress

react-native-qrcode-svg

react-native-swiper

moti

@legendapp/list

@floating-ui/react-native

react-native-switch

@gorhom/portal

react-native-render-html

solito

react-native-paper

react-native-drawer-layout

react-native-tab-view

@react-native-vector-icons/fontawesome6-pro

react-native-draggable-flatlist

react-native-email-link

react-native-logs

react-native-select-dropdown

react-native-size-matters

Drop your package.json or lockfile

Undoing years of trauma.