diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index be9cb2642..146e07743 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -33,7 +33,7 @@ repos:
         types: [text]
         args:
           - --exclude-file=tests/sample/manifest_model_version.json
-          - --skip=**/manifest.json
+          - --skip=**/manifest.json,**.min.js
           - -L connexion,aci
   - repo: https://github.com/pre-commit/pygrep-hooks
     rev: v1.10.0
diff --git a/cosmos/plugin/__init__.py b/cosmos/plugin/__init__.py
new file mode 100644
index 000000000..48061b254
--- /dev/null
+++ b/cosmos/plugin/__init__.py
@@ -0,0 +1,202 @@
+import os.path as op
+from typing import Any, Dict, Optional, Tuple
+from urllib.parse import urlsplit
+
+from airflow.configuration import conf
+from airflow.plugins_manager import AirflowPlugin
+from airflow.security import permissions
+from airflow.www.auth import has_access
+from airflow.www.views import AirflowBaseView
+from flask import abort, url_for
+from flask_appbuilder import AppBuilder, expose
+
+
+def bucket_and_key(path: str) -> Tuple[str, str]:
+    parsed_url = urlsplit(path)
+    bucket = parsed_url.netloc
+    key = parsed_url.path.lstrip("/")
+    return bucket, key
+
+
+def open_s3_file(conn_id: Optional[str], path: str) -> str:
+    from airflow.providers.amazon.aws.hooks.s3 import S3Hook
+
+    if conn_id is None:
+        conn_id = S3Hook.default_conn_name
+
+    hook = S3Hook(aws_conn_id=conn_id)
+    bucket, key = bucket_and_key(path)
+    content = hook.read_key(key=key, bucket_name=bucket)
+    return content  # type: ignore[no-any-return]
+
+
+def open_gcs_file(conn_id: Optional[str], path: str) -> str:
+    from airflow.providers.google.cloud.hooks.gcs import GCSHook
+
+    if conn_id is None:
+        conn_id = GCSHook.default_conn_name
+
+    hook = GCSHook(gcp_conn_id=conn_id)
+    bucket, blob = bucket_and_key(path)
+    content = hook.download(bucket_name=bucket, object_name=blob)
+    return content.decode("utf-8")  # type: ignore[no-any-return]
+
+
+def open_azure_file(conn_id: Optional[str], path: str) -> str:
+    from airflow.providers.microsoft.azure.hooks.wasb import WasbHook
+
+    if conn_id is None:
+        conn_id = WasbHook.default_conn_name
+
+    hook = WasbHook(wasb_conn_id=conn_id)
+
+    container, blob = bucket_and_key(path)
+    content = hook.read_file(container_name=container, blob_name=blob)
+    return content  # type: ignore[no-any-return]
+
+
+def open_http_file(conn_id: Optional[str], path: str) -> str:
+    from airflow.providers.http.hooks.http import HttpHook
+
+    if conn_id is None:
+        conn_id = ""
+
+    hook = HttpHook(method="GET", http_conn_id=conn_id)
+    res = hook.run(endpoint=path)
+    hook.check_response(res)
+    return res.text  # type: ignore[no-any-return]
+
+
+def open_file(path: str) -> str:
+    """Retrieve a file from http, https, gs, s3, or wasb."""
+    conn_id: Optional[str] = conf.get("cosmos", "dbt_docs_conn_id", fallback=None)
+
+    if path.strip().startswith("s3://"):
+        return open_s3_file(conn_id=conn_id, path=path)
+    elif path.strip().startswith("gs://"):
+        return open_gcs_file(conn_id=conn_id, path=path)
+    elif path.strip().startswith("wasb://"):
+        return open_azure_file(conn_id=conn_id, path=path)
+    elif path.strip().startswith("http://") or path.strip().startswith("https://"):
+        return open_http_file(conn_id=conn_id, path=path)
+    else:
+        with open(path) as f:
+            content = f.read()
+        return content  # type: ignore[no-any-return]
+
+
+iframe_script = """
+<script>
+  function getMaxElement(side, elements_query) {
+    var elements = document.querySelectorAll(elements_query)
+    var elementsLength = elements.length,
+      elVal = 0,
+      maxVal = 0,
+      Side = capitalizeFirstLetter(side),
+      timer = Date.now()
+
+    for (var i = 0; i < elementsLength; i++) {
+      elVal =
+        elements[i].getBoundingClientRect()[side] +
+        getComputedStyleWrapper('margin' + Side, elements[i])
+      if (elVal > maxVal) {
+        maxVal = elVal
+      }
+    }
+
+    timer = Date.now() - timer
+
+    chkEventThottle(timer)
+
+    return maxVal
+  }
+  var throttledTimer = 16
+  function chkEventThottle(timer) {
+    if (timer > throttledTimer / 2) {
+      throttledTimer = 2 * timer
+    }
+  }
+  function capitalizeFirstLetter(string) {
+    return string.charAt(0).toUpperCase() + string.slice(1)
+  }
+  function getComputedStyleWrapper(prop, el) {
+    var retVal = 0
+    el = el || document.body // Not testable in phantonJS
+
+    retVal = document.defaultView.getComputedStyle(el, null)
+    retVal = null === retVal ? 0 : retVal[prop]
+
+    return parseInt(retVal)
+  }
+  window.iFrameResizer = {
+    heightCalculationMethod: function getHeight() {
+      return Math.max(
+        // Overview page
+        getMaxElement('bottom', 'div.panel.panel-default') + 50,
+        // Model page
+        getMaxElement('bottom', 'section.section') + 75,
+        // Search page
+        getMaxElement('bottom', 'div.result-body') + 110
+      )
+    }
+  }
+</script>
+"""
+
+
+class DbtDocsView(AirflowBaseView):
+    default_view = "dbt_docs"
+    route_base = "/cosmos"
+    template_folder = op.join(op.dirname(__file__), "templates")
+    static_folder = op.join(op.dirname(__file__), "static")
+
+    def create_blueprint(
+        self, appbuilder: AppBuilder, endpoint: Optional[str] = None, static_folder: Optional[str] = None
+    ) -> None:
+        # Make sure the static folder is not overwritten, as we want to use it.
+        return super().create_blueprint(appbuilder, endpoint=endpoint, static_folder=self.static_folder)  # type: ignore[no-any-return]
+
+    @expose("/dbt_docs")  # type: ignore[misc]
+    @has_access([(permissions.ACTION_CAN_READ, permissions.RESOURCE_WEBSITE)])
+    def dbt_docs(self) -> str:
+        if conf.get("cosmos", "dbt_docs_dir", fallback=None) is None:
+            return self.render_template("dbt_docs_not_set_up.html")  # type: ignore[no-any-return,no-untyped-call]
+        return self.render_template("dbt_docs.html")  # type: ignore[no-any-return,no-untyped-call]
+
+    @expose("/dbt_docs_index.html")  # type: ignore[misc]
+    @has_access([(permissions.ACTION_CAN_READ, permissions.RESOURCE_WEBSITE)])
+    def dbt_docs_index(self) -> str:
+        docs_dir = conf.get("cosmos", "dbt_docs_dir", fallback=None)
+        if docs_dir is None:
+            abort(404)
+        html = open_file(op.join(docs_dir, "index.html"))
+        # Hack the dbt docs to render properly in an iframe
+        iframe_resizer_url = url_for(".static", filename="iframeResizer.contentWindow.min.js")
+        html = html.replace("</head>", f'{iframe_script}<script src="{iframe_resizer_url}"></script></head>', 1)
+        return html
+
+    @expose("/catalog.json")  # type: ignore[misc]
+    @has_access([(permissions.ACTION_CAN_READ, permissions.RESOURCE_WEBSITE)])
+    def catalog(self) -> Tuple[str, int, Dict[str, Any]]:
+        docs_dir = conf.get("cosmos", "dbt_docs_dir", fallback=None)
+        if docs_dir is None:
+            abort(404)
+        data = open_file(op.join(docs_dir, "catalog.json"))
+        return data, 200, {"Content-Type": "application/json"}
+
+    @expose("/manifest.json")  # type: ignore[misc]
+    @has_access([(permissions.ACTION_CAN_READ, permissions.RESOURCE_WEBSITE)])
+    def manifest(self) -> Tuple[str, int, Dict[str, Any]]:
+        docs_dir = conf.get("cosmos", "dbt_docs_dir", fallback=None)
+        if docs_dir is None:
+            abort(404)
+        data = open_file(op.join(docs_dir, "manifest.json"))
+        return data, 200, {"Content-Type": "application/json"}
+
+
+dbt_docs_view = DbtDocsView()
+
+
+class CosmosPlugin(AirflowPlugin):
+    name = "cosmos"
+    appbuilder_views = [{"name": "dbt Docs", "category": "Browse", "view": dbt_docs_view}]
diff --git a/cosmos/plugin/static/iframeResizer.contentWindow.min.js b/cosmos/plugin/static/iframeResizer.contentWindow.min.js
new file mode 100644
index 000000000..914161c09
--- /dev/null
+++ b/cosmos/plugin/static/iframeResizer.contentWindow.min.js
@@ -0,0 +1,9 @@
+/*! iFrame Resizer (iframeSizer.contentWindow.min.js) - v4.3.5 - 2023-03-08
+ *  Desc: Include this file in any page being loaded into an iframe
+ *        to force the iframe to resize to the content size.
+ *  Requires: iframeResizer.min.js on host page.
+ *  Copyright: (c) 2023 David J. Bradshaw - dave@bradshaw.net
+ *  License: MIT
+ */
+!function(a){if("undefined"!=typeof window){var r=!0,P="",u=0,c="",s=null,D="",d=!1,j={resize:1,click:1},l=128,q=!0,f=1,n="bodyOffset",m=n,H=!0,W="",h={},g=32,B=null,p=!1,v=!1,y="[iFrameSizer]",J=y.length,w="",U={max:1,min:1,bodyScroll:1,documentElementScroll:1},b="child",V=!0,X=window.parent,T="*",E=0,i=!1,Y=null,O=16,S=1,K="scroll",M=K,Q=window,G=function(){x("onMessage function not defined")},Z=function(){},$=function(){},_={height:function(){return x("Custom height calculation function not defined"),document.documentElement.offsetHeight},width:function(){return x("Custom width calculation function not defined"),document.body.scrollWidth}},ee={},te=!1;try{var ne=Object.create({},{passive:{get:function(){te=!0}}});window.addEventListener("test",ae,ne),window.removeEventListener("test",ae,ne)}catch(e){}var oe,o,I,ie,N,A,C={bodyOffset:function(){return document.body.offsetHeight+ye("marginTop")+ye("marginBottom")},offset:function(){return C.bodyOffset()},bodyScroll:function(){return document.body.scrollHeight},custom:function(){return _.height()},documentElementOffset:function(){return document.documentElement.offsetHeight},documentElementScroll:function(){return document.documentElement.scrollHeight},max:function(){return Math.max.apply(null,e(C))},min:function(){return Math.min.apply(null,e(C))},grow:function(){return C.max()},lowestElement:function(){return Math.max(C.bodyOffset()||C.documentElementOffset(),we("bottom",Te()))},taggedElement:function(){return be("bottom","data-iframe-height")}},z={bodyScroll:function(){return document.body.scrollWidth},bodyOffset:function(){return document.body.offsetWidth},custom:function(){return _.width()},documentElementScroll:function(){return document.documentElement.scrollWidth},documentElementOffset:function(){return document.documentElement.offsetWidth},scroll:function(){return Math.max(z.bodyScroll(),z.documentElementScroll())},max:function(){return Math.max.apply(null,e(z))},min:function(){return Math.min.apply(null,e(z))},rightMostElement:function(){return we("right",Te())},taggedElement:function(){return be("right","data-iframe-width")}},re=(oe=Ee,N=null,A=0,function(){var e=Date.now(),t=O-(e-(A=A||e));return o=this,I=arguments,t<=0||O<t?(N&&(clearTimeout(N),N=null),A=e,ie=oe.apply(o,I),N||(o=I=null)):N=N||setTimeout(Oe,t),ie});k(window,"message",function(t){var n={init:function(){W=t.data,X=t.source,se(),q=!1,setTimeout(function(){H=!1},l)},reset:function(){H?R("Page reset ignored by init"):(R("Page size reset by host page"),Me("resetPage"))},resize:function(){L("resizeParent","Parent window requested size check")},moveToAnchor:function(){h.findTarget(i())},inPageLink:function(){this.moveToAnchor()},pageInfo:function(){var e=i();R("PageInfoFromParent called from parent: "+e),$(JSON.parse(e)),R(" --")},message:function(){var e=i();R("onMessage called from parent: "+e),G(JSON.parse(e)),R(" --")}};function o(){return t.data.split("]")[1].split(":")[0]}function i(){return t.data.slice(t.data.indexOf(":")+1)}function r(){return t.data.split(":")[2]in{true:1,false:1}}function e(){var e=o();e in n?n[e]():("undefined"==typeof module||!module.exports)&&"iFrameResize"in window||window.jQuery!==a&&"iFrameResize"in window.jQuery.prototype||r()||x("Unexpected message ("+t.data+")")}y===(""+t.data).slice(0,J)&&(!1===q?e():r()?n.init():R('Ignored message of type "'+o()+'". Received before initialization.'))}),k(window,"readystatechange",Ne),Ne()}function ae(){}function k(e,t,n,o){e.addEventListener(t,n,!!te&&(o||{}))}function ue(e){return e.charAt(0).toUpperCase()+e.slice(1)}function ce(e){return y+"["+w+"] "+e}function R(e){p&&"object"==typeof window.console&&console.log(ce(e))}function x(e){"object"==typeof window.console&&console.warn(ce(e))}function se(){function e(e){return"true"===e}function t(e,t){return"function"==typeof e&&(R("Setup custom "+t+"CalcMethod"),_[t]=e,e="custom"),e}{var n;n=W.slice(J).split(":"),w=n[0],u=a===n[1]?u:Number(n[1]),d=a===n[2]?d:e(n[2]),p=a===n[3]?p:e(n[3]),g=a===n[4]?g:Number(n[4]),r=a===n[6]?r:e(n[6]),c=n[7],m=a===n[8]?m:n[8],P=n[9],D=n[10],E=a===n[11]?E:Number(n[11]),h.enable=a!==n[12]&&e(n[12]),b=a===n[13]?b:n[13],M=a===n[14]?M:n[14],v=a===n[15]?v:e(n[15]),R("Initialising iFrame ("+window.location.href+")"),"iFrameResizer"in window&&Object===window.iFrameResizer.constructor&&(n=window.iFrameResizer,R("Reading data from page: "+JSON.stringify(n)),Object.keys(n).forEach(de,n),G="onMessage"in n?n.onMessage:G,Z="onReady"in n?n.onReady:Z,T="targetOrigin"in n?n.targetOrigin:T,m="heightCalculationMethod"in n?n.heightCalculationMethod:m,M="widthCalculationMethod"in n?n.widthCalculationMethod:M,m=t(m,"height"),M=t(M,"width"))}function o(e){F(0,0,e.type,e.screenY+":"+e.screenX)}function i(e,t){R("Add event listener: "+t),k(window.document,e,o)}R("TargetOrigin for parent set to: "+T),le("margin",function(e,t){-1!==t.indexOf("-")&&(x("Negative CSS value ignored for "+e),t="");return t}("margin",c=a===c?u+"px":c)),le("background",P),le("padding",D),(n=document.createElement("div")).style.clear="both",n.style.display="block",n.style.height="0",document.body.appendChild(n),he(),ge(),document.documentElement.style.height="",document.body.style.height="",R('HTML & body height set to "auto"'),R("Enable public methods"),Q.parentIFrame={autoResize:function(e){return!0===e&&!1===r?(r=!0,pe()):!1===e&&!0===r&&(r=!1,fe("remove"),null!==s&&s.disconnect(),clearInterval(B)),F(0,0,"autoResize",JSON.stringify(r)),r},close:function(){F(0,0,"close")},getId:function(){return w},getPageInfo:function(e){"function"==typeof e?($=e,F(0,0,"pageInfo")):($=function(){},F(0,0,"pageInfoStop"))},moveToAnchor:function(e){h.findTarget(e)},reset:function(){Ie("parentIFrame.reset")},scrollTo:function(e,t){F(t,e,"scrollTo")},scrollToOffset:function(e,t){F(t,e,"scrollToOffset")},sendMessage:function(e,t){F(0,0,"message",JSON.stringify(e),t)},setHeightCalculationMethod:function(e){m=e,he()},setWidthCalculationMethod:function(e){M=e,ge()},setTargetOrigin:function(e){R("Set targetOrigin: "+e),T=e},size:function(e,t){L("size","parentIFrame.size("+((e||"")+(t?","+t:""))+")",e,t)}},!0===v&&(i("mouseenter","Mouse Enter"),i("mouseleave","Mouse Leave")),pe(),h=function(){function n(e){var e=e.getBoundingClientRect(),t={x:window.pageXOffset===a?document.documentElement.scrollLeft:window.pageXOffset,y:window.pageYOffset===a?document.documentElement.scrollTop:window.pageYOffset};return{x:parseInt(e.left,10)+parseInt(t.x,10),y:parseInt(e.top,10)+parseInt(t.y,10)}}function o(e){var e=e.split("#")[1]||e,t=decodeURIComponent(e),t=document.getElementById(t)||document.getElementsByName(t)[0];a===t?(R("In page link (#"+e+") not found in iFrame, so sending to parent"),F(0,0,"inPageLink","#"+e)):(t=n(t=t),R("Moving to in page link (#"+e+") at x: "+t.x+" y: "+t.y),F(t.y,t.x,"scrollToOffset"))}function e(){var e=window.location.hash,t=window.location.href;""!==e&&"#"!==e&&o(t)}function t(){Array.prototype.forEach.call(document.querySelectorAll('a[href^="#"]'),function(e){"#"!==e.getAttribute("href")&&k(e,"click",function(e){e.preventDefault(),o(this.getAttribute("href"))})})}function i(){Array.prototype.forEach&&document.querySelectorAll?(R("Setting up location.hash handlers"),t(),k(window,"hashchange",e),setTimeout(e,l)):x("In page linking not fully supported in this browser! (See README.md for IE8 workaround)")}h.enable?i():R("In page linking not enabled");return{findTarget:o}}(),L("init","Init message from host page"),Z()}function de(e){var t=e.split("Callback");2===t.length&&(this[t="on"+t[0].charAt(0).toUpperCase()+t[0].slice(1)]=this[e],delete this[e],x("Deprecated: '"+e+"' has been renamed '"+t+"'. The old method will be removed in the next major version."))}function le(e,t){a!==t&&""!==t&&"null"!==t&&R("Body "+e+' set to "'+(document.body.style[e]=t)+'"')}function t(n){var e={add:function(e){function t(){L(n.eventName,n.eventType)}ee[e]=t,k(window,e,t,{passive:!0})},remove:function(e){var t=ee[e];delete ee[e],window.removeEventListener(e,t,!1)}};n.eventNames&&Array.prototype.map?(n.eventName=n.eventNames[0],n.eventNames.map(e[n.method])):e[n.method](n.eventName),R(ue(n.method)+" event listener: "+n.eventType)}function fe(e){t({method:e,eventType:"Animation Start",eventNames:["animationstart","webkitAnimationStart"]}),t({method:e,eventType:"Animation Iteration",eventNames:["animationiteration","webkitAnimationIteration"]}),t({method:e,eventType:"Animation End",eventNames:["animationend","webkitAnimationEnd"]}),t({method:e,eventType:"Input",eventName:"input"}),t({method:e,eventType:"Mouse Up",eventName:"mouseup"}),t({method:e,eventType:"Mouse Down",eventName:"mousedown"}),t({method:e,eventType:"Orientation Change",eventName:"orientationchange"}),t({method:e,eventType:"Print",eventNames:["afterprint","beforeprint"]}),t({method:e,eventType:"Ready State Change",eventName:"readystatechange"}),t({method:e,eventType:"Touch Start",eventName:"touchstart"}),t({method:e,eventType:"Touch End",eventName:"touchend"}),t({method:e,eventType:"Touch Cancel",eventName:"touchcancel"}),t({method:e,eventType:"Transition Start",eventNames:["transitionstart","webkitTransitionStart","MSTransitionStart","oTransitionStart","otransitionstart"]}),t({method:e,eventType:"Transition Iteration",eventNames:["transitioniteration","webkitTransitionIteration","MSTransitionIteration","oTransitionIteration","otransitioniteration"]}),t({method:e,eventType:"Transition End",eventNames:["transitionend","webkitTransitionEnd","MSTransitionEnd","oTransitionEnd","otransitionend"]}),"child"===b&&t({method:e,eventType:"IFrame Resized",eventName:"resize"})}function me(e,t,n,o){return t!==e&&(e in n||(x(e+" is not a valid option for "+o+"CalculationMethod."),e=t),R(o+' calculation method set to "'+e+'"')),e}function he(){m=me(m,n,C,"height")}function ge(){M=me(M,K,z,"width")}function pe(){var e;!0===r?(fe("add"),e=g<0,window.MutationObserver||window.WebKitMutationObserver?e?ve():s=function(){function t(e){function t(e){!1===e.complete&&(R("Attach listeners to "+e.src),e.addEventListener("load",i,!1),e.addEventListener("error",r,!1),u.push(e))}"attributes"===e.type&&"src"===e.attributeName?t(e.target):"childList"===e.type&&Array.prototype.forEach.call(e.target.querySelectorAll("img"),t)}function o(e){R("Remove listeners from "+e.src),e.removeEventListener("load",i,!1),e.removeEventListener("error",r,!1),u.splice(u.indexOf(e),1)}function n(e,t,n){o(e.target),L(t,n+": "+e.target.src)}function i(e){n(e,"imageLoad","Image loaded")}function r(e){n(e,"imageLoadFailed","Image load failed")}function a(e){L("mutationObserver","mutationObserver: "+e[0].target+" "+e[0].type),e.forEach(t)}var u=[],c=window.MutationObserver||window.WebKitMutationObserver,s=function(){var e=document.querySelector("body");return s=new c(a),R("Create body MutationObserver"),s.observe(e,{attributes:!0,attributeOldValue:!1,characterData:!0,characterDataOldValue:!1,childList:!0,subtree:!0}),s}();return{disconnect:function(){"disconnect"in s&&(R("Disconnect body MutationObserver"),s.disconnect(),u.forEach(o))}}}():(R("MutationObserver not supported in this browser!"),ve())):R("Auto Resize disabled")}function ve(){0!==g&&(R("setInterval: "+g+"ms"),B=setInterval(function(){L("interval","setInterval: "+g)},Math.abs(g)))}function ye(e,t){return t=t||document.body,t=null===(t=document.defaultView.getComputedStyle(t,null))?0:t[e],parseInt(t,10)}function we(e,t){for(var n,o=t.length,i=0,r=ue(e),a=Date.now(),u=0;u<o;u++)i<(n=t[u].getBoundingClientRect()[e]+ye("margin"+r,t[u]))&&(i=n);return a=Date.now()-a,R("Parsed "+o+" HTML elements"),R("Element position calculated in "+a+"ms"),O/2<(a=a)&&R("Event throttle increased to "+(O=2*a)+"ms"),i}function e(e){return[e.bodyOffset(),e.bodyScroll(),e.documentElementOffset(),e.documentElementScroll()]}function be(e,t){var n=document.querySelectorAll("["+t+"]");return 0===n.length&&(x("No tagged elements ("+t+") found on page"),document.querySelectorAll("body *")),we(e,n)}function Te(){return document.querySelectorAll("body *")}function Ee(e,t,n,o){function i(){e in{init:1,interval:1,size:1}||!(m in U||d&&M in U)?e in{interval:1}||R("No change in size detected"):Ie(t)}function r(e,t){return!(Math.abs(e-t)<=E)}n=a===n?C[m]():n,o=a===o?z[M]():o,r(f,n)||d&&r(S,o)||"init"===e?(Se(),F(f=n,S=o,e)):i()}function Oe(){A=Date.now(),N=null,ie=oe.apply(o,I),N||(o=I=null)}function L(e,t,n,o){i&&e in j?R("Trigger event cancelled: "+e):(e in{reset:1,resetPage:1,init:1}||R("Trigger event: "+t),("init"===e?Ee:re)(e,t,n,o))}function Se(){i||(i=!0,R("Trigger event lock on")),clearTimeout(Y),Y=setTimeout(function(){i=!1,R("Trigger event lock off"),R("--")},l)}function Me(e){f=C[m](),S=z[M](),F(f,S,e)}function Ie(e){var t=m;m=n,R("Reset trigger event: "+e),Se(),Me("reset"),m=t}function F(e,t,n,o,i){!0===V&&(a===i?i=T:R("Message targetOrigin: "+i),R("Sending message to host page ("+(e=w+":"+(e+":"+t)+":"+n+(a===o?"":":"+o))+")"),X.postMessage(y+e,i))}function Ne(){"loading"!==document.readyState&&window.parent.postMessage("[iFrameResizerChild]Ready","*")}}();
+//# sourceMappingURL=iframeResizer.contentWindow.map
diff --git a/cosmos/plugin/static/iframeResizer.min.js b/cosmos/plugin/static/iframeResizer.min.js
new file mode 100644
index 000000000..11b0db0a3
--- /dev/null
+++ b/cosmos/plugin/static/iframeResizer.min.js
@@ -0,0 +1,8 @@
+/*! iFrame Resizer (iframeSizer.min.js ) - v4.3.5 - 2023-03-08
+ *  Desc: Force cross domain iframes to size to content.
+ *  Requires: iframeResizer.contentWindow.min.js to be loaded into the target frame.
+ *  Copyright: (c) 2023 David J. Bradshaw - dave@bradshaw.net
+ *  License: MIT
+ */
+!function(d){var c,u,a,v,x,I,M,r,f,k,i,l,z;function m(){return window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver}function F(e,n,i){e.addEventListener(n,i,!1)}function B(e,n,i){e.removeEventListener(n,i,!1)}function p(e){return x+"["+(n="Host page: "+(e=e),n=window.top!==window.self?window.parentIFrame&&window.parentIFrame.getId?window.parentIFrame.getId()+": "+e:"Nested host page: "+e:n)+"]";var n}function t(e){return k[e]?k[e].log:u}function O(e,n){o("log",e,n,t(e))}function E(e,n){o("info",e,n,t(e))}function R(e,n){o("warn",e,n,!0)}function o(e,n,i,t){!0===t&&"object"==typeof window.console&&console[e](p(n),i)}function w(e){function i(){t("Height"),t("Width"),P(function(){H(w),C(b),l("onResized",w)},w,"init")}function n(){var e=p.slice(I).split(":"),n=e[1]?parseInt(e[1],10):0,i=k[e[0]]&&k[e[0]].iframe,t=getComputedStyle(i);return{iframe:i,id:e[0],height:n+function(e){if("border-box"!==e.boxSizing)return 0;var n=e.paddingTop?parseInt(e.paddingTop,10):0,e=e.paddingBottom?parseInt(e.paddingBottom,10):0;return n+e}(t)+function(e){if("border-box"!==e.boxSizing)return 0;var n=e.borderTopWidth?parseInt(e.borderTopWidth,10):0,e=e.borderBottomWidth?parseInt(e.borderBottomWidth,10):0;return n+e}(t),width:e[2],type:e[3]}}function t(e){var n=Number(k[b]["max"+e]),i=Number(k[b]["min"+e]),e=e.toLowerCase(),t=Number(w[e]);O(b,"Checking "+e+" is in range "+i+"-"+n),t<i&&(t=i,O(b,"Set "+e+" to min value")),n<t&&(t=n,O(b,"Set "+e+" to max value")),w[e]=""+t}function o(){var t=e.origin,o=k[b]&&k[b].checkOrigin;if(o&&""+t!="null"&&!function(){if(o.constructor!==Array)return e=k[b]&&k[b].remoteHost,O(b,"Checking connection is from: "+e),t===e;var e,n=0,i=!1;for(O(b,"Checking connection is from allowed list of origins: "+o);n<o.length;n++)if(o[n]===t){i=!0;break}return i}())throw new Error("Unexpected message received from: "+t+" for "+w.iframe.id+". Message was: "+e.data+". This error can be disabled by setting the checkOrigin: false option or by providing of array of trusted domains.");return 1}function a(e){return p.slice(p.indexOf(":")+v+e)}function s(i,t){var e,n,o;e=function(){var e,n;A("Send Page Info","pageInfo:"+(e=document.body.getBoundingClientRect(),n=w.iframe.getBoundingClientRect(),JSON.stringify({iframeHeight:n.height,iframeWidth:n.width,clientHeight:Math.max(document.documentElement.clientHeight,window.innerHeight||0),clientWidth:Math.max(document.documentElement.clientWidth,window.innerWidth||0),offsetTop:parseInt(n.top-e.top,10),offsetLeft:parseInt(n.left-e.left,10),scrollTop:window.pageYOffset,scrollLeft:window.pageXOffset,documentHeight:document.documentElement.clientHeight,documentWidth:document.documentElement.clientWidth,windowHeight:window.innerHeight,windowWidth:window.innerWidth})),i,t)},n=32,z[o=t]||(z[o]=setTimeout(function(){z[o]=null,e()},n))}function r(e){e=e.getBoundingClientRect();return W(b),{x:Math.floor(Number(e.left)+Number(M.x)),y:Math.floor(Number(e.top)+Number(M.y))}}function d(e){var n=e?r(w.iframe):{x:0,y:0},i={x:Number(w.width)+n.x,y:Number(w.height)+n.y};O(b,"Reposition requested from iFrame (offset x:"+n.x+" y:"+n.y+")"),window.top===window.self?(M=i,c(),O(b,"--")):window.parentIFrame?window.parentIFrame["scrollTo"+(e?"Offset":"")](i.x,i.y):R(b,"Unable to scroll to requested position, window.parentIFrame not found")}function c(){!1===l("onScroll",M)?S():C(b)}function u(e){var e=e.split("#")[1]||"",n=decodeURIComponent(e),n=document.getElementById(n)||document.getElementsByName(n)[0];n?(n=r(n),O(b,"Moving to in page link (#"+e+") at x: "+n.x+" y: "+n.y),M={x:n.x,y:n.y},c(),O(b,"--")):window.top===window.self?O(b,"In page link #"+e+" not found"):window.parentIFrame?window.parentIFrame.moveToAnchor(e):O(b,"In page link #"+e+" not found and window.parentIFrame not found")}function f(e){var n,i={};i=0===Number(w.width)&&0===Number(w.height)?{x:(n=a(9).split(":"))[1],y:n[0]}:{x:w.width,y:w.height},l(e,{iframe:w.iframe,screenX:Number(i.x),screenY:Number(i.y),type:w.type})}function l(e,n){return T(b,e,n)}function m(){switch(k[b]&&k[b].firstRun&&k[b]&&(k[b].firstRun=!1),w.type){case"close":N(w.iframe);break;case"message":n=a(6),O(b,"onMessage passed: {iframe: "+w.iframe.id+", message: "+n+"}"),l("onMessage",{iframe:w.iframe,message:JSON.parse(n)}),O(b,"--");break;case"mouseenter":f("onMouseEnter");break;case"mouseleave":f("onMouseLeave");break;case"autoResize":k[b].autoResize=JSON.parse(a(9));break;case"scrollTo":d(!1);break;case"scrollToOffset":d(!0);break;case"pageInfo":s(k[b]&&k[b].iframe,b),r=b,e("Add ",F),k[r]&&(k[r].stopPageInfo=o);break;case"pageInfoStop":k[b]&&k[b].stopPageInfo&&(k[b].stopPageInfo(),delete k[b].stopPageInfo);break;case"inPageLink":u(a(9));break;case"reset":j(w);break;case"init":i(),l("onInit",w.iframe);break;default:0===Number(w.width)&&0===Number(w.height)?R("Unsupported message received ("+w.type+"), this is likely due to the iframe containing a later version of iframe-resizer than the parent page"):i()}function e(n,i){function t(){k[r]?s(k[r].iframe,r):o()}["scroll","resize"].forEach(function(e){O(r,n+e+" listener for sendPageInfo"),i(window,e,t)})}function o(){e("Remove ",B)}var r,n}var g,h,p=e.data,w={},b=null;if("[iFrameResizerChild]Ready"===p)for(var y in k)A("iFrame requested init",L(y),k[y].iframe,y);else x===(""+p).slice(0,I)&&p.slice(I).split(":")[0]in k?(w=n(),b=w.id,k[b]&&(k[b].loaded=!0),(h=w.type in{true:1,false:1,undefined:1})&&O(b,"Ignoring init message from meta parent page"),!h&&(h=!0,k[g=b]||(h=!1,R(w.type+" No settings for "+g+". Message was: "+p)),h)&&(O(b,"Received: "+p),g=!0,null===w.iframe&&(R(b,"IFrame ("+w.id+") not found"),g=!1),g&&o()&&m())):E(b,"Ignored: "+p)}function T(e,n,i){var t=null,o=null;if(k[e]){if("function"!=typeof(t=k[e][n]))throw new TypeError(n+" on iFrame["+e+"] is not a function");o=t(i)}return o}function g(e){e=e.id;delete k[e]}function N(e){var n=e.id;if(!1===T(n,"onClose",n))O(n,"Close iframe cancelled by onClose event");else{O(n,"Removing iFrame: "+n);try{e.parentNode&&e.parentNode.removeChild(e)}catch(e){R(e)}T(n,"onClosed",n),O(n,"--"),g(e)}}function W(e){null===M&&O(e,"Get page position: "+(M={x:window.pageXOffset===d?document.documentElement.scrollLeft:window.pageXOffset,y:window.pageYOffset===d?document.documentElement.scrollTop:window.pageYOffset}).x+","+M.y)}function C(e){null!==M&&(window.scrollTo(M.x,M.y),O(e,"Set page position: "+M.x+","+M.y),S())}function S(){M=null}function j(e){O(e.id,"Size reset requested by "+("init"===e.type?"host page":"iFrame")),W(e.id),P(function(){H(e),A("reset","reset",e.iframe,e.id)},e,"reset")}function H(o){function i(e){var n;function i(){Object.keys(k).forEach(function(e){function n(e){return"0px"===(k[i]&&k[i].iframe.style[e])}var i;k[i=e]&&null!==k[i].iframe.offsetParent&&(n("height")||n("width"))&&A("Visibility change","resize",k[i].iframe,i)})}function t(e){O("window","Mutation observed: "+e[0].target+" "+e[0].type),h(i,16)}!a&&"0"===o[e]&&(a=!0,O(r,"Hidden iFrame detected, creating visibility listener"),e=m())&&(n=document.querySelector("body"),new e(t).observe(n,{attributes:!0,attributeOldValue:!1,characterData:!0,characterDataOldValue:!1,childList:!0,subtree:!0}))}function e(e){var n;n=e,o.id?(o.iframe.style[n]=o[n]+"px",O(o.id,"IFrame ("+r+") "+n+" set to "+o[n]+"px")):O("undefined","messageData id not set"),i(e)}var r=o.iframe.id;k[r]&&(k[r].sizeHeight&&e("height"),k[r].sizeWidth)&&e("width")}function P(e,n,i){i!==n.type&&r&&!window.jasmine?(O(n.id,"Requesting animation frame"),r(e)):e()}function A(n,i,t,o,e){function r(){var e;t&&"contentWindow"in t&&null!==t.contentWindow?(e=k[o]&&k[o].targetOrigin,O(o,"["+n+"] Sending msg to iframe["+o+"] ("+i+") targetOrigin: "+e),t.contentWindow.postMessage(x+i,e)):R(o,"["+n+"] IFrame("+o+") not found")}function a(){e&&k[o]&&k[o].warningTimeout&&(k[o].msgTimeout=setTimeout(function(){!k[o]||k[o].loaded||s||(s=!0,R(o,"IFrame has not responded within "+k[o].warningTimeout/1e3+" seconds. Check iFrameResizer.contentWindow.js has been loaded in iFrame. This message can be ignored if everything is working, or you can set the warningTimeout option to a higher value or zero to suppress this warning."))},k[o].warningTimeout))}var s=!1;o=o||t.id,k[o]&&(r(),a())}function L(e){return e+":"+k[e].bodyMarginV1+":"+k[e].sizeWidth+":"+k[e].log+":"+k[e].interval+":"+k[e].enablePublicMethods+":"+k[e].autoResize+":"+k[e].bodyMargin+":"+k[e].heightCalculationMethod+":"+k[e].bodyBackground+":"+k[e].bodyPadding+":"+k[e].tolerance+":"+k[e].inPageLinks+":"+k[e].resizeFrom+":"+k[e].widthCalculationMethod+":"+k[e].mouseEvents}function s(t,i){function e(i){var e=m();e&&(e=e,t.parentNode)&&new e(function(e){e.forEach(function(e){Array.prototype.slice.call(e.removedNodes).forEach(function(e){e===t&&N(t)})})}).observe(t.parentNode,{childList:!0}),F(t,"load",function(){var e,n;A("iFrame.onload",i,t,d,!0),e=k[r]&&k[r].firstRun,n=k[r]&&k[r].heightCalculationMethod in f,!e&&n&&j({iframe:t,height:0,width:0,type:"init"})}),A("init",i,t,d,!0)}function o(e){var n=e.split("Callback");2===n.length&&(this[n="on"+n[0].charAt(0).toUpperCase()+n[0].slice(1)]=this[e],delete this[e],R(r,"Deprecated: '"+e+"' has been renamed '"+n+"'. The old method will be removed in the next major version."))}function n(e){if(e=e||{},k[r]=Object.create(null),k[r].iframe=t,k[r].firstRun=!0,k[r].remoteHost=t.src&&t.src.split("/").slice(0,3).join("/"),"object"!=typeof e)throw new TypeError("Options is not an object");Object.keys(e).forEach(o,e);var n,i=e;for(n in l)Object.prototype.hasOwnProperty.call(l,n)&&(k[r][n]=(Object.prototype.hasOwnProperty.call(i,n)?i:l)[n]);k[r]&&(k[r].targetOrigin=!0!==k[r].checkOrigin||""===(e=k[r].remoteHost)||null!==e.match(/^(about:blank|javascript:|file:\/\/)/)?"*":e)}var r=function(e){if("string"!=typeof e)throw new TypeError("Invaild id for iFrame. Expected String");var n;return""===e&&(t.id=(n=i&&i.id||l.id+c++,null!==document.getElementById(n)&&(n+=c++),e=n),u=(i||{}).log,O(e,"Added missing iframe ID: "+e+" ("+t.src+")")),e}(t.id);if(r in k&&"iFrameResizer"in t)R(r,"Ignored iFrame, already setup.");else{switch(n(i),O(r,"IFrame scrolling "+(k[r]&&k[r].scrolling?"enabled":"disabled")+" for "+r),t.style.overflow=!1===(k[r]&&k[r].scrolling)?"hidden":"auto",k[r]&&k[r].scrolling){case"omit":break;case!0:t.scrolling="yes";break;case!1:t.scrolling="no";break;default:t.scrolling=k[r]?k[r].scrolling:"no"}s("Height"),s("Width"),a("maxHeight"),a("minHeight"),a("maxWidth"),a("minWidth"),"number"!=typeof(k[r]&&k[r].bodyMargin)&&"0"!==(k[r]&&k[r].bodyMargin)||(k[r].bodyMarginV1=k[r].bodyMargin,k[r].bodyMargin=k[r].bodyMargin+"px"),e(L(r)),k[r]&&(k[r].iframe.iFrameResizer={close:N.bind(null,k[r].iframe),removeListeners:g.bind(null,k[r].iframe),resize:A.bind(null,"Window resize","resize",k[r].iframe),moveToAnchor:function(e){A("Move to anchor","moveToAnchor:"+e,k[r].iframe,r)},sendMessage:function(e){A("Send Message","message:"+(e=JSON.stringify(e)),k[r].iframe,r)}})}function a(e){var n=k[r][e];1/0!==n&&0!==n&&(t.style[e]="number"==typeof n?n+"px":n,O(r,"Set "+e+" = "+t.style[e]))}function s(e){if(k[r]["min"+e]>k[r]["max"+e])throw new Error("Value for min"+e+" can not be greater than max"+e)}}function h(e,n){null===i&&(i=setTimeout(function(){i=null,e()},n))}function e(){"hidden"!==document.visibilityState&&(O("document","Trigger event: Visibility change"),h(function(){b("Tab Visible","resize")},16))}function b(i,t){Object.keys(k).forEach(function(e){var n;k[n=e]&&"parent"===k[n].resizeFrom&&k[n].autoResize&&!k[n].firstRun&&A(i,t,k[e].iframe,e)})}function y(){F(window,"message",w),F(window,"resize",function(){var e;O("window","Trigger event: "+(e="resize")),h(function(){b("Window "+e,"resize")},16)}),F(document,"visibilitychange",e),F(document,"-webkit-visibilitychange",e)}function n(){function t(e,n){if(n){if(!n.tagName)throw new TypeError("Object is not a valid DOM element");if("IFRAME"!==n.tagName.toUpperCase())throw new TypeError("Expected <IFRAME> tag, found <"+n.tagName+">");s(n,e),o.push(n)}}for(var o,e=["moz","webkit","o","ms"],n=0;n<e.length&&!r;n+=1)r=window[e[n]+"RequestAnimationFrame"];return r?r=r.bind(window):O("setup","RequestAnimationFrame not supported"),y(),function(e,n){var i;switch(o=[],(i=e)&&i.enablePublicMethods&&R("enablePublicMethods option has been removed, public methods are now always available in the iFrame"),typeof n){case"undefined":case"string":Array.prototype.forEach.call(document.querySelectorAll(n||"iframe"),t.bind(d,e));break;case"object":t(e,n);break;default:throw new TypeError("Unexpected data type ("+typeof n+")")}return o}}function q(e){e.fn?e.fn.iFrameResize||(e.fn.iFrameResize=function(i){return this.filter("iframe").each(function(e,n){s(n,i)}).end()}):E("","Unable to bind to jQuery, it is not fully loaded.")}"undefined"!=typeof window&&(c=0,a=u=!1,v="message".length,I=(x="[iFrameSizer]").length,M=null,r=window.requestAnimationFrame,f=Object.freeze({max:1,scroll:1,bodyScroll:1,documentElementScroll:1}),k={},i=null,l=Object.freeze({autoResize:!0,bodyBackground:null,bodyMargin:null,bodyMarginV1:8,bodyPadding:null,checkOrigin:!0,inPageLinks:!1,enablePublicMethods:!0,heightCalculationMethod:"bodyOffset",id:"iFrameResizer",interval:32,log:!1,maxHeight:1/0,maxWidth:1/0,minHeight:0,minWidth:0,mouseEvents:!0,resizeFrom:"parent",scrolling:!1,sizeHeight:!0,sizeWidth:!1,warningTimeout:5e3,tolerance:0,widthCalculationMethod:"scroll",onClose:function(){return!0},onClosed:function(){},onInit:function(){},onMessage:function(){R("onMessage function not defined")},onMouseEnter:function(){},onMouseLeave:function(){},onResized:function(){},onScroll:function(){return!0}}),z={},window.jQuery!==d&&q(window.jQuery),"function"==typeof define&&define.amd?define([],n):"object"==typeof module&&"object"==typeof module.exports&&(module.exports=n()),window.iFrameResize=window.iFrameResize||n())}();
+//# sourceMappingURL=iframeResizer.map
diff --git a/cosmos/plugin/templates/dbt_docs.html b/cosmos/plugin/templates/dbt_docs.html
new file mode 100644
index 000000000..214d88e4a
--- /dev/null
+++ b/cosmos/plugin/templates/dbt_docs.html
@@ -0,0 +1,15 @@
+{% extends base_template %}
+{% block content %}
+    <script src="{{ url_for('.static', filename='iframeResizer.min.js') }}"></script>
+    <iframe id="dbtIframe" src="{{ url_for('.dbt_docs_index') }}" style="min-width: 100%; border: 0;"></iframe>
+    <script>
+        iFrameResize(
+            {
+                heightCalculationMethod: 'custom',
+                resizeFrom: 'child',
+                minHeight: 500
+            },
+            '#dbtIframe'
+        )
+    </script>
+{% endblock %}
diff --git a/cosmos/plugin/templates/dbt_docs_not_set_up.html b/cosmos/plugin/templates/dbt_docs_not_set_up.html
new file mode 100644
index 000000000..1fcc6ef7f
--- /dev/null
+++ b/cosmos/plugin/templates/dbt_docs_not_set_up.html
@@ -0,0 +1,9 @@
+{% extends base_template %}
+{% block content %}
+    <h1 style="display: block; padding-top: 15px; padding-bottom: 15px">⚠️ Your dbt docs are not set up yet! ⚠️</h1>
+
+    <p>
+        Read the <a href="https://astronomer.github.io/astronomer-cosmos/configuration/hosting-docs.html">Astronomer Cosmos docs</a> for information on how to set up dbt docs.
+    </p>
+
+{% endblock %}
diff --git a/dev/dags/dbt/jaffle_shop/.gitignore b/dev/dags/dbt/jaffle_shop/.gitignore
index 49f147cb9..45d294b9a 100644
--- a/dev/dags/dbt/jaffle_shop/.gitignore
+++ b/dev/dags/dbt/jaffle_shop/.gitignore
@@ -2,3 +2,4 @@
 target/
 dbt_packages/
 logs/
+!target/manifest.json
diff --git a/dev/docker-compose.yaml b/dev/docker-compose.yaml
index 23b012d15..5345f4b13 100644
--- a/dev/docker-compose.yaml
+++ b/dev/docker-compose.yaml
@@ -10,6 +10,7 @@ x-airflow-common:
   environment:
     &airflow-common-env
     DB_BACKEND: postgres
+    AIRFLOW__COSMOS__DBT_DOCS_DIR: http://cosmos-docs.s3-website-us-east-1.amazonaws.com/
     AIRFLOW__CORE__EXECUTOR: LocalExecutor
     AIRFLOW__DATABASE__SQL_ALCHEMY_CONN: postgresql+psycopg2://airflow:pg_password@postgres:5432/airflow
     AIRFLOW__CORE__FERNET_KEY: ''
diff --git a/docs/_static/location_of_dbt_docs_in_airflow.png b/docs/_static/location_of_dbt_docs_in_airflow.png
new file mode 100644
index 000000000..348a53c8e
Binary files /dev/null and b/docs/_static/location_of_dbt_docs_in_airflow.png differ
diff --git a/docs/configuration/generating-docs.rst b/docs/configuration/generating-docs.rst
index 6112ebcee..54ec80fc9 100644
--- a/docs/configuration/generating-docs.rst
+++ b/docs/configuration/generating-docs.rst
@@ -5,7 +5,9 @@ Generating Docs
 
 dbt allows you to generate static documentation on your models, tables, and more. You can read more about it in the `official dbt documentation <https://docs.getdbt.com/docs/building-a-dbt-project/documentation>`_. For an example of what the docs look like with the ``jaffle_shop`` project, check out `this site <http://cosmos-docs.s3-website-us-east-1.amazonaws.com/>`_.
 
-Many users choose to generate and serve these docs on a static website. This is a great way to share your data models with your team and other stakeholders.
+After generating the dbt docs, you can host them natively within Airflow via the Cosmos Airflow plugin; see `Hosting Docs <hosting-docs.html>`__ for more information.
+
+Alternatively, many users choose to serve these docs on a separate static website. This is a great way to share your data models with a broad array of stakeholders.
 
 Cosmos offers two pre-built ways of generating and uploading dbt docs and a fallback option to run custom code after the docs are generated:
 
diff --git a/docs/configuration/hosting-docs.rst b/docs/configuration/hosting-docs.rst
new file mode 100644
index 000000000..5143a9f67
--- /dev/null
+++ b/docs/configuration/hosting-docs.rst
@@ -0,0 +1,127 @@
+.. hosting-docs:
+
+Hosting Docs
+============
+
+dbt docs can be served directly from the Apache Airflow webserver with the Cosmos Airflow plugin, without requiring the user to set up anything outside of Airflow. This page describes how to host docs in the Airflow webserver directly, although some users may opt to host docs externally.
+
+Overview
+~~~~~~~~
+
+The dbt docs are available in the Airflow menu under ``Browse > dbt docs``:
+
+.. image:: /_static/location_of_dbt_docs_in_airflow.png
+    :alt: Airflow UI - Location of dbt docs in menu
+    :align: center
+
+In order to access the dbt docs, you must specify the following config variables:
+
+- ``cosmos.dbt_docs_dir``: A path to where the docs are being hosted.
+- (Optional) ``cosmos.dbt_docs_conn_id``: A conn ID to use for a cloud storage deployment. If not specified _and_ the URI points to a cloud storage platform, then the default conn ID for the AWS/Azure/GCP hook will be used.
+
+.. code-block:: cfg
+
+    [cosmos]
+    dbt_docs_dir = path/to/docs/here
+    dbt_docs_conn_id = my_conn_id
+
+or as an environment variable:
+
+.. code-block:: shell
+
+    AIRFLOW__COSMOS__DBT_DOCS_DIR="path/to/docs/here"
+    AIRFLOW__COSMOS__DBT_DOCS_CONN_ID="my_conn_id"
+
+The path can be either a folder in the local file system the webserver is running on, or a URI to a cloud storage platform (S3, GCS, Azure).
+
+Host from Cloud Storage
+~~~~~~~~~~~~~~~~~~~~~~~
+
+For typical users, the recommended setup for hosting dbt docs would look like this:
+
+1. Generate the docs via one of Cosmos' pre-built operators for generating dbt docs (see `Generating Docs <generating-docs.html>`__ for more information)
+2. Wherever you dumped the docs, set your ``cosmos.dbt_docs_dir`` to that location.
+3. If you want to use a conn ID other than the default connection, set your ``cosmos.dbt_docs_conn_id``. Otherwise, leave this blank.
+
+AWS S3 Example
+^^^^^^^^^^^^^^
+
+.. code-block:: cfg
+
+    [cosmos]
+    dbt_docs_dir = s3://my-bucket/path/to/docs
+    dbt_docs_conn_id = aws_default
+
+.. code-block:: shell
+
+    AIRFLOW__COSMOS__DBT_DOCS_DIR="s3://my-bucket/path/to/docs"
+    AIRFLOW__COSMOS__DBT_DOCS_CONN_ID="aws_default"
+
+Google Cloud Storage Example
+^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+
+.. code-block:: cfg
+
+    [cosmos]
+    dbt_docs_dir = gs://my-bucket/path/to/docs
+    dbt_docs_conn_id = google_cloud_default
+
+.. code-block:: shell
+
+    AIRFLOW__COSMOS__DBT_DOCS_DIR="gs://my-bucket/path/to/docs"
+    AIRFLOW__COSMOS__DBT_DOCS_CONN_ID="google_cloud_default"
+
+Azure Blob Storage Example
+^^^^^^^^^^^^^^^^^^^^^^^^^^
+
+.. code-block:: cfg
+
+    [cosmos]
+    dbt_docs_dir = wasb://my-container/path/to/docs
+    dbt_docs_conn_id = wasb_default
+
+.. code-block:: shell
+
+    AIRFLOW__COSMOS__DBT_DOCS_DIR="wasb://my-container/path/to/docs"
+    AIRFLOW__COSMOS__DBT_DOCS_CONN_ID="wasb_default"
+
+Host from Local Storage
+~~~~~~~~~~~~~~~~~~~~~~~
+
+By default, Cosmos will not generate docs on the fly. Local storage only works if you are pre-compiling your dbt project before deployment.
+
+If your Airflow deployment process involves running ``dbt compile``, you will also want to add ``dbt docs generate`` to your deployment process as well to generate all the artifacts necessary to run the dbt docs from local storage.
+
+By default, dbt docs are generated in the ``target`` folder; so that will also be your docs folder by default.
+
+For example, if your dbt project directory is ``/usr/local/airflow/dags/my_dbt_project``, then by default your dbt docs directory will be ``/usr/local/airflow/dags/my_dbt_project/target``:
+
+.. code-block:: cfg
+
+    [cosmos]
+    dbt_docs_dir = /usr/local/airflow/dags/my_dbt_project/target
+
+.. code-block:: shell
+
+    AIRFLOW__COSMOS__DBT_DOCS_DIR="/usr/local/airflow/dags/my_dbt_project/target"
+
+Using docs out of local storage has the downside that some values in the dbt docs can become stale unless the docs are periodically refreshed and redeployed:
+
+- Counts of the numbers of rows.
+- The compiled SQL for incremental models before and after the first run.
+
+Host from HTTP/HTTPS
+~~~~~~~~~~~~~~~~~~~~
+
+.. code-block:: cfg
+
+    [cosmos]
+    dbt_docs_dir = https://my-site.com/path/to/docs
+
+.. code-block:: shell
+
+    AIRFLOW__COSMOS__DBT_DOCS_DIR="https://my-site.com/path/to/docs"
+
+
+You do not need to set a ``dbt_docs_conn_id`` when using HTTP/HTTPS.
+If you do set the ``dbt_docs_conn_id``, then the ``HttpHook`` will be used.
diff --git a/docs/configuration/index.rst b/docs/configuration/index.rst
index 8c282be03..919ed9b1e 100644
--- a/docs/configuration/index.rst
+++ b/docs/configuration/index.rst
@@ -16,6 +16,7 @@ Cosmos offers a number of configuration options to customize its behavior. For m
    Parsing Methods <parsing-methods>
    Configuring Lineage <lineage>
    Generating Docs <generating-docs>
+   Hosting Docs <hosting-docs>
    Scheduling <scheduling>
    Testing Behavior <testing-behavior>
    Selecting & Excluding <selecting-excluding>
diff --git a/pyproject.toml b/pyproject.toml
index 522431da7..7758f9669 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -95,6 +95,9 @@ azure-container-instance = [
 [project.entry-points.cosmos]
 provider_info = "cosmos:get_provider_info"
 
+[project.entry-points."airflow.plugins"]
+cosmos = "cosmos.plugin:CosmosPlugin"
+
 [project.urls]
 Homepage = "https://github.com/astronomer/astronomer-cosmos"
 Documentation = "https://astronomer.github.io/astronomer-cosmos"
diff --git a/tests/plugin/__init__.py b/tests/plugin/__init__.py
new file mode 100644
index 000000000..e69de29bb
diff --git a/tests/plugin/test_plugin.py b/tests/plugin/test_plugin.py
new file mode 100644
index 000000000..df33ae13a
--- /dev/null
+++ b/tests/plugin/test_plugin.py
@@ -0,0 +1,223 @@
+# dbt-core relies on Jinja2>3, whereas Flask<2 relies on an incompatible version of Jinja2.
+#
+# This discrepancy causes the automated integration tests to fail, as dbt-core is installed in the same
+# environment as apache-airflow.
+#
+# We can get around this by patching the jinja2 namespace to include the deprecated objects:
+try:
+    import flask  # noqa: F401
+except ImportError:
+    import markupsafe
+    import jinja2
+
+    jinja2.Markup = markupsafe.Markup
+    jinja2.escape = markupsafe.escape
+
+from unittest.mock import mock_open, patch, MagicMock, PropertyMock
+
+import sys
+import pytest
+from airflow.configuration import conf
+from airflow.exceptions import AirflowConfigException
+from airflow.utils.db import initdb, resetdb
+from airflow.www.app import cached_app
+from airflow.www.extensions.init_appbuilder import AirflowAppBuilder
+from flask.testing import FlaskClient
+
+import cosmos.plugin
+
+from cosmos.plugin import (
+    dbt_docs_view,
+    iframe_script,
+    open_gcs_file,
+    open_azure_file,
+    open_http_file,
+    open_s3_file,
+    open_file,
+)
+
+
+original_conf_get = conf.get
+
+
+def _get_text_from_response(response) -> str:
+    # Airflow < 2.4 uses an old version of Werkzeug that does not have Response.text.
+    if not hasattr(response, "text"):
+        return response.get_data(as_text=True)
+    else:
+        return response.text
+
+
+@pytest.fixture(scope="module")
+def app() -> FlaskClient:
+    initdb()
+
+    app = cached_app(testing=True)
+    appbuilder: AirflowAppBuilder = app.extensions["appbuilder"]
+
+    appbuilder.sm.check_authorization = lambda *args, **kwargs: True
+
+    if dbt_docs_view not in appbuilder.baseviews:
+        appbuilder._check_and_init(dbt_docs_view)
+        appbuilder.register_blueprint(dbt_docs_view)
+
+    yield app.test_client()
+
+    resetdb(skip_init=True)
+
+
+def test_dbt_docs(monkeypatch, app):
+    def conf_get(section, key, *args, **kwargs):
+        if section == "cosmos" and key == "dbt_docs_dir":
+            return "path/to/docs/dir"
+        else:
+            return original_conf_get(section, key, *args, **kwargs)
+
+    monkeypatch.setattr(conf, "get", conf_get)
+
+    response = app.get("/cosmos/dbt_docs")
+
+    assert response.status_code == 200
+    assert "<iframe" in _get_text_from_response(response)
+
+
+@patch.object(cosmos.plugin, "open_file")
+def test_dbt_docs_not_set_up(monkeypatch, app):
+    response = app.get("/cosmos/dbt_docs")
+
+    assert response.status_code == 200
+    assert "<iframe" not in _get_text_from_response(response)
+
+
+@patch.object(cosmos.plugin, "open_file")
+@pytest.mark.parametrize("artifact", ["dbt_docs_index.html", "manifest.json", "catalog.json"])
+def test_dbt_docs_artifact(mock_open_file, monkeypatch, app, artifact):
+    def conf_get(section, key, *args, **kwargs):
+        if section == "cosmos" and key == "dbt_docs_dir":
+            return "path/to/docs/dir"
+        else:
+            return original_conf_get(section, key, *args, **kwargs)
+
+    monkeypatch.setattr(conf, "get", conf_get)
+
+    if artifact == "dbt_docs_index.html":
+        mock_open_file.return_value = "<head></head><body></body>"
+    else:
+        mock_open_file.return_value = "{}"
+
+    response = app.get(f"/cosmos/{artifact}")
+
+    mock_open_file.assert_called_once()
+    assert response.status_code == 200
+    if artifact == "dbt_docs_index.html":
+        assert iframe_script in _get_text_from_response(response)
+
+
+@pytest.mark.parametrize("artifact", ["dbt_docs_index.html", "manifest.json", "catalog.json"])
+def test_dbt_docs_artifact_missing(app, artifact):
+    response = app.get(f"/cosmos/{artifact}")
+    assert response.status_code == 404
+
+
+@pytest.mark.parametrize(
+    "path,open_file_callback",
+    [
+        ("s3://my-bucket/my/path/", "open_s3_file"),
+        ("gs://my-bucket/my/path/", "open_gcs_file"),
+        ("wasb://my-bucket/my/path/", "open_azure_file"),
+        ("http://my-bucket/my/path/", "open_http_file"),
+        ("https://my-bucket/my/path/", "open_http_file"),
+    ],
+)
+def test_open_file_calls(path, open_file_callback, monkeypatch):
+    def conf_get(section, key, *args, **kwargs):
+        if section == "cosmos" and key == "dbt_docs_conn_id":
+            return "mock_conn_id"
+        else:
+            return original_conf_get(section, key, *args, **kwargs)
+
+    monkeypatch.setattr(conf, "get", conf_get)
+
+    with patch.object(cosmos.plugin, open_file_callback) as mock_callback:
+        mock_callback.return_value = "mock file contents"
+        res = open_file(path)
+
+    mock_callback.assert_called_with(conn_id="mock_conn_id", path=path)
+    assert res == "mock file contents"
+
+
+@pytest.mark.parametrize("conn_id", ["mock_conn_id", None])
+def test_open_s3_file(conn_id):
+    mock_module = MagicMock()
+    with patch.dict(sys.modules, {"airflow.providers.amazon.aws.hooks.s3": mock_module}):
+        mock_hook = mock_module.S3Hook.return_value
+        mock_hook.read_key.return_value = "mock file contents"
+
+        res = open_s3_file(conn_id=conn_id, path="s3://mock-path/to/docs")
+
+        if conn_id is not None:
+            mock_module.S3Hook.assert_called_once_with(aws_conn_id=conn_id)
+
+        mock_hook.read_key.assert_called_once_with(bucket_name="mock-path", key="to/docs")
+        assert res == "mock file contents"
+
+
+@pytest.mark.parametrize("conn_id", ["mock_conn_id", None])
+def test_open_gcs_file(conn_id):
+    mock_module = MagicMock()
+    with patch.dict(sys.modules, {"airflow.providers.google.cloud.hooks.gcs": mock_module}):
+        mock_hook = mock_module.GCSHook.return_value = MagicMock()
+        mock_hook.download.return_value = b"mock file contents"
+
+        res = open_gcs_file(conn_id=conn_id, path="gs://mock-path/to/docs")
+
+        if conn_id is not None:
+            mock_module.GCSHook.assert_called_once_with(gcp_conn_id=conn_id)
+
+        mock_hook.download.assert_called_once_with(bucket_name="mock-path", object_name="to/docs")
+        assert res == "mock file contents"
+
+
+@pytest.mark.parametrize("conn_id", ["mock_conn_id", None])
+def test_open_azure_file(conn_id):
+    mock_module = MagicMock()
+    with patch.dict(sys.modules, {"airflow.providers.microsoft.azure.hooks.wasb": mock_module}):
+        mock_hook = mock_module.WasbHook.return_value = MagicMock()
+        mock_hook.default_conn_name = PropertyMock(return_value="default_conn")
+        mock_hook.read_file.return_value = "mock file contents"
+
+        res = open_azure_file(conn_id=conn_id, path="wasb://mock-path/to/docs")
+
+        if conn_id is not None:
+            mock_module.WasbHook.assert_called_once_with(wasb_conn_id=conn_id)
+
+        mock_hook.read_file.assert_called_once_with(container_name="mock-path", blob_name="to/docs")
+        assert res == "mock file contents"
+
+
+@pytest.mark.parametrize("conn_id", ["mock_conn_id", None])
+def test_open_http_file(conn_id):
+    mock_module = MagicMock()
+    with patch.dict(sys.modules, {"airflow.providers.http.hooks.http": mock_module}):
+        mock_hook = mock_module.HttpHook.return_value = MagicMock()
+        mock_response = mock_hook.run.return_value = MagicMock()
+        mock_hook.default_conn_name = PropertyMock(return_value="default_conn")
+        mock_hook.check_response.return_value = mock_response
+        mock_response.text = "mock file contents"
+
+        res = open_http_file(conn_id=conn_id, path="http://mock-path/to/docs")
+
+        if conn_id is not None:
+            mock_module.HttpHook.assert_called_once_with(method="GET", http_conn_id=conn_id)
+        else:
+            mock_module.HttpHook.assert_called_once_with(method="GET", http_conn_id="")
+
+        mock_hook.run.assert_called_once_with(endpoint="http://mock-path/to/docs")
+        assert res == "mock file contents"
+
+
+@patch("builtins.open", new_callable=mock_open, read_data="mock file contents")
+def test_open_file_local(mock_file):
+    res = open_file("/my/path")
+    mock_file.assert_called_with("/my/path")
+    assert res == "mock file contents"