gitmyhub

NativeBase

TypeScript ★ 20k updated 4mo ago

Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.

A component library providing 40+ pre-built UI elements for React Native and web apps, with built-in accessibility, theming, and cross-platform consistency.

TypeScriptReact NativeExpoReact Native WebReactsetup: easycomplexity 3/5

NativeBase is a component library for React Native and the web, built to help developers create consistent user interfaces across Android, iOS, and web browsers without having to build everything from scratch. It provides roughly 40 pre-built UI components — buttons, forms, checkboxes, badges, alerts, modals, navigation elements, and more — that behave and look consistently no matter which platform they run on.

The library was designed with accessibility baked in from the start, using standard ARIA patterns so that screen readers and other assistive technologies work out of the box. It also supports theming, meaning you can define your app's colors, fonts, and spacing once and have every component follow those rules automatically, including a built-in dark mode. Responsiveness is handled through a utility-props system (inspired by tools like TailwindCSS), where instead of writing separate style rules for different screen sizes you pass in an object with values for each breakpoint.

NativeBase runs on top of React Native and Expo, and web support is provided via React Native Web. The maintainers have noted that the project is now deprecated and has evolved into a successor library called gluestack-ui, which they recommend for new projects.

For existing projects using NativeBase, or teams evaluating it for historical context, it is most relevant to developers building cross-platform React Native apps who want a production-ready UI component foundation without designing every element themselves.

Where it fits