---
source: https://www.jointjs.com/demos/uml-class-shape-inspector
github: https://raw.githubusercontent.com/clientIO/joint-demos/main/uml-class-shape-inspector/README.md
generated: 2026-10-05
format: markdown
---

# JointJS+: UML Class Shape Inspector <a href="https://www.jointjs.com/jointjs-plus"><img src="../jointjs-plus-badge.svg" alt="JointJS+" width="123" align="right" /></a>

How to use the built-in standard.Record shape to create a UML class? How to configure the Inspector plugin to be split into tabs and be able to change attributes and methods of a UML class at a granular level (visibility, name, parameters, return types)? Check out this demo.

This demo is also available online at [jointjs.com](https://jointjs.com/demos/uml-class-shape-inspector).

## Available Versions

- [JavaScript](./js/)

## Screenshot

![screenshot](./screenshot.png)