diff --git a/examples/expo/App.tsx b/examples/expo/App.tsx
index e60bb5e0..16b33585 100644
--- a/examples/expo/App.tsx
+++ b/examples/expo/App.tsx
@@ -1,62 +1,15 @@
 import 'react-native-gesture-handler';
 
-// import { AMAProvider } from '@react-native-ama/core';
-import { NavigationContainer } from '@react-navigation/native';
-import {
-  NativeStackNavigationOptions,
-  createNativeStackNavigator,
-} from '@react-navigation/native-stack';
+import { AMAProvider } from '@react-native-ama/core';
 import { StatusBar } from 'expo-status-bar';
-import { StyleSheet, Text, View } from 'react-native';
 
-import { HomeScreen } from './src/screens/Home.screen';
-import { RootStackParamList } from './src/types';
+import { AppNavigator } from './src/AppNavigation';
 
 export default function App() {
   return (
-    <>
+    <AMAProvider>
       <StatusBar style="auto" />
       <AppNavigator />
-    </>
+    </AMAProvider>
   );
 }
-
-const AppNavigator = () => {
-  // const { reactNavigationScreenOptions: amaAnimationScreenOptions } = useAMAContext();
-
-  return (
-    <NavigationContainer>
-      <Stack.Navigator
-        screenOptions={{
-          ...BaseNavigatorOptions,
-          // ...amaAnimationScreenOptions,
-        }}>
-        <Stack.Screen
-          name="Home"
-          component={HomeScreen}
-          options={
-            {
-              // headerTitle: () => <Header title={'AMA Examples'} />, // Add shared header
-            }
-          }
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-};
-
-const Stack = createNativeStackNavigator<RootStackParamList>();
-
-const BaseNavigatorOptions: NativeStackNavigationOptions = {
-  headerTitleAlign: 'center',
-  headerBackVisible: false,
-};
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#fff',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-});
diff --git a/examples/expo/src/AppNavigation.tsx b/examples/expo/src/AppNavigation.tsx
new file mode 100644
index 00000000..5adaa2fd
--- /dev/null
+++ b/examples/expo/src/AppNavigation.tsx
@@ -0,0 +1,204 @@
+import {
+  BackButton,
+  BottomSheetScreen,
+  ExpandablePressableScreen,
+  FlatListDynamicScreen,
+  FlatListScreen,
+  FlatListStaticScreen,
+  FormScreen,
+  Header,
+  HomeScreen,
+  PressableScreen,
+  TextScreen,
+  TouchableOpacityScreen,
+  TouchableWithoutFeedbackScreen,
+  UseAMAContextScreen,
+  UseAnimationScreen,
+  UseReanimatedTimingScreen,
+  UseTimedActionScreen,
+} from '@examples/shared-ui';
+import { useAMAContext } from '@react-native-ama/core';
+import { NavigationContainer } from '@react-navigation/native';
+import {
+  NativeStackNavigationOptions,
+  createNativeStackNavigator,
+} from '@react-navigation/native-stack';
+import React from 'react';
+
+export const AppNavigator = () => {
+  const { reactNavigationScreenOptions: amaAnimationScreenOptions } =
+    useAMAContext();
+
+  return (
+    <NavigationContainer>
+      <Stack.Navigator
+        screenOptions={{
+          ...BaseNavigatorOptions,
+          ...amaAnimationScreenOptions,
+        }}>
+        <Stack.Screen
+          name="Home"
+          component={HomeScreen}
+          options={{
+            headerTitle: () => <Header title={'AMA Examples'} />,
+          }}
+        />
+        <Stack.Screen
+          name="Pressable"
+          component={PressableScreen}
+          options={{
+            headerLeft: () => <BackButton />,
+            headerTitle: () => <Header title={'Pressable Demo'} autofocus />,
+          }}
+        />
+        <Stack.Screen
+          name="TouchableOpacity"
+          component={TouchableOpacityScreen}
+          options={{
+            headerLeft: () => <BackButton />,
+            headerTitle: () => (
+              <Header title={'TouchableOpacity Demo'} autofocus />
+            ),
+          }}
+        />
+        <Stack.Screen
+          name="TouchableWithoutFeedback"
+          component={TouchableWithoutFeedbackScreen}
+          options={{
+            headerLeft: () => <BackButton />,
+            headerTitle: () => (
+              <Header title={'TouchableWithoutFeedback Demo'} autofocus />
+            ),
+          }}
+        />
+        <Stack.Screen
+          name="Text"
+          component={TextScreen}
+          options={{
+            headerLeft: () => <BackButton />,
+            headerTitle: () => <Header title={'Text Demo'} autofocus />,
+          }}
+        />
+        <Stack.Screen
+          name="UseAnimation"
+          component={UseAnimationScreen}
+          options={{
+            headerLeft: () => <BackButton />,
+            headerTitle: () => (
+              <Header title={'Reduce Motion Demo'} autofocus />
+            ),
+          }}
+        />
+        <Stack.Screen
+          name="UseReanimatedTiming"
+          component={UseReanimatedTimingScreen}
+          options={{
+            headerLeft: () => <BackButton />,
+            headerTitle: () => (
+              <Header title={'Reanimated Reduce Motion Demo'} autofocus />
+            ),
+          }}
+        />
+        <Stack.Screen
+          name="Form"
+          component={FormScreen}
+          options={{
+            headerLeft: () => <BackButton />,
+            headerTitle: () => <Header title={'Form Demo'} autofocus />,
+          }}
+        />
+        <Stack.Screen
+          name="FlatList"
+          component={FlatListScreen}
+          options={{
+            headerLeft: () => <BackButton />,
+            headerTitle: () => <Header title={'FlatList Demo'} autofocus />,
+          }}
+        />
+        <Stack.Screen
+          name="ExpandablePressable"
+          component={ExpandablePressableScreen}
+          options={{
+            headerLeft: () => <BackButton />,
+            headerTitle: () => (
+              <Header title={'ExpandablePressable Demo'} autofocus />
+            ),
+          }}
+        />
+        <Stack.Screen
+          name="FlatListDynamic"
+          component={FlatListDynamicScreen}
+          options={{
+            headerLeft: () => <BackButton />,
+            headerTitle: () => (
+              <Header title={'Dynamic FlatList Demo'} autofocus />
+            ),
+          }}
+        />
+        <Stack.Screen
+          name="FlatListStatic"
+          component={FlatListStaticScreen}
+          options={{
+            headerLeft: () => <BackButton />,
+            headerTitle: () => (
+              <Header title={'Static FlatList Demo'} autofocus />
+            ),
+          }}
+        />
+        <Stack.Screen
+          name="BottomSheet"
+          component={BottomSheetScreen}
+          options={{
+            headerLeft: () => <BackButton />,
+            headerTitle: () => <Header title={'BottomSheet Demo'} autofocus />,
+          }}
+        />
+        <Stack.Screen
+          name="UseTimedAction"
+          component={UseTimedActionScreen}
+          options={{
+            headerLeft: () => <BackButton />,
+            headerTitle: () => (
+              <Header title={'useTimedAction Demo'} autofocus />
+            ),
+          }}
+        />
+        <Stack.Screen
+          name="UseAMAContext"
+          component={UseAMAContextScreen}
+          options={{
+            headerLeft: () => <BackButton />,
+            headerTitle: () => (
+              <Header title={'useAMAContext Demo'} autofocus />
+            ),
+          }}
+        />
+      </Stack.Navigator>
+    </NavigationContainer>
+  );
+};
+
+const Stack = createNativeStackNavigator<StackParamList>();
+
+const BaseNavigatorOptions: NativeStackNavigationOptions = {
+  headerTitleAlign: 'center',
+  headerBackVisible: false,
+};
+
+type StackParamList = {
+  Home: undefined;
+  Pressable: undefined;
+  TouchableOpacity: undefined;
+  TouchableWithoutFeedback: undefined;
+  Text: undefined;
+  UseAnimation: undefined;
+  UseReanimatedTiming: undefined;
+  Form: undefined;
+  FlatList: undefined;
+  ExpandablePressable: undefined;
+  FlatListDynamic: undefined;
+  FlatListStatic: undefined;
+  BottomSheet: undefined;
+  UseTimedAction: undefined;
+  UseAMAContext: undefined;
+};
diff --git a/examples/expo/src/screens/Home.screen.tsx b/examples/expo/src/screens/Home.screen.tsx
deleted file mode 100644
index df470915..00000000
--- a/examples/expo/src/screens/Home.screen.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { StyleSheet, Text, View } from 'react-native';
-import { greeting } from 'test-package-greeting';
-
-export const HomeScreen = () => {
-  return (
-    <View style={styles.view}>
-      <Text>{greeting}</Text>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  view: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    // paddingVertical: theme.padding.normal, // Add shared theme
-  },
-});
diff --git a/examples/expo/src/types.ts b/examples/expo/src/types.ts
index befd0c73..e69de29b 100644
--- a/examples/expo/src/types.ts
+++ b/examples/expo/src/types.ts
@@ -1,3 +0,0 @@
-export type RootStackParamList = {
-  Home: undefined;
-};