GitHub | 🤖 ModelScope Studio | 🤗 Hugging Face Space
中文 | English | 日本語
modelscope_studio
是一个基于 Gradio 的三方组件库,为开发者提供更定制化的界面搭建能力和更丰富的组件使用形式。
目前支持的 UI 库:
比起 Gradio 自身的组件,modelscope_studio
更加注重页面布局和组件的灵活性,如果您想要构建更漂亮的用户界面,我们非常推荐您使用modelscope_studio
。
然而,当您的应用需要 Gradio 在 Python 端更多地处理内置数据时,modelscope_studio
的组件可能不是最好的选择,但是不用担心,它可以很好地与已有的 Gradio 组件相结合,您仍然可以使用modelscope_studio
来优化您的应用。
- Gradio >= 4.0
pip install modelscope_studio
import gradio as gr
import modelscope_studio.components.antd as antd
import modelscope_studio.components.base as ms
with gr.Blocks() as demo:
with ms.Application():
with antd.ConfigProvider():
antd.DatePicker()
demo.queue().launch()
如果您在之前使用了modelscope_studio
的组件,并且想要在新版本中继续使用。不需要对原有组件做任何修改,只需要在外层引入ms.Application
即可。
import gradio as gr
import modelscope_studio.components.base as ms
import modelscope_studio.components.legacy as mgr
with gr.Blocks() as demo:
with ms.Application():
mgr.Chatbot()
demo.launch()
将仓库克隆到本地:
git clone [email protected]:modelscope/modelscope-studio.git
cd modelscope-studio
# for backend
pip install -e '.'
# for frontend
npm install pnpm -g
pnpm install
pnpm build
运行 gradio cc dev
启动 demo:
gradio cc dev docs/app.py