✖️

GitHub | 🤖 ModelScope Studio ｜ 🤗 Hugging Face Space
中文  ｜  English  ｜  日本語

modelscope_studio是一个基于 Gradio 的三方组件库，为开发者提供更定制化的界面搭建能力和更丰富的组件使用形式。

目前支持的 UI 库：

• Ant Design
• Ant Design X

比起 Gradio 自身的组件，modelscope_studio更加注重页面布局和组件的灵活性，如果您想要构建更漂亮的用户界面，我们非常推荐您使用modelscope_studio。

然而，当您的应用需要 Gradio 在 Python 端更多地处理内置数据时，modelscope_studio的组件可能不是最好的选择，但是不用担心，它可以很好地与已有的 Gradio 组件相结合，您仍然可以使用modelscope_studio来优化您的应用。

如果您正在 Hugging Face Space 中使用modelscope_studio，请在demo.launch()中添加ssr_mode=False参数：demo.launch(ssr_mode=False)，否则页面可能无法正常显示。

• Gradio >= 6.28.0

pip install modelscope_studio

如果您需要使用4.43.0 <= Gradio < 6.0.0，请使用 1.x 版本：

pip install modelscope_studio~=1.0

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(), antd.ConfigProvider(), ms.AutoLoading():
        antd.DatePicker()

demo.queue().launch()

• ModelScope: 中文
• Hugging Face: English

链接

将仓库克隆到本地：

git clone git@github.com: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