笔者只是抛砖引玉，把三款看到的在本篇简单的介绍。 如果有其他更好的欢迎留言推荐，后续笔者会对这三款做一一的学习。
文章目录
- 1 streamlit
- 2 Gradio
- 3 codepen
1 streamlit
笔者之前写过该专题：
python︱写markdown一样写网页，代码快速生成web工具：streamlit介绍（一） python︱写markdown一样写网页，代码快速生成web工具：streamlit 重要组件介绍（二） python︱写markdown一样写网页，代码快速生成web工具：streamlit 展示组件（三） python︱写markdown一样写网页，代码快速生成web工具：streamlit lay-out布局（四） python︱写markdown一样写网页，代码快速生成web工具：streamlit 缓存（五） python︱写markdown一样写网页，代码快速生成web工具：streamlit 数据探索案例（六） streamlit opencv/YOLOv3 快速构建自己的图像目标检测demo网页（七）
github代码链接：mattzheng/streamlit_demo
自行构建工具的流程：部署 Flask app，写 HTML、CSS 和 JavaScript，尝试对从 notebook 到样式表的所有一些进行版本控制。
写此类工具感觉就像训练神经网络或者在 Jupyter 中执行点对点分析（ad-hoc analysis）！同时，我们还想保留强大 app 框架的灵活性。我们想创造出令工程师骄傲的好工具。
一些样例
2 Gradio
Gradio is the fastest way to demo your machine learning model with a friendly web interface so that anyone can use it, anywhere!
灵感来自最近开放的魔搭社区的创空间
官网是：https://gradio.app/
几个好处：
- Gradio可以用pip安装。创建Gradio接口只需要在项目中添加几行代码。您可以从各种接口类型中选择为您的函数提供接口。
- Gradio可以嵌入Python笔记本中，也可以作为网页呈现。Gradio接口可以自动生成一个公共链接，您可以与同事共享，让他们从自己的设备远程与您计算机上的模型进行交互。
- 接口长期在线，旦你创建了一个接口，你可以永久地托管它在 Hugging Face.Hugging Face空间将把界面托管在其服务器上，并为你提供一个可以分享的链接。
这是一个可以共享的小程序，只需在launch函数里面设置参数share=True，就会得到一个神奇的public 网址，格式为https://xxxx.gradio.app （https 协议，安全靠谱）。
这个网址你可以愉快的分享给你的伙伴了，可以在电脑或者手机打开，比如分享到微信里，就是一个活脱脱的小程序。
参考文章： Gradio: 让机器学习算法秒变小程序 Gradio：轻松实现AI算法可视化部署
3 codepen
CodePen是构建、测试和发现前端代码的最佳场所。 CodePen是一个面向前端设计人员和开发人员的社交开发环境。构建和部署一个网站，展示你的工作，构建测试用例来学习和调试，并找到灵感。 笔者是在参加今年的google大会【到此一游︱2022 Google 开发者大会】 mediaPipe 模块用这款进行现场demo：
官网：https://codepen.io/features/
tensorflow官网也上传了一部分mediapipe的demo：
