GitHub | 🤖 ModelScope Studio | 🤗 Hugging Face Space
中文 | English | 日本語
modelscope_studio
is a third-party component library based on Gradio, offers developers more customized interface building capabilities and a richer variety of component usage forms.
Currently supported UI libraries:
Compared to the original components of Gradio, modelscope_studio
focuses more on page layout and component flexibility. If you want to build a more beautiful user interface, we highly recommend using modelscope_studio
.
However, when your application needs Gradio to handle more built-in data on the Python side, the components of modelscope_studio
may not be the best choice, but don't worry, it integrates well with existing Gradio components, you can still use modelscope_studio
to optimize your application.
- 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()
If you have used the modelscope_studio
component before and want to continue using it in the new version, you do not need to make any changes to the original component, just import ms.Application
in the outer layer.
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()
Clone this repo locally:
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
Run gradio cc dev
to start demo:
gradio cc dev docs/app.py