26 components · MIT · Expo SDK 57+

React Native UI components for Expo, styled with Tailwind CSS

Accessible, high-performance components — bottom sheets, dialogs, selects, toasts, forms — animated on the UI thread with Reanimated. Zero native code, so it runs in Expo Go.

npx expo install panelui-native

Built for production Expo apps

Every component follows the same rules: variants computed once at module scope, animations on the UI thread, and overlays that unmount after they animate out.

Tailwind CSS for React Native
Built on Uniwind — no Babel transform, and roughly 2.4–3× faster styling than NativeWind.
60fps on the UI thread
Press feedback, switches, sheets, dialogs and tabs run on Reanimated 4 and never touch the JS thread.
Six themes, three families
A theme sets radius as well as colour, so switching one restyles the shape of the UI too.
Native dark mode
Theme changes are applied natively by Uniwind, without re-rendering your component tree.
Accessible by default
Every interactive component wires up its role, mirrors its state, and hides decorative icons from screen readers.
Zero native modules
Pure TypeScript, tree-shakeable and typed. Runs in Expo Go with no prebuild.

26 components, documented

Each page covers the anatomy, every prop, and the variants — read straight from the library's TypeScript, so it cannot drift from the code.

Three theme families, light and dark

Tokens come from Coss UI. A family sets its own radius scale as well as its palette, so switching one changes the shape of the UI, not just the colour.

Panel
The Coss default — neutral greys, moderate corners.
Moon
Monochrome and high-contrast, with tight corners.
Grass
Green accent on warm neutrals, soft generous corners.
Read the theming guide

Frequently asked questions