What's new? Introducing EAS Observe →

Everything you
need to build apps

Expo is a full-stack React Native framework with cloud services to help you move faster at every stage of the app lifecycle.

Get started →Talk to our team
3M+ developers. 50K+ GitHub stars. Trusted in production by:
Components

The ultimate app
development experience

iOSAndroidWeb

The Expo SDK

10+ years in the making.
Powering thousands of apps.

expo/expo
ImagesExploreChat

100+ production APIs
one install away

All native
code welcome

Powering AI-native app devs

Ambient gradient washes are the one place colour is allowed.

Controls

Every control is a pill

Primary Secondary Ghost / nav Disabled Chip / badge BuildSubmitUpdate
Primary Secondary Ghost / nav ← hover — and focus-visible is identical (the hocus: variant)
Search the docs Search the docs ← focus state

Controls are 36px tall with a full 9999px pill radius and 0 16px padding. The primary fill is #ffffff hovering to #cccccc — and because Expo defines a custom hocus: variant, :focus-visible renders exactly like :hover. There is no separate focus ring.

Typography

Inter, weight ceiling 600

Display h1/h2 · Inter · 64/70.4 · 600 · -3pxEverything you need
Section h3 · Inter · 48/52.8 · 600 · -2pxThe Expo SDK
Lede / body-large · Inter · 24/28.8 · 500 · -0.5pxA full-stack React Native framework
Nav link · Inter · 14/19.6 · 400 · normalDocs · Product · Pricing
Button label · Inter · 14 · 500 · normalGet started
Mono eyebrow · JetBrains Mono · size not captured · UPPER3M+ developers. 50K+ GitHub stars.
Palette

Rationed colour

Text
text-primary#edeef0
text-secondary#b0b4ba
text-tertiary#777b84
Surfaces & borders
canvas#111113
surface#18191b
surface-raised#212225
canvas-deep#0c0d0e
border#2e3135
border-strong#363a3f
Accent & semantic
button-primary#ffffff
primary-hover#cccccc
link#6abaff
success#30a46c
success-deep#28684a
Gradient accents (the only colour moments)
rainbow#e44857 → #c711e1
warm-cool#f76809 → #2788f3
Depth & motion

No shadows anywhere

9999px pill
40px bento
36px button
16px card
12px small
25% avatar
canvas #111113
surface #18191b
raised #212225

Elevation is surface steps plus 1px hairlines — across ~4,500 elements the only box-shadow found was a transparent ring reset. Motion: 0.15s cubic-bezier(.4,0,.2,1) for all interaction; ambient keyframes (arc-sweep 16s, ai-glow 11s, logo-carousel 30s, status-pulse 2.2s) run slow and infinite. Two prefers-reduced-motion blocks are honoured.