diff --git a/docs/install-expo.mdx b/docs/install-expo.mdx
index 99a117f78..351b472cb 100644
--- a/docs/install-expo.mdx
+++ b/docs/install-expo.mdx
@@ -9,7 +9,44 @@ import { TileLink } from '../src/components';
 
 Expo helps you to create universal (iOS, Android and Web) React Native apps with no build configuration.
 
-### Create a new expo project
+
+<Tabs
+  defaultValue='new'
+  values={[
+  { label: 'New Project', value: 'new' },
+  { label: 'Existing Project', value: 'existing' }
+  ]}>
+ <TabItem value="new">
+
+### Create a new project using Expo CLI with NativeBase template
+
+<h4 style={{marginTop:"40px"}} className="mt-10 font-mono">Plain Javascript</h4>
+<div style={{maxWidth:"750px"}}>
+
+```bash
+expo init my-app --template expo-template-native-base
+```
+
+</div>
+
+<h4 className="mt-8 font-mono">With Typescript</h4>
+<div style={{maxWidth:"750px"}}>
+
+```bash
+expo init my-app --template expo-template-native-base-typescript
+```
+
+</div>
+
+Yey! you are all set, start editing App.js/App.tsx now.
+
+</TabItem>
+ 
+
+
+<TabItem value="existing">
+
+### Create a new expo project if not exist
 
 ```bash
 npm install --global expo-cli
@@ -28,7 +65,7 @@ cd my-project/
   { label: 'npm', value: 'npm' }
   ]}>
 
-  <TabItem value="yarn">
+<TabItem value="yarn">
 
 ```bash
 yarn add native-base styled-components styled-system
@@ -71,6 +108,13 @@ function App() {
 }
 ```
 
+
+
+</TabItem>
+</Tabs>
+
+
+
 <div style={{ textAlign: 'center' }}>
   <img src="/img/minion.gif" alt="minions clapping" />
 </div>
diff --git a/docs/install-rn.mdx b/docs/install-rn.mdx
index ee8445572..3e834ff34 100644
--- a/docs/install-rn.mdx
+++ b/docs/install-rn.mdx
@@ -7,7 +7,50 @@ import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 import { TileLink } from '../src/components';
 
-### Create a new project
+
+<Tabs
+  defaultValue='new'
+  values={[
+  { label: 'New Project', value: 'new' },
+  { label: 'Existing Project', value: 'existing' }
+  ]}>
+
+
+<TabItem value="new">
+
+
+
+### Create a new project using ReactNative CLI with NativeBase template
+
+[Refer this link](https://github.com/react-native-community/cli#about) to get infomation about the React Native CLI.
+
+<h4 style={{marginTop:"40px"}} className="mt-8 font-mono">Plain Javascript</h4>
+<div style={{maxWidth:"750px"}}>
+
+```bash
+npx react-native init MyApp --template react-native-template-native-base
+```
+
+</div>
+
+<h4 className="mt-8 font-mono">With Typescript</h4>
+<div style={{maxWidth:"750px"}}>
+
+```bash
+npx react-native init MyApp --template react-native-template-native-base-typescript
+```
+
+</div>
+
+Yey! you are all set, start editing App.js/App.tsx now.
+
+
+</TabItem>
+
+
+<TabItem value="existing">
+
+### Create a new project if not exist
 
 ```bash
 react-native init AwesomeNativeBase
@@ -65,6 +108,11 @@ function App() {
 }
 ```
 
+</TabItem>
+
+</Tabs>
+
+
 <div style={{ textAlign: 'center' }}>
   <img src="/img/minion.gif" />
 </div>