react native app ui design

Mobile-first, accessible
components for
React Native & Web

NativeBase is an accessible, utility-first component library that helps you build consistent UI across Android, iOS and Web.

Highly Themeable. The Only Limit Is Your Imagination

Themeability is one of the core elements of NativeBase. Customise your app theme and component styles to your heart's content.

Know More

Out of the Box Accessibility

Know More

Keyboard Interactions

NativeBase primitives provide basic keyboard support for your apps so that users can navigate it without a mouse.

Screen Readers

Screen readers facilitate text-to-speech conversion and detect crucial content to be conveyed to people with visual disabilities.

Contrast Ratio

NativeBase gives you a contrasting colour based on your theme. You can also customise it using the useAccessibleColors hook.

Now Supporting Utility Props

Inspired by Styled System

Inspired by Styled System so you can rapidly build custom UI components with constraint-based utility style props.

Know More

Kitchen Sink

Kitchen Sink is a comprehensive demo app showcasing all the NativeBase components in action. It includes buttons, forms, icons and much more!

Try it on web

Rich Component Library

NativeBase offers nearly 40 components so you can build seamlessly. It includes action sheets, menus, spinners, popovers, breadcrumbs and more.

Storybook

Responsiveness Made Easy

Instead of manually adding responsiveness, NativeBase V3 allows you to provide object and array values to add responsive styles.

Know More

Now with Dark Mode

Building apps with a dark mode setting just got a whole lot easier. NativeBase is now optimised for light and dark modes.

Know More

Premium Screens to build your next project

Kickstart your next big idea with our 80+ responsive and rigorously tested screens built using NativeBase.

Try NativeBase Starter Kit

Test Drive NativeBase Startup+ with a free template created by the NativeBase team.

Scan with Expo app

Consistent across Web, Android & iOS

Whether you're building for the web, Android or iOS, we've got you covered. Fast-track your dev process with universal components.

Know More

We Are Growing

NativeBase is a popular component library among devs & we're constantly improving it.

Our Community

We have a lively community built on our shared love for React & React Native. Join us!

What are people saying?

Here's what other React devs have to say about NativeBase.

Twitter Profile Image of Reviewer

Adarsh Jaiswal

@jaisadarsh123

The level of customisable theme being provided by @NativeBaseIO alpha is really great to see. ⭐Eagerly waiting for the fully stable version.

Twitter Profile Image of Reviewer

Ichiro Kimura | anect CEO

@kag_web

By the way, NativeBase v3 is really amazing. Especially we love that we can build custom UI components with constraint-based utility-style props. Thank you for creating this wonderful design system :)

Twitter Profile Image of Reviewer

I've never been more impressed by a UI component library than @NativeBaseIO right now. First class support for Skeleton components! 🤯

Twitter Profile Image of Reviewer

Native base 3.0 🔥🔥. Now I can get the chakra UI feeling on react native too. Lovely work guys! @NativeBaseIO

Talks and Articles

Check out Sanket Sahu's talk on building an accessible component library for native and web at React Day Bangalore.

nb-talk-banner

Invite us to speak at your next event

We love sharing knowledge and meeting other passionate devs. Invite a NativeBase creator to speak at your next event, we promise to keep things interesting!

Send Invite

Meet the Creators

NativeBase 3.0 has come to fruition only due to the amazing team that worked tirelessly on it. Kudos to our creators!

Our Sponsors

We are very grateful to those who believe in what we do. Here's to all our wonderful sponsors!

Become a sponsor

More from the Authors

Curious about what else we've worked on? We are delighted! Take a look at a few of our other projects.