---
source: https://www.jointjs.com/blog/new-demo-tabs
generated: 2026-04-29
format: markdown
---

We've published a new demo: [Tabs](https://www.jointjs.com/demos/tabs).

It's a useful example of switching between multiple diagrams in a single page using tabs written in four popular frameworks: React, Vue, Angular and Svelte. See a [live demo here](https://www.jointjs.com/demos/tabs).

Here are links to the source code:

- **React** with [react-tabs](https://github.com/clientIO/joint-plus-tutorial-react/tree/react-tabs) component
- **Vue** with [vue3-tabs](https://github.com/clientIO/joint-plus-tutorial-vue/tree/vue3-tabs) component
- **Angular** with [angular-material-tabs](https://github.com/clientIO/joint-plus-tutorial-angular/tree/angular-material-tabs) component
- **Svelte** with [svelte-tabs](https://github.com/clientIO/joint-plus-tutorial-svelte/tree/svelte-tabs) component

For more examples of JointJS and JointJS+, see our [CodePen profile](https://codepen.io/jointjs) and our [official documentation](https://resources.jointjs.com/). If you have an idea for another demo, let us know on [Github Discussions](https://github.com/clientIO/joint/discussions).