Spaces:
Running
Running
| tags: | |
| - gradio-custom-component | |
| - component library | |
| - Ant Design | |
| - modelscope-studio | |
| title: modelscope-studio | |
| colorFrom: blue | |
| colorTo: gray | |
| short_description: A third-party component library based on Gradio. | |
| sdk: gradio | |
| sdk_version: 5.34.1 | |
| pinned: false | |
| header: mini | |
| app_file: app.py | |
| license: apache-2.0 | |
| # ModelScope Studio | |
| <p align="center"> | |
| <img src="https://modelscope.oss-cn-beijing.aliyuncs.com/modelscope.gif" height="60" style="vertical-align: middle;"/> | |
| <span style="font-size: 30px; vertical-align: middle;"> | |
| ✖️ | |
| </span> | |
| <img src="https://github.com/gradio-app/gradio/raw/main/readme_files/gradio.svg" height="60" style="vertical-align: middle;"> | |
| <p> | |
| <p align="center"> | |
| <a href="https://github.com/modelscope/modelscope-studio">GitHub</a> | 🤖 <a href="https://modelscope.cn/studios/modelscope/modelscope-studio">ModelScope Studio</a> ｜ 🤗 <a href="https://huggingface.co/spaces/modelscope/modelscope-studio">Hugging Face Space</a> | |
| `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: | |
| - [Ant Design](https://ant.design/) | |
| ## When to Use | |
| 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. | |
| > If you are using `modelscope_studio` in Hugging Face Space, please add the `ssr_mode=False` parameter to the `demo.launch()`: `demo.launch(ssr_mode=False)`, otherwise the page may not display properly. | |
| ## Dependencies | |
| - Gradio >= 4.43.0 | |
| ## Installation | |
| ```sh | |
| pip install modelscope_studio | |
| ``` | |
| ## Examples | |
| <demo name="example"></demo> | |
| ## Migration to 1.0 | |
| 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. | |
| ```python | |
| 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() | |
| ``` | |