diff --git a/example/src/Orientation/index.js b/example/src/Orientation/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..ab9df8be22b2f6254c98a9a0cce0011111a808f5
--- /dev/null
+++ b/example/src/Orientation/index.js
@@ -0,0 +1,45 @@
+import React, {
+  Component,
+} from "react";
+import {
+  ScrollView,
+  StyleSheet,
+  View,
+} from "react-native";
+import { Blur } from "gl-react-blur";
+import { Surface } from "gl-react-native";
+
+const styles = StyleSheet.create({
+  container: {
+    marginTop: 40,
+    flexDirection: "row",
+    flexWrap: "wrap",
+  }
+});
+
+const samples = [1,2,3,4,5,6,7,8];
+
+export default class Orientation extends Component {
+  render () {
+    return (
+<ScrollView>
+<View style={styles.container}>
+  {samples.map(i =>
+    <Surface key={`landscape_${i}`} width={120} height={90}>
+      <Blur factor={0.2} passes={2}>
+        {`https://raw.githubusercontent.com/recurser/exif-orientation-examples/master/Landscape_${i}.jpg`}
+      </Blur>
+    </Surface>)}
+</View>
+<View style={styles.container}>
+  {samples.map(i =>
+    <Surface key={`portrait_${i}`} width={120} height={160}>
+      <Blur factor={0.2} passes={2}>
+        {`https://raw.githubusercontent.com/recurser/exif-orientation-examples/master/Portrait_${i}.jpg`}
+      </Blur>
+    </Surface>)}
+</View>
+</ScrollView>
+    );
+  }
+}
diff --git a/example/src/index.js b/example/src/index.js
index 93806439f2dbda4a0c28f155bbc7fa42b9b2c013..6130c52ffb0c463680daf137b5cdbe506f1454ed 100644
--- a/example/src/index.js
+++ b/example/src/index.js
@@ -7,8 +7,17 @@ import Hearts from "./Hearts";
 import Tests from "./Tests";
 import Animated from "./Animated";
 import Particles from "./Particles";
+import Orientation from "./Orientation";
 
-const screens = { Simple, AdvancedEffects, Hearts, Tests, Animated, Particles };
+const screens = {
+  Simple,
+  AdvancedEffects,
+  Hearts,
+  Tests,
+  Animated,
+  Particles,
+  Orientation,
+};
 
 const homeRoute = {
   id: "home",