diff --git a/.bsb.lock b/.bsb.lock
new file mode 100644
index 0000000..d333840
--- /dev/null
+++ b/.bsb.lock
@@ -0,0 +1 @@
+90861
\ No newline at end of file
diff --git a/.merlin b/.merlin
index 5bb0f70..ad2a902 100644
--- a/.merlin
+++ b/.merlin
@@ -1,16 +1,20 @@
 ####{BSB GENERATED: NO EDIT
-FLG -ppx '/Users/prisc_000/Downloads/react-native-web-test/node_modules/bs-platform/lib/reactjs_jsx_ppx_2.exe'
-FLG -ppx /Users/prisc_000/Downloads/react-native-web-test/node_modules/bs-platform/lib/bsppx.exe
-S /Users/prisc_000/Downloads/react-native-web-test/node_modules/bs-platform/lib/ocaml
-B /Users/prisc_000/Downloads/react-native-web-test/node_modules/bs-platform/lib/ocaml
+FLG -ppx '/Users/prisc_000/working/RNWEB/reason-react-native-web-demo/node_modules/bs-platform/lib/reactjs_jsx_ppx_2.exe'
+FLG -ppx /Users/prisc_000/working/RNWEB/reason-react-native-web-demo/node_modules/bs-platform/lib/bsppx.exe
+S /Users/prisc_000/working/RNWEB/reason-react-native-web-demo/node_modules/bs-platform/lib/ocaml
+B /Users/prisc_000/working/RNWEB/reason-react-native-web-demo/node_modules/bs-platform/lib/ocaml
 FLG -nostdlib -color always
 FLG -w -30-40+6+7+27+32..39+44+45+101
-S /Users/prisc_000/Downloads/react-native-web-test/node_modules/bs-react-native/lib/ocaml
-B /Users/prisc_000/Downloads/react-native-web-test/node_modules/bs-react-native/lib/ocaml
-S /Users/prisc_000/Downloads/react-native-web-test/node_modules/reason-react/lib/ocaml
-B /Users/prisc_000/Downloads/react-native-web-test/node_modules/reason-react/lib/ocaml
+S /Users/prisc_000/working/RNWEB/reason-react-native-web-demo/node_modules/bs-react-native/lib/ocaml
+B /Users/prisc_000/working/RNWEB/reason-react-native-web-demo/node_modules/bs-react-native/lib/ocaml
+S /Users/prisc_000/working/RNWEB/reason-react-native-web-demo/node_modules/reason-react/lib/ocaml
+B /Users/prisc_000/working/RNWEB/reason-react-native-web-demo/node_modules/reason-react/lib/ocaml
 S src
 B lib/bs/src
+S src/BsReactNativeWeb
+B lib/bs/src/BsReactNativeWeb
+S src/BsReactNativeWeb/private
+B lib/bs/src/BsReactNativeWeb/private
 S src/styles
 B lib/bs/src/styles
 ####BSB GENERATED: NO EDIT}
diff --git a/package.json b/package.json
index bab7e77..37e749e 100755
--- a/package.json
+++ b/package.json
@@ -9,9 +9,9 @@
     "react": "16.8.4",
     "react-art": "16.8.4",
     "react-dom": "16.8.4",
-    "react-native-web": "0.10.0",
+    "react-native-web": "0.11.0",
     "react-scripts": "2.1.8",
-    "reason-react": "0.5.3"
+    "reason-react": "0.6.0"
   },
   "devDependencies": {
     "bs-platform": "4.0.18",
diff --git a/src/App.bs.js b/src/App.bs.js
index 2943026..83df6a5 100644
--- a/src/App.bs.js
+++ b/src/App.bs.js
@@ -1,8 +1,8 @@
 // Generated by BUCKLESCRIPT VERSION 4.0.18, PLEASE EDIT WITH CARE
 'use strict';
 
+var Link = require("./Link.bs.js");
 var Utils = require("./Utils.bs.js");
-var React = require("react");
 var Styles = require("./styles/Styles.bs.js");
 var Caml_option = require("bs-platform/lib/js/caml_option.js");
 var ReasonReact = require("reason-react/src/ReasonReact.js");
@@ -35,20 +35,13 @@ function make(_children) {
                                       ])),
                               ReasonReact.element(undefined, undefined, Text$BsReactNative.make(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, Caml_option.some(Styles.styles.text), undefined, undefined, undefined, undefined, undefined, undefined, undefined, /* array */[
                                         Utils.s("This is an example of an app built with "),
-                                        ReasonReact.element(undefined, undefined, Text$BsReactNative.make(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, /* array */[React.createElement("a", {
-                                                        href: "https://github.com/facebook/create-react-app"
-                                                      }, Utils.s("Create React App"))])),
+                                        ReasonReact.element(undefined, undefined, Link.make("https://github.com/facebook/create-react-app", undefined, "Create React App", /* array */[])),
                                         Utils.s(" and "),
-                                        ReasonReact.element(undefined, undefined, Text$BsReactNative.make(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, Caml_option.some(Styles.styles.link), undefined, undefined, undefined, undefined, undefined, undefined, undefined, /* array */[React.createElement("a", {
-                                                        href: "https://github.com/necolas/react-native-web"
-                                                      }, Utils.s("React Native for Web"))]))
+                                        ReasonReact.element(undefined, undefined, Link.make("https://github.com/necolas/react-native-web", undefined, "React Native for Web", /* array */[]))
                                       ])),
                               ReasonReact.element(undefined, undefined, Text$BsReactNative.make(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, Caml_option.some(Styles.styles.text), undefined, undefined, undefined, undefined, undefined, undefined, undefined, /* array */[
                                         Utils.s("To get started, edit "),
-                                        ReasonReact.element(undefined, undefined, Text$BsReactNative.make(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, Caml_option.some(Styles.styles.link), undefined, undefined, undefined, undefined, undefined, undefined, undefined, /* array */[React.createElement("a", {
-                                                        style: Styles.code,
-                                                        href: "https://codesandbox.io/s/q4qymyp2l6/"
-                                                      }, Utils.s("src/App.js"))])),
+                                        ReasonReact.element(undefined, undefined, Link.make("https://codesandbox.io/s/q4qymyp2l6/", Caml_option.some(Styles.styles.code), "src/App.js", /* array */[])),
                                         Utils.s(". ")
                                       ])),
                               ReasonReact.element(undefined, undefined, Button$BsReactNative.make(undefined, undefined, undefined, (function (param) {
diff --git a/src/App.re b/src/App.re
index d3aab04..494a778 100644
--- a/src/App.re
+++ b/src/App.re
@@ -18,19 +18,16 @@ let make = (_children) => {
         </View>
         <Text style=styles##text>
           "This is an example of an app built with "->s
-          <Text> <a href="https://github.com/facebook/create-react-app">
-            "Create React App"->s </a>
-          </Text>
+          <Link href="https://github.com/facebook/create-react-app"
+            value="Create React App" />
           " and "->s
-          <Text style=styles##link> <a href="https://github.com/necolas/react-native-web">
-            "React Native for Web"->s</a>
-          </Text>
+          <Link href="https://github.com/necolas/react-native-web" value=
+            "React Native for Web"/>
         </Text>
         <Text style=styles##text>
           "To get started, edit "->s
-          <Text style=styles##link> <a style=Styles.code href="https://codesandbox.io/s/q4qymyp2l6/">
-            "src/App.js"->s </a>
-          </Text>
+          <Link style=styles##code href="https://codesandbox.io/s/q4qymyp2l6/"
+            value="src/App.js" />
           ". "->s
         </Text>
         <Button onPress={() => Js.log("Example button pressed")} title="Example button" />
diff --git a/src/BsReactNativeWeb/TextWeb.bs.js b/src/BsReactNativeWeb/TextWeb.bs.js
new file mode 100644
index 0000000..e751649
--- /dev/null
+++ b/src/BsReactNativeWeb/TextWeb.bs.js
@@ -0,0 +1,104 @@
+// Generated by BUCKLESCRIPT VERSION 4.0.18, PLEASE EDIT WITH CARE
+'use strict';
+
+var $$Array = require("bs-platform/lib/js/array.js");
+var UtilsRN = require("./private/utilsRN.bs.js");
+var ReasonReact = require("reason-react/src/ReasonReact.js");
+var ReactNative = require("react-native");
+
+function CreateComponent(Impl) {
+  var make = function (accessibilityRole, accessible, allowFontScaling, ellipsizeMode, numberOfLines, onLayout, onLongPress, onPress, pressRetentionOffset, selectable, style, testID, selectionColor, textBreakStrategy, adjustsFontSizeToFit, minimumFontScale, suppressHighlighting, value, children) {
+    return ReasonReact.wrapJsForReason(Impl[/* view */0], {
+                accessibilityRole: accessibilityRole,
+                accessible: accessible,
+                allowFontScaling: allowFontScaling,
+                ellipsizeMode: UtilsRN.option_map((function (param) {
+                        if (param >= -866200747) {
+                          if (param >= -856246640) {
+                            return "tail";
+                          } else {
+                            return "middle";
+                          }
+                        } else if (param >= -989124320) {
+                          return "head";
+                        } else {
+                          return "clip";
+                        }
+                      }), ellipsizeMode),
+                numberOfLines: numberOfLines,
+                onLayout: onLayout,
+                onLongPress: onLongPress,
+                onPress: onPress,
+                pressRetentionOffset: pressRetentionOffset,
+                selectable: selectable,
+                style: style,
+                testID: testID,
+                selectionColor: selectionColor,
+                textBreakStrategy: UtilsRN.option_map((function (param) {
+                        if (param !== -128197688) {
+                          if (param >= 947848242) {
+                            return "simple";
+                          } else {
+                            return "highQuality";
+                          }
+                        } else {
+                          return "balanced";
+                        }
+                      }), textBreakStrategy),
+                adjustsFontSizeToFit: adjustsFontSizeToFit,
+                minimumFontScale: minimumFontScale,
+                suppressHighlighting: suppressHighlighting
+              }, value !== undefined ? $$Array.append(/* array */[value], children) : children);
+  };
+  return /* module */[/* make */make];
+}
+
+var Impl = /* module */[/* Text */ReactNative.Text];
+
+function make(accessibilityRole, accessible, allowFontScaling, ellipsizeMode, numberOfLines, onLayout, onLongPress, onPress, pressRetentionOffset, selectable, style, testID, selectionColor, textBreakStrategy, adjustsFontSizeToFit, minimumFontScale, suppressHighlighting, value, children) {
+  return ReasonReact.wrapJsForReason(Impl[/* view */0], {
+              accessibilityRole: accessibilityRole,
+              accessible: accessible,
+              allowFontScaling: allowFontScaling,
+              ellipsizeMode: UtilsRN.option_map((function (param) {
+                      if (param >= -866200747) {
+                        if (param >= -856246640) {
+                          return "tail";
+                        } else {
+                          return "middle";
+                        }
+                      } else if (param >= -989124320) {
+                        return "head";
+                      } else {
+                        return "clip";
+                      }
+                    }), ellipsizeMode),
+              numberOfLines: numberOfLines,
+              onLayout: onLayout,
+              onLongPress: onLongPress,
+              onPress: onPress,
+              pressRetentionOffset: pressRetentionOffset,
+              selectable: selectable,
+              style: style,
+              testID: testID,
+              selectionColor: selectionColor,
+              textBreakStrategy: UtilsRN.option_map((function (param) {
+                      if (param !== -128197688) {
+                        if (param >= 947848242) {
+                          return "simple";
+                        } else {
+                          return "highQuality";
+                        }
+                      } else {
+                        return "balanced";
+                      }
+                    }), textBreakStrategy),
+              adjustsFontSizeToFit: adjustsFontSizeToFit,
+              minimumFontScale: minimumFontScale,
+              suppressHighlighting: suppressHighlighting
+            }, value !== undefined ? $$Array.append(/* array */[value], children) : children);
+}
+
+exports.CreateComponent = CreateComponent;
+exports.make = make;
+/* Impl Not a pure module */
diff --git a/src/BsReactNativeWeb/TextWeb.re b/src/BsReactNativeWeb/TextWeb.re
new file mode 100755
index 0000000..6f1fe61
--- /dev/null
+++ b/src/BsReactNativeWeb/TextWeb.re
@@ -0,0 +1,102 @@
+module type TextComponent = {
+  let make:
+    (
+      ~accessibilityRole: string=?,
+      ~accessible: bool=?,
+      ~allowFontScaling: bool=?,
+      ~ellipsizeMode: [ | `clip | `head | `middle | `tail]=?,
+      ~numberOfLines: int=?,
+      ~onLayout: BsReactNative.RNEvent.NativeLayoutEvent.t => unit=?,
+      ~onLongPress: unit => unit=?,
+      ~onPress: unit => unit=?,
+      ~pressRetentionOffset: BsReactNative.Types.insets=?,
+      ~selectable: bool=?,
+      ~style: BsReactNative.Style.t=?,
+      ~testID: string=?,
+      ~selectionColor: string=?,
+      ~textBreakStrategy: [ | `simple | `highQuality | `balanced]=?,
+      ~adjustsFontSizeToFit: bool=?,
+      ~minimumFontScale: float=?,
+      ~suppressHighlighting: bool=?,
+      ~value: string=?,
+      array(ReasonReact.reactElement)
+    ) =>
+    ReasonReact.component(
+      ReasonReact.stateless,
+      ReasonReact.noRetainedProps,
+      unit,
+    );
+};
+
+module type Impl = {let view: ReasonReact.reactClass;};
+
+module CreateComponent = (Impl: Impl) : TextComponent => {
+  let make =
+      (
+        ~accessibilityRole=?,
+        ~accessible=?,
+        ~allowFontScaling=?,
+        ~ellipsizeMode=?,
+        ~numberOfLines=?,
+        ~onLayout=?,
+        ~onLongPress=?,
+        ~onPress=?,
+        ~pressRetentionOffset=?,
+        ~selectable=?,
+        ~style=?,
+        ~testID=?,
+        ~selectionColor=?,
+        ~textBreakStrategy=?,
+        ~adjustsFontSizeToFit=?,
+        ~minimumFontScale=?,
+        ~suppressHighlighting=?,
+        ~value=?,
+        children,
+      ) =>
+    ReasonReact.wrapJsForReason(
+      ~reactClass=Impl.view,
+      ~props={
+        "accessibilityRole": accessibilityRole,
+        "accessible": accessible,
+        "allowFontScaling": allowFontScaling,
+        "ellipsizeMode":
+          UtilsRN.option_map(
+            fun
+            | `head => "head"
+            | `middle => "middle"
+            | `tail => "tail"
+            | `clip => "clip",
+            ellipsizeMode,
+          ),
+        "numberOfLines": numberOfLines,
+        "onLayout": onLayout,
+        "onLongPress": onLongPress,
+        "onPress": onPress,
+        "pressRetentionOffset": pressRetentionOffset,
+        "selectable": selectable,
+        "style": style,
+        "testID": testID,
+        "selectionColor": selectionColor,
+        "textBreakStrategy":
+          UtilsRN.option_map(
+            fun
+            | `simple => "simple"
+            | `highQuality => "highQuality"
+            | `balanced => "balanced",
+            textBreakStrategy,
+          ),
+        "adjustsFontSizeToFit": adjustsFontSizeToFit,
+        "minimumFontScale": minimumFontScale,
+        "suppressHighlighting": suppressHighlighting,
+      },
+      switch (value) {
+      | Some(string) =>
+        Array.append([|ReasonReact.string(string)|], children)
+      | None => children
+      },
+    );
+};
+
+include CreateComponent({
+  [@bs.module "react-native"] external view: ReasonReact.reactClass = "Text";
+});
diff --git a/src/BsReactNativeWeb/ViewWeb.bs.js b/src/BsReactNativeWeb/ViewWeb.bs.js
new file mode 100644
index 0000000..bce0cac
--- /dev/null
+++ b/src/BsReactNativeWeb/ViewWeb.bs.js
@@ -0,0 +1,35 @@
+// Generated by BUCKLESCRIPT VERSION 4.0.18, PLEASE EDIT WITH CARE
+'use strict';
+
+var Props = require("./private/props.bs.js");
+var ReasonReact = require("reason-react/src/ReasonReact.js");
+var ReactNative = require("react-native");
+var ResponderUtils = require("./private/responderUtils.bs.js");
+
+function CreateComponent(Impl) {
+  var make = function (className, accessibilityRole, accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS) {
+    var partial_arg = Props.extendView(className, accessibilityRole, accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, { });
+    var partial_arg$1 = Impl[/* view */0];
+    return (function (param) {
+        return ReasonReact.wrapJsForReason(partial_arg$1, partial_arg, param);
+      });
+  };
+  return /* module */[/* make */make];
+}
+
+var Impl = /* module */[/* View */ReactNative.View];
+
+function make(className, accessibilityRole, accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS) {
+  var partial_arg = Props.extendView(className, accessibilityRole, accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, { });
+  var partial_arg$1 = Impl[/* view */0];
+  return (function (param) {
+      return ReasonReact.wrapJsForReason(partial_arg$1, partial_arg, param);
+    });
+}
+
+var responderHandlers = ResponderUtils.responderHandlers;
+
+exports.CreateComponent = CreateComponent;
+exports.make = make;
+exports.responderHandlers = responderHandlers;
+/* Impl Not a pure module */
diff --git a/src/BsReactNativeWeb/ViewWeb.re b/src/BsReactNativeWeb/ViewWeb.re
new file mode 100755
index 0000000..690c935
--- /dev/null
+++ b/src/BsReactNativeWeb/ViewWeb.re
@@ -0,0 +1,131 @@
+/*
+ Basically this file
+ https://github.com/reasonml-community/bs-react-native/blob/master/src/components/view.re
+ with react-native-web specific props
+ */
+module type ViewComponent = {
+  let make:
+    (
+      ~className: string=?,
+      ~accessibilityRole: string=?,
+      ~accessibilityLabel: string=?,
+      ~accessible: bool=?,
+      ~hitSlop: BsReactNative.Types.insets=?,
+      ~onAccessibilityTap: unit => unit=?,
+      ~onLayout: BsReactNative.RNEvent.NativeLayoutEvent.t => unit=?,
+      ~onMagicTap: unit => unit=?,
+      ~responderHandlers: BsReactNative.Types.touchResponderHandlers=?,
+      ~pointerEvents: [ | `auto | `none | `boxNone | `boxOnly]=?,
+      ~removeClippedSubviews: bool=?,
+      ~style: BsReactNative.Style.t=?,
+      ~testID: string=?,
+      ~accessibilityComponentType: [
+                                     | `none
+                                     | `button
+                                     | `radiobutton_checked
+                                     | `radiobutton_unchecked
+                                   ]
+                                     =?,
+      ~accessibilityLiveRegion: [ | `none | `polite | `assertive]=?,
+      ~collapsable: bool=?,
+      ~importantForAccessibility: [ | `auto | `yes | `no | `noHideDescendants]
+                                    =?,
+      ~needsOffscreenAlphaCompositing: bool=?,
+      ~renderToHardwareTextureAndroid: bool=?,
+      ~accessibilityTraits: list(
+                              [
+                                | `none
+                                | `button
+                                | `link
+                                | `header
+                                | `search
+                                | `image
+                                | `selected
+                                | `plays
+                                | `key
+                                | `text
+                                | `summary
+                                | `disabled
+                                | `frequentUpdates
+                                | `startsMedia
+                                | `adjustable
+                                | `allowsDirectInteraction
+                                | `pageTurn
+                              ],
+                            )
+                              =?,
+      ~accessibilityViewIsModal: bool=?,
+      ~shouldRasterizeIOS: bool=?,
+      array(ReasonReact.reactElement)
+    ) =>
+    ReasonReact.component(
+      ReasonReact.stateless,
+      ReasonReact.noRetainedProps,
+      unit,
+    );
+};
+
+module type Impl = {let view: ReasonReact.reactClass;};
+
+module CreateComponent = (Impl: Impl) : ViewComponent => {
+  let make =
+      (
+        ~className=?,
+        ~accessibilityRole=?,
+        ~accessibilityLabel=?,
+        ~accessible=?,
+        ~hitSlop=?,
+        ~onAccessibilityTap=?,
+        ~onLayout=?,
+        ~onMagicTap=?,
+        ~responderHandlers=?,
+        ~pointerEvents=?,
+        ~removeClippedSubviews=?,
+        ~style=?,
+        ~testID=?,
+        ~accessibilityComponentType=?,
+        ~accessibilityLiveRegion=?,
+        ~collapsable=?,
+        ~importantForAccessibility=?,
+        ~needsOffscreenAlphaCompositing=?,
+        ~renderToHardwareTextureAndroid=?,
+        ~accessibilityTraits=?,
+        ~accessibilityViewIsModal=?,
+        ~shouldRasterizeIOS=?,
+      ) =>
+    ReasonReact.wrapJsForReason(
+      ~reactClass=Impl.view,
+      ~props=
+        Props.extendView(
+          ~className?,
+          ~accessibilityRole?,
+          ~accessibilityLabel?,
+          ~accessible?,
+          ~hitSlop?,
+          ~onAccessibilityTap?,
+          ~onLayout?,
+          ~onMagicTap?,
+          ~responderHandlers?,
+          ~pointerEvents?,
+          ~removeClippedSubviews?,
+          ~style?,
+          ~testID?,
+          ~accessibilityComponentType?,
+          ~accessibilityLiveRegion?,
+          ~collapsable?,
+          ~importantForAccessibility?,
+          ~needsOffscreenAlphaCompositing?,
+          ~renderToHardwareTextureAndroid?,
+          ~accessibilityTraits?,
+          ~accessibilityViewIsModal?,
+          ~shouldRasterizeIOS?,
+          Js.Obj.empty(),
+        ),
+    );
+};
+
+include CreateComponent({
+  [@bs.module "react-native"] external view: ReasonReact.reactClass = "View";
+});
+
+include ResponderUtils;
diff --git a/src/BsReactNativeWeb/private/encode.bs.js b/src/BsReactNativeWeb/private/encode.bs.js
new file mode 100644
index 0000000..44f1573
--- /dev/null
+++ b/src/BsReactNativeWeb/private/encode.bs.js
@@ -0,0 +1,24 @@
+// Generated by BUCKLESCRIPT VERSION 4.0.18, PLEASE EDIT WITH CARE
+'use strict';
+
+var Block = require("bs-platform/lib/js/block.js");
+var Curry = require("bs-platform/lib/js/curry.js");
+var Printf = require("bs-platform/lib/js/printf.js");
+
+function pct(pct$1) {
+  return Curry._1(Printf.sprintf(/* Format */[
+                  /* Float */Block.__(8, [
+                      /* Float_f */0,
+                      /* No_padding */0,
+                      /* Lit_precision */[2],
+                      /* Char_literal */Block.__(12, [
+                          /* "%" */37,
+                          /* End_of_format */0
+                        ])
+                    ]),
+                  "%.2f%%"
+                ]), pct$1);
+}
+
+exports.pct = pct;
+/* No side effect */
diff --git a/src/BsReactNativeWeb/private/encode.re b/src/BsReactNativeWeb/private/encode.re
new file mode 100755
index 0000000..8a7867d
--- /dev/null
+++ b/src/BsReactNativeWeb/private/encode.re
@@ -0,0 +1,22 @@
+open BsReactNative;
+
+/** [string s] makes a JSON string of the [string] [s] */
+external string: string => Js.Json.t = "%identity"; /* [string s] makes a JSON string of the [string] [s] */
+
+/** [float n] makes a JSON number of the [float] [n] */
+external float: float => Js.Json.t = "%identity"; /* [float n] makes a JSON number of the [float] [n] */
+
+/** [int n] makes a JSON number of the [int] [n] */
+external int: int => Js.Json.t = "%identity"; /* [int n] makes a JSON number of the [int] [n] */
+
+/** [boolean b] makes a JSON boolean of the [bool] [b] */
+external boolean: bool => Js.Json.t = "%identity"; /* [boolean b] makes a JSON boolean of the [bool] [b] */
+
+/** [object_ dict] makes a JSON objet of the [Js.Dict.t] [dict] */
+external object_: Js_dict.t(Js.Json.t) => Js.Json.t = "%identity"; /* [object_ dict] makes a JSON objet of the [Js.Dict.t] [dict] */
+
+external array: array(Js.Json.t) => Js.Json.t = "%identity";
+
+external animatedValue: AnimatedRe.value('a) => Js.Json.t = "%identity";
+
+let pct = pct => string(Printf.sprintf("%.2f%%", pct));
diff --git a/src/BsReactNativeWeb/private/props.bs.js b/src/BsReactNativeWeb/private/props.bs.js
new file mode 100644
index 0000000..8d3c7d0
--- /dev/null
+++ b/src/BsReactNativeWeb/private/props.bs.js
@@ -0,0 +1,166 @@
+// Generated by BUCKLESCRIPT VERSION 4.0.18, PLEASE EDIT WITH CARE
+'use strict';
+
+var List = require("bs-platform/lib/js/list.js");
+var $$Array = require("bs-platform/lib/js/array.js");
+var Curry = require("bs-platform/lib/js/curry.js");
+var UtilsRN = require("./utilsRN.bs.js");
+
+function serialize(handlers) {
+  if (handlers !== undefined) {
+    var handlers$1 = handlers;
+    return {
+            onMoveShouldSetResponder: UtilsRN.option_map((function (g, x) {
+                    return Curry._1(g, x);
+                  }), handlers$1[/* onMoveShouldSetResponder */0]),
+            onMoveShouldSetResponderCapture: UtilsRN.option_map((function (g, x) {
+                    return Curry._1(g, x);
+                  }), handlers$1[/* onMoveShouldSetResponderCapture */1]),
+            onResponderGrant: handlers$1[/* onResponderGrant */2],
+            onResponderMove: handlers$1[/* onResponderMove */3],
+            onResponderReject: handlers$1[/* onResponderReject */4],
+            onResponderRelease: handlers$1[/* onResponderRelease */5],
+            onResponderTerminate: handlers$1[/* onResponderTerminate */6],
+            onResponderTerminationRequest: handlers$1[/* onResponderTerminationRequest */7],
+            onStartShouldSetResponder: UtilsRN.option_map((function (g, x) {
+                    return Curry._1(g, x);
+                  }), handlers$1[/* onStartShouldSetResponder */8]),
+            onStartShouldSetResponderCapture: UtilsRN.option_map((function (g, x) {
+                    return Curry._1(g, x);
+                  }), handlers$1[/* onStartShouldSetResponderCapture */9])
+          };
+  } else {
+    return { };
+  }
+}
+
+function extendView(className, accessibilityRole, accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, moreProps) {
+  return Object.assign({
+              className: className,
+              accessibilityRole: accessibilityRole,
+              accessibilityLabel: accessibilityLabel,
+              accessible: accessible,
+              hitSlop: hitSlop,
+              onAccessibilityTap: onAccessibilityTap,
+              onLayout: onLayout,
+              onMagicTap: onMagicTap,
+              removeClippedSubviews: removeClippedSubviews,
+              pointerEvents: UtilsRN.option_map((function (x) {
+                      if (x >= 416112227) {
+                        if (x >= 427151639) {
+                          return "box-only";
+                        } else {
+                          return "box-none";
+                        }
+                      } else if (x >= -922086728) {
+                        return "none";
+                      } else {
+                        return "auto";
+                      }
+                    }), pointerEvents),
+              style: style,
+              testID: testID,
+              accessibilityComponentType: UtilsRN.option_map((function (x) {
+                      if (x >= 310731477) {
+                        if (x >= 735392028) {
+                          return "radiobutton_unchecked";
+                        } else {
+                          return "radiobutton_checked-none";
+                        }
+                      } else if (x >= -639606286) {
+                        return "button";
+                      } else {
+                        return "none";
+                      }
+                    }), accessibilityComponentType),
+              accessibilityLiveRegion: UtilsRN.option_map((function (x) {
+                      if (x !== -114955603) {
+                        if (x >= 536661202) {
+                          return "assertive";
+                        } else {
+                          return "none";
+                        }
+                      } else {
+                        return "polite";
+                      }
+                    }), accessibilityLiveRegion),
+              collapsable: collapsable,
+              importantForAccessibility: UtilsRN.option_map((function (prop) {
+                      if (prop >= 24641) {
+                        if (prop >= 6039847) {
+                          return "yes";
+                        } else {
+                          return "no";
+                        }
+                      } else if (prop >= -1017075213) {
+                        return "noHideDescendants";
+                      } else {
+                        return "auto";
+                      }
+                    }), importantForAccessibility),
+              needsOffscreenAlphaCompositing: needsOffscreenAlphaCompositing,
+              renderToHardwareTextureAndroid: renderToHardwareTextureAndroid,
+              accessibilityTraits: UtilsRN.option_map((function (traits) {
+                      var to_string = function (param) {
+                        if (param >= -522290177) {
+                          if (param >= -50329203) {
+                            if (param !== 5343647) {
+                              if (param >= 829237851) {
+                                if (param >= 1030299483) {
+                                  return "image";
+                                } else {
+                                  return "selected";
+                                }
+                              } else if (param >= 15272742) {
+                                return "summary";
+                              } else {
+                                return "header";
+                              }
+                            } else {
+                              return "key";
+                            }
+                          } else if (param >= -123392599) {
+                            if (param >= -66829956) {
+                              return "disabled";
+                            } else {
+                              return "adjustable";
+                            }
+                          } else if (param >= -487088280) {
+                            return "search";
+                          } else {
+                            return "allowsDirectInteraction";
+                          }
+                        } else if (param >= -727597924) {
+                          if (param >= -683287213) {
+                            if (param >= -639606286) {
+                              return "button";
+                            } else {
+                              return "startsMedia";
+                            }
+                          } else if (param >= -707934868) {
+                            return "pageTurn";
+                          } else {
+                            return "frequentUpdates";
+                          }
+                        } else if (param >= -922086728) {
+                          if (param >= -856044371) {
+                            return "text";
+                          } else {
+                            return "none";
+                          }
+                        } else if (param >= -944564230) {
+                          return "link";
+                        } else {
+                          return "plays";
+                        }
+                      };
+                      return $$Array.of_list(List.map(to_string, traits));
+                    }), accessibilityTraits),
+              accessibilityViewIsModal: accessibilityViewIsModal,
+              shouldRasterizeIOS: shouldRasterizeIOS
+            }, moreProps, serialize(responderHandlers));
+}
+
+exports.serialize = serialize;
+exports.extendView = extendView;
+/* No side effect */
diff --git a/src/BsReactNativeWeb/private/props.re b/src/BsReactNativeWeb/private/props.re
new file mode 100755
index 0000000..03ca051
--- /dev/null
+++ b/src/BsReactNativeWeb/private/props.re
@@ -0,0 +1,151 @@
+let serialize =
+    (handlers: option(BsReactNative.Types.touchResponderHandlers)) =>
+  switch (handlers) {
+  | None => Js.Obj.empty()
+  | Some(handlers) => {
+      "onMoveShouldSetResponder":
+        UtilsRN.option_map(
+          (g, x) => g(x),
+          handlers.onMoveShouldSetResponder,
+        ),
+      "onMoveShouldSetResponderCapture":
+        UtilsRN.option_map(
+          (g, x) => g(x),
+          handlers.onMoveShouldSetResponderCapture,
+        ),
+      "onResponderGrant": handlers.onResponderGrant,
+      "onResponderMove": handlers.onResponderMove,
+      "onResponderReject": handlers.onResponderReject,
+      "onResponderRelease": handlers.onResponderRelease,
+      "onResponderTerminate": handlers.onResponderTerminate,
+      "onResponderTerminationRequest": handlers.onResponderTerminationRequest,
+      "onStartShouldSetResponder":
+        UtilsRN.option_map(
+          (g, x) => g(x),
+          handlers.onStartShouldSetResponder,
+        ),
+      "onStartShouldSetResponderCapture":
+        UtilsRN.option_map(
+          (g, x) => g(x),
+          handlers.onStartShouldSetResponderCapture,
+        ),
+    }
+  };
+
+let extendView =
+    (
+      ~className=?,
+      ~accessibilityRole=?,
+      ~accessibilityLabel=?,
+      ~accessible=?,
+      ~hitSlop=?,
+      ~onAccessibilityTap=?,
+      ~onLayout=?,
+      ~onMagicTap=?,
+      ~responderHandlers=?,
+      ~pointerEvents=?,
+      ~removeClippedSubviews=?,
+      ~style=?,
+      ~testID=?,
+      ~accessibilityComponentType=?,
+      ~accessibilityLiveRegion=?,
+      ~collapsable=?,
+      ~importantForAccessibility=?,
+      ~needsOffscreenAlphaCompositing=?,
+      ~renderToHardwareTextureAndroid=?,
+      ~accessibilityTraits=?,
+      ~accessibilityViewIsModal=?,
+      ~shouldRasterizeIOS=?,
+      moreProps,
+    ) =>
+  UtilsRN.objAssign2(
+    {
+      "className": className,
+      "accessibilityRole": accessibilityRole,
+      "accessibilityLabel": accessibilityLabel,
+      "accessible": accessible,
+      "hitSlop": hitSlop,
+      "onAccessibilityTap": onAccessibilityTap,
+      "onLayout": onLayout,
+      "onMagicTap": onMagicTap,
+      "removeClippedSubviews": removeClippedSubviews,
+      "pointerEvents":
+        UtilsRN.option_map(
+          x =>
+            switch (x) {
+            | `auto => "auto"
+            | `none => "none"
+            | `boxNone => "box-none"
+            | `boxOnly => "box-only"
+            },
+          pointerEvents,
+        ),
+      "style": style,
+      "testID": testID,
+      "accessibilityComponentType":
+        UtilsRN.option_map(
+          x =>
+            switch (x) {
+            | `none => "none"
+            | `button => "button"
+            | `radiobutton_checked => "radiobutton_checked-none"
+            | `radiobutton_unchecked => "radiobutton_unchecked"
+            },
+          accessibilityComponentType,
+        ),
+      "accessibilityLiveRegion":
+        UtilsRN.option_map(
+          x =>
+            switch (x) {
+            | `polite => "polite"
+            | `none => "none"
+            | `assertive => "assertive"
+            },
+          accessibilityLiveRegion,
+        ),
+      "collapsable": collapsable,
+      "importantForAccessibility":
+        UtilsRN.option_map(
+          prop =>
+            switch (prop) {
+            | `auto => "auto"
+            | `yes => "yes"
+            | `no => "no"
+            | `noHideDescendants => "noHideDescendants"
+            },
+          importantForAccessibility,
+        ),
+      "needsOffscreenAlphaCompositing": needsOffscreenAlphaCompositing,
+      "renderToHardwareTextureAndroid": renderToHardwareTextureAndroid,
+      "accessibilityTraits":
+        UtilsRN.option_map(
+          traits => {
+            let to_string =
+              fun
+              | `none => "none"
+              | `button => "button"
+              | `link => "link"
+              | `header => "header"
+              | `search => "search"
+              | `image => "image"
+              | `selected => "selected"
+              | `plays => "plays"
+              | `key => "key"
+              | `text => "text"
+              | `summary => "summary"
+              | `disabled => "disabled"
+              | `frequentUpdates => "frequentUpdates"
+              | `startsMedia => "startsMedia"
+              | `adjustable => "adjustable"
+              | `allowsDirectInteraction => "allowsDirectInteraction"
+              | `pageTurn => "pageTurn";
+            traits |> List.map(to_string) |> Array.of_list;
+          },
+          accessibilityTraits,
+        ),
+      "accessibilityViewIsModal": accessibilityViewIsModal,
+      "shouldRasterizeIOS": shouldRasterizeIOS,
+    },
+    moreProps,
+    serialize(responderHandlers),
+  );
diff --git a/src/BsReactNativeWeb/private/responderUtils.bs.js b/src/BsReactNativeWeb/private/responderUtils.bs.js
new file mode 100644
index 0000000..0269928
--- /dev/null
+++ b/src/BsReactNativeWeb/private/responderUtils.bs.js
@@ -0,0 +1,21 @@
+// Generated by BUCKLESCRIPT VERSION 4.0.18, PLEASE EDIT WITH CARE
+'use strict';
+
+
+function responderHandlers(onMoveShouldSetResponder, onMoveShouldSetResponderCapture, onResponderGrant, onResponderMove, onResponderReject, onResponderRelease, onResponderTerminate, onResponderTerminationRequest, onStartShouldSetResponder, onStartShouldSetResponderCapture, param) {
+  return /* record */[
+          /* onMoveShouldSetResponder */onMoveShouldSetResponder,
+          /* onMoveShouldSetResponderCapture */onMoveShouldSetResponderCapture,
+          /* onResponderGrant */onResponderGrant,
+          /* onResponderMove */onResponderMove,
+          /* onResponderReject */onResponderReject,
+          /* onResponderRelease */onResponderRelease,
+          /* onResponderTerminate */onResponderTerminate,
+          /* onResponderTerminationRequest */onResponderTerminationRequest,
+          /* onStartShouldSetResponder */onStartShouldSetResponder,
+          /* onStartShouldSetResponderCapture */onStartShouldSetResponderCapture
+        ];
+}
+
+exports.responderHandlers = responderHandlers;
+/* No side effect */
diff --git a/src/BsReactNativeWeb/private/responderUtils.re b/src/BsReactNativeWeb/private/responderUtils.re
new file mode 100755
index 0000000..4e69e77
--- /dev/null
+++ b/src/BsReactNativeWeb/private/responderUtils.re
@@ -0,0 +1,28 @@
+open BsReactNative;
+
+let responderHandlers =
+    (
+      ~onMoveShouldSetResponder=?,
+      ~onMoveShouldSetResponderCapture=?,
+      ~onResponderGrant=?,
+      ~onResponderMove=?,
+      ~onResponderReject=?,
+      ~onResponderRelease=?,
+      ~onResponderTerminate=?,
+      ~onResponderTerminationRequest=?,
+      ~onStartShouldSetResponder=?,
+      ~onStartShouldSetResponderCapture=?,
+      (),
+    )
+    : Types.touchResponderHandlers => {
+  onMoveShouldSetResponder,
+  onMoveShouldSetResponderCapture,
+  onResponderGrant,
+  onResponderMove,
+  onResponderReject,
+  onResponderRelease,
+  onResponderTerminate,
+  onResponderTerminationRequest,
+  onStartShouldSetResponder,
+  onStartShouldSetResponderCapture,
+};
diff --git a/src/BsReactNativeWeb/private/utilsRN.bs.js b/src/BsReactNativeWeb/private/utilsRN.bs.js
new file mode 100644
index 0000000..de6f1ac
--- /dev/null
+++ b/src/BsReactNativeWeb/private/utilsRN.bs.js
@@ -0,0 +1,20 @@
+// Generated by BUCKLESCRIPT VERSION 4.0.18, PLEASE EDIT WITH CARE
+'use strict';
+
+var Curry = require("bs-platform/lib/js/curry.js");
+var Caml_option = require("bs-platform/lib/js/caml_option.js");
+
+function option_map(fn, opt_value) {
+  if (opt_value !== undefined) {
+    return Caml_option.some(Curry._1(fn, Caml_option.valFromOption(opt_value)));
+  }
+  
+}
+
+function $less$less(f, g, x) {
+  return Curry._1(f, Curry._1(g, x));
+}
+
+exports.option_map = option_map;
+exports.$less$less = $less$less;
+/* No side effect */
diff --git a/src/BsReactNativeWeb/private/utilsRN.re b/src/BsReactNativeWeb/private/utilsRN.re
new file mode 100755
index 0000000..7313cef
--- /dev/null
+++ b/src/BsReactNativeWeb/private/utilsRN.re
@@ -0,0 +1,11 @@
+let option_map = (fn, opt_value) =>
+  switch (opt_value) {
+  | None => None
+  | Some(value) => Some(fn(value))
+  };
+
+[@bs.val]
+external objAssign2: (Js.t({..}), Js.t({..}), Js.t({..})) => Js.t({..}) =
+  "Object.assign";
+
+let (<<) = (f, g, x) => f(g(x));
diff --git a/src/Link.bs.js b/src/Link.bs.js
new file mode 100644
index 0000000..c3c93a7
--- /dev/null
+++ b/src/Link.bs.js
@@ -0,0 +1,48 @@
+// Generated by BUCKLESCRIPT VERSION 4.0.18, PLEASE EDIT WITH CARE
+'use strict';
+
+var Styles = require("./styles/Styles.bs.js");
+var Caml_option = require("bs-platform/lib/js/caml_option.js");
+var ReasonReact = require("reason-react/src/ReasonReact.js");
+var ReactNative = require("react-native");
+var Text$BsReactNative = require("bs-react-native/src/components/text.js");
+var Style$BsReactNative = require("bs-react-native/src/style.js");
+
+var component = ReasonReact.statelessComponent("Link");
+
+function make(href, style, value, _children) {
+  return /* record */[
+          /* debugName */component[/* debugName */0],
+          /* reactClassInternal */component[/* reactClassInternal */1],
+          /* handedOffState */component[/* handedOffState */2],
+          /* willReceiveProps */component[/* willReceiveProps */3],
+          /* didMount */component[/* didMount */4],
+          /* didUpdate */component[/* didUpdate */5],
+          /* willUnmount */component[/* willUnmount */6],
+          /* willUpdate */component[/* willUpdate */7],
+          /* shouldUpdate */component[/* shouldUpdate */8],
+          /* render */(function (_self) {
+              var linkStyle = style !== undefined ? Style$BsReactNative.concat(/* :: */[
+                      Styles.styles.link,
+                      /* :: */[
+                        Caml_option.valFromOption(style),
+                        /* [] */0
+                      ]
+                    ]) : Styles.styles.link;
+              return ReasonReact.element(undefined, undefined, Text$BsReactNative.make(undefined, undefined, undefined, undefined, undefined, undefined, (function (param) {
+                                ReactNative.Linking.openURL(href).then((function (param) {
+                                        return Promise.resolve((console.log("opened " + href), /* () */0));
+                                      }));
+                                return /* () */0;
+                              }), undefined, undefined, Caml_option.some(linkStyle), undefined, undefined, undefined, undefined, undefined, undefined, value, /* array */[]));
+            }),
+          /* initialState */component[/* initialState */10],
+          /* retainedProps */component[/* retainedProps */11],
+          /* reducer */component[/* reducer */12],
+          /* jsElementWrapped */component[/* jsElementWrapped */13]
+        ];
+}
+
+exports.component = component;
+exports.make = make;
+/* component Not a pure module */
diff --git a/src/Link.re b/src/Link.re
new file mode 100644
index 0000000..98c68c2
--- /dev/null
+++ b/src/Link.re
@@ -0,0 +1,23 @@
+open BsReactNative;
+let component = ReasonReact.statelessComponent("Link");
+
+let make = (~href:string,~style=?, ~value:string,_children) => {
+  ...component,
+  render: (_self) => {
+    let linkStyle = switch(style) {
+      | None => Styles.styles##link
+      | Some(style) => Style.concat([Styles.styles##link, style])
+    };
+    // let linkStyle = style ?
+    // Style.concat([Styles.styles##link, style]) : Styles.styles##link;
+    <Text
+      onPress={() => Js.Promise.(
+        Linking.openURL(href)
+        |> then_(_ => Js.log("opened " ++ href) |> resolve)
+        |> ignore
+      )}
+      style=linkStyle
+      value
+     />
+     }
+};
\ No newline at end of file