Back to Products

Expo App UI

Expo App UI is a production-ready UI component library designed for Expo React Native applications. Components are copied directly into your project, giving you full control and ownership. No external dependencies, fully customizable, with automatic dependency detection. Built with TypeScript and designed for modern React Native development.

React NativeExpoTypeScriptUI ComponentsOpen Sourcenpm Package
View on npmDocumentationGitHub

Quick Start

npx expo-app-ui add custom-text
Expo App UI

Screenshots

Button Component
Flexible button component with variants and icon support
Custom Modal
Animated modal component with smooth transitions
OTP Input
OTP input component for verification codes
Top Loading Bar
Animated top loading bar component
Progress Bar
Progress bar component with variants
Profile Picture
Profile picture component with fallback
Marquee
Scrolling marquee component

Key Features

  • Own your code - Components copied directly into your project
  • Fully customizable - Modify components to fit your design system
  • Auto-dependencies - Required helpers and constants added automatically
  • No external dependencies - Self-contained components
  • TypeScript support - Full type safety included
  • Production-ready components - Button, Modal, OTP Input, Loading Bar, and more
  • CLI tool - Easy component installation via npx
  • Complete documentation - Detailed docs and examples
  • Marquee component - Scrolling text component
  • Progress Bar - Animated progress indicators
  • Profile Pic - Profile picture with fallback
  • Box View - Layout component with flexbox props

Technologies

  • React Native for mobile development
  • Expo SDK for React Native tooling
  • TypeScript for type safety
  • CLI tool for component installation
  • npm package distribution
  • Zero dependencies architecture

Benefits

Full code ownership and customization
No vendor lock-in
Automatic dependency management
Production-tested components
Active maintenance and updates
Comprehensive documentation

Component Showcase

Explore our collection of production-ready components. Each component is fully customizable and ready to use in your Expo React Native projects.

Button Component

Button Component

Flexible button component with variants and icon support

Custom Modal

Custom Modal

Animated modal component with smooth transitions

OTP Input

OTP Input

OTP input component for verification codes

Top Loading Bar

Top Loading Bar

Animated top loading bar component

Progress Bar

Progress Bar

Progress bar component with variants

Profile Picture

Profile Picture

Profile picture component with fallback

Marquee

Marquee

Scrolling marquee component

More Components

Custom Text - Customizable Text component with font, color, and spacing props
Box View - Layout component with flexbox props
Top Loading Bar Context - React Context for managing loading bar state

Installation & Usage

Add a Component

npx expo-app-ui add <component-name>

This will copy the component template to your project and automatically add any required dependencies.

Add Helpers or Constants

npx expo-app-ui add normalizeSizenpx expo-app-ui add theme

List Available Items

npx expo-app-ui list

Get Started with Expo App UI

Start building beautiful React Native apps with production-ready components. Visit our documentation for detailed guides, API references, and examples.

View DocumentationInstall from npm