Install in Next.js project | NativeBase | Universal Components for React and React Native

Search
K
Hire us
Data Display
Typography
Disclosure
Media and Icons
Others
If you are starting a new project, please try gluestack-ui for better performance and new design.
Install in Next.js project
New Project
Existing Project
Create a new project using Next.js CLI with NativeBase template
yarn
npx
Choose your preferred setting and start your development swiftly 🚀
Plain Javascript
Copy
yarn create next-app -e https://github.com/GeekyAnts/nativebase-templates/tree/master/nextjs-with-native-base
Yey! you are all set, start editing src/pages/index.js now.
With Typescript
Copy
yarn create next-app -e https://github.com/GeekyAnts/nativebase-templates/tree/master/nextjs-with-native-base-typescript
Yey! you are all set, start editing src/pages/index.tsx now.
minions clapping
NOTE
Make sure to update your root element styles as
shown here
Nativebase logo
MadeWithNativeBase
Gluestack logo
gluestack-ui