Run on your phone
Just want to try them?
Scan the QR with your camera or Expo Go to open the ExpoKit playground natively — every free component, real gestures and haptics, no Expo account. No Expo Go? The link under the QR opens the same preview in your browser. To use a component in your own app, follow the steps below.
eas update for its owner, so ExpoKit serves the playground from its own update server instead.Create an app (or use yours)
Any Expo app on SDK 55 or newer works. Starting fresh:
terminalnpx create-expo-app@latest my-appcd my-appSet up ExpoKit
initwritescomponents.jsonand the@/import alias.terminalnpx @expokit/cli@latest initAdd a few components
terminalnpx @expokit/cli@latest add floating-input switch segmented-controlThen render one — for example in
app/index.tsx:app/index.tsximport { View } from "react-native";import { FloatingInput } from "@/components/ui/floating-input";import { Switch } from "@/components/ui/switch"; export default function Home() { return ( <View style={{ flex: 1, justifyContent: "center", padding: 24, gap: 24 }} > <FloatingInput label="Email" clearable /> <Switch defaultValue /> </View> );}Pro components and screens install the same way after@expokit/cli@latest login— see CLI.Open it in Expo Go
Install Expo Go from the App Store / Play Store, start the dev server and scan the QR code in your terminal with your camera (or Expo Go).
terminalnpx expo startPhone and computer must be on the same Wi-Fi. Edits reload instantly on the device.Feel the real speed
Expo Go runs a development build of JavaScript, so animations are a little slower than in production. For a true 60fps feel, build a release version on your device:
terminalnpx expo run:ios --device --configuration Release# ornpx expo run:android --variant release
Did you like the content?

