expo-ui

Provide universal and platform-specific UI components for Expo and React Native apps.

2.4k|125|Updated Nov 30, 2025
One-click install
npx skills add https://github.com/expo/skills --skill expo-ui-expo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: expo-ui
Source: https://github.com/expo/skills/tree/main/plugins/expo/skills/expo-ui
Command: npx skills add https://github.com/expo/skills --skill expo-ui-expo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires expo, @expo/ui, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps developers build native UI components for Expo and React Native apps, providing both universal cross-platform components and platform-specific options for iOS and Android.

Core Features & Use Cases

  • Universal Components: Offers a set of universal components that work on iOS, Android, and web, ensuring a consistent UI across platforms.
  • Platform-specific Components: Provides platform-specific SwiftUI for iOS and Jetpack Compose for Android, allowing for more native-like UIs.
  • Drop-in Replacements: Includes API-compatible replacements for popular React Native community libraries, making it easier to migrate away from them.
  • Use Case: If you're building an app that requires a custom UI component and you want to ensure it looks and feels native on both iOS and Android, this Skill can help you achieve that.

Quick Start

Install the @expo/ui package and start using its components in your Expo or React Native app.

Frequently Asked Questions about expo-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build native UI components for iOS and Android in React Native?

To build native UI components for React Native, use @expo/ui to access universal cross-platform components alongside platform-specific SwiftUI for iOS and Jetpack Compose for Android. It provides API-compatible replacements for popular community libraries to ensure native look and feel.

What is the best way to get consistent UI across iOS, Android, and web in Expo?

The best way to get consistent UI across iOS, Android, and web in Expo is by using the universal components provided by @expo/ui. These components ensure a consistent interface across all platforms while supporting platform-specific options when needed.

Do I need Expo SDK 56 to use @expo/ui?

Yes, you need Expo SDK 56 or later to use @expo/ui. The package requires this minimum SDK version to provide its universal and platform-specific UI components for your React Native application.

Can I migrate away from existing React Native community UI libraries easily?

You can migrate away from existing React Native community UI libraries easily because @expo/ui includes API-compatible drop-in replacements. This allows you to switch to universal and platform-specific components without completely rewriting your component logic.

When should I use platform-specific UI components instead of universal ones?

Use platform-specific UI components instead of universal ones when your app requires a more native-like interface. @expo/ui provides SwiftUI for iOS and Jetpack Compose for Android to handle cases where universal components do not meet your native design requirements.