Known available widgets
| Category | Widget name (trame.widget.{name}) | Package name (pip install {name}) | Vue version | Number of components |
|---|---|---|---|---|
| Front | ||||
| html | (built-in) | 2 & 3 | 80 | |
| 👍 client | (built-in) | 2 & 3 | 5 | |
| 👍 iframe | trame-iframe | 2 & 3 | 2 | |
| 🆕 react | trame-react | 2 & 3 | 2 | |
| router | trame-router | 2 & 3 | 2 | |
| GUI | ||||
| 🆕 alerts | trame-alerts | 3 | 3 | |
| datagrid | trame-datagrid | 3 | 3 | |
| formkit | trame-formkit | 3 | 2 | |
| 🆕🔥 dockview | trame-dockview | 3 | 1 | |
| grid | trame-grid-layout | 2 | 2 | |
| markdown | trame-markdown | 2 & 3 ⚠️ | 1 | |
| pvui (ParaView UI) | trame-pvui | 2 | 4 | |
| quasar | trame-quasar | 3 | 123 | |
| 👍 simput | trame-simput | 2 & 3 | 2 | |
| trame | trame-components | 2 & 3 ⚠️ | 11 | |
| tweakpane | trame-tweakpane | 2 & 3 | 10 | |
| 👍 vuetify, vuetify2, vuetify3 | trame-vuetify | 2 & 3 ⚠️ | 146 & 156 | |
| Charts | ||||
| matplotlib | trame-matplotlib | 2 & 3 | 1 | |
| plotly | trame-plotly | 2 & 3 | 1 | |
| vega | trame-vega | 2 & 3 | 1 | |
| 2D | ||||
| 👍 annotations | trame-annotations | 3 | 4 | |
| bbox 🏗️ | trame-bbox | 2 & 3 | 1 | |
| 🆕👍 image_tools | trame-image-tools | 3 | 6 | |
| 3D | ||||
| vtk, paraview | trame-vtk | 2 & 3 | 15 | |
| vtk3d | trame-vtk3d | 2 & 3 | 1 | |
| 🆕🔥👍 vtklocal ⚠️ | trame-vtklocal | 2 & 3 | 1 | |
| 🆕🔥 3D Slicer 🏗️ | slicer-trame | TBA | TBA | |
| GIS | ||||
| deckgl | trame-deckgl | 2 & 3 | 1 | |
| large-image | trame-large-image | 2 | 1 | |
| 👍 leaflet | trame-leaflet | 2 & 3 | 22 | |
| Development | ||||
| code | trame-code | 2 & 3 | 1 | |
| xterm | trame-xterm | 2 & 3 | 1 | |
| Connectivity | ||||
| gwc (girder web components) | trame-gwc | 2 | 10 | |
| Misc | ||||
| 👍 rca | trame-rca | 2 & 3 | 7 | |
| tauri | trame-tauri | 2 & 3 | 2 + utils |
WARNING
This table may be incomplete or slightly out of date. Please correct it or reach out for up-to-date information.
If you are looking for specific widgets, contributions are welcome you can ask for support.
Legend
🆕 created recently
🔥 actively being developed
👍 recent updates/improvements
🏗️ Work in progress
⚠️ Caution => Check tooltip for detail