*************************************
Web UIs for non Javascript Developers
*************************************

.. raw:: html

    <div class="display-card-container">
        <div class="row">

.. Add callout items below this line

.. displayitem::
   :header: Dash
   :description: Learn how to add a web UI built in Python with Dash.
   :col_css: col-md-4
   :button_link: /workflows/add_web_ui/dash/index.html
   :height: 150
   :tag: basic

.. displayitem::
   :header: Gradio
   :description: Learn how to add a web UI built in Python with Gradio.
   :col_css: col-md-4
   :button_link: /workflows/add_web_ui/gradio/index.html
   :height: 150
   :tag: basic

.. displayitem::
   :header: Panel
   :description: Learn how to add a web UI built in Python with Panel.
   :col_css: col-md-4
   :button_link: /workflows/add_web_ui/panel/index.html
   :height: 150
   :tag: basic

.. displayitem::
   :header: Jupyter Notebook
   :description: Learn how to enable a web UI that is a Jupyter Notebook.
   :col_css: col-md-4
   :button_link: /workflows/add_web_ui/jupyter_basic.html
   :height: 150
   :tag: [docs coming soon]

.. displayitem::
   :header: Streamlit
   :description: Learn how to add a web UI built in Python with Streamlit.
   :col_css: col-md-4
   :button_link: /workflows/add_web_ui/streamlit/index.html
   :height: 150
   :tag: basic

.. displayitem::
   :header: JustPy
   :description: Learn how to add a web UI built in Python with JustPy.
   :col_css: col-md-4
   :button_link: /workflows/add_web_ui/justpy/index.html
   :height: 150
   :tag: basic

.. raw:: html

        </div>
    </div>

----

*********************************
Web UIs for Javascript Developers
*********************************

.. raw:: html

    <div class="display-card-container">
        <div class="row">

.. Add callout items below this line

.. displayitem::
   :header: Any javascript framework
   :description: Learn how to link up any javascript framework to a Lightning app.
   :col_css: col-md-4
   :button_link: /workflows/add_web_ui/integrate_any_javascript_framework.html
   :height: 150
   :tag: advanced

.. displayitem::
   :header: Angular.js
   :description: Learn how to add a web UI built in Javascript with Angular.js
   :col_css: col-md-4
   :button_link: /workflows/add_web_ui/angular_js_intermediate.html
   :height: 150
   :tag: [Docs coming soon]

.. displayitem::
   :header: HTML
   :description: Learn how to add a web UI built with html.
   :col_css: col-md-4
   :button_link: /workflows/add_web_ui/html/index.html
   :height: 150
   :tag: basic

.. displayitem::
   :header: React.js
   :description: Learn how to add a web UI built in Javascript with React.js
   :col_css: col-md-4
   :button_link: /workflows/add_web_ui/react/index.html
   :height: 150
   :tag: intermediate

.. displayitem::
   :header: Vue.js
   :description: Learn how to add a web UI built in Javascript with Vue.js
   :col_css: col-md-4
   :button_link: /workflows/add_web_ui/vue_js_intermediate.html
   :height: 150
   :tag: [Docs coming soon]

.. raw:: html

        </div>
    </div>
