Rappid Releases

Released: Jul 23, 2019

Updates in v3.0


Support for ES6 Modules

  • Import Rappid using ES6 module syntax.
  • Use Rappid in modern build pipelines.
  • Import only modules/plugins that you need.

‍‍Performance Improvements

  • Smart viewport matching algorithm that renders only those shapes visible in the viewport.
  • Shapes outside the viewport are not rendered saving a huge amount of render time with large diagrams.
  • Viewport re-renders automatically when zooming and panning without the user noticing.
  • Paper freeze/unfreeze allowing you to...

Released: Nov 14, 2018

Updates in v2.4


New Shapes for displaying and mapping structured data

  • Record, Bordered Record and Headered Record for displaying structured data
  • Hide Fill Boundaries, Show Right Fill Boundary, Fill Padding, and ticks option for y axis for Plot charts
  • Add a background to BorderedImage

Angular and React integration

  • KitchenSink applications now integrated with Angular6 and React.

‍Several of improvements to the current widgets

  • Paper now supports relative dimensions (e.g. width = 100%)
  • Paper introduces...

Released: May 8, 2018

Updates in v2.3


  • New format.Print plugin for custom diagrams or showing previews - The brand new format.Print plugin allows you to print the whole diagram or any custom rectangular area using the browser print dialog. Not only you can define the standard paper properties such as width, height, format, margins and orientation but you can also let Rappid automatically split the diagram into multiple sheets. All of that with a single function call.
  • Improved Link tools, optimized link and shape...

Released: Oct 23, 2017

Updates in v2.2


  • New ui.PathEditor plugin for editing vector SVG paths.‍
  • ‍New i.PathDrawer plugin for drawing SVG paths.
  • ‍New Vector Editor demo app for PathEditor and PathDrawer, effectively implements a simple vector graphics editor.
  • ‍Rappid is now compatible with both Lodash v3 and v4.

Released: Mar 31, 2017

Updates in v2.1


  • Animations and presentation mode - The Paper object now exposes new methods for focusing on elements, or any areas of your diagrams, in an animated way (zoom and translation). This is great for implementing a presentation mode in your applications.
  • ‍Customizable shape attributes - Shape definition has been simplified, and support for custom attributes has been added. This allows you to extend SVG by your own rendering logic. For example, you can set a "textWrap" attribute (that does...

Released: Dec 1, 2016

Updates in v2.0.1


  • jQuery 3.1 compatibility changes.
  • Added various port shapes to KitchenSink.
  • Improved mousewheel zooming in KitchenSink.
  • Added missing equal primitive documentation in joint.ui.Inspector.
  • Links are always rendered after elements in ui.Navigator.
  • Account for graph changes in dia.CommandManager
  • Changes on newly added cells are now executed after the element is added in dia.CommandManager.


  • Fixed SVGForeignObject detection in shapes.TextBlock.
  • Fixed graph references...

Released: Sep 20, 2016

Updates in v2.0


  • Customization - New integrated themes allow users to customize the look and feel in a very simple way.
  • API Updates - The API has been greatly simplified to make it easy to work with and produce beautiful results with minimal coding. A fully-fledged diagramming editor can be written in less than 200 lines of code.
  • Taylor-made - Selections, control panels, palettes, toolbars, automatic layouts and more can be enabled or disabled with a few lines of code, quickly giving developers their...

Released: Dec 22, 2015

Updates in this release

Updates in v1.7

  • Powerful Graph Data Model - The core data model has been extended with functions that traverse directed graphs and access structural information.
  • Flexible Tree Layout Engine - TreeLayout and its accompanying TreeLayoutView now support only left-to-right, right-to-left, top-to-bottom and bottom-to-top layout types.
  • Improved Inline Text Editing - The TextEditor component now supports link label editing.
  • The Inspector widget now provides an easy way to add custom field types.
  • New...

Released: Sep 17, 2015

Updates in this release

Updates in v1.6

  • Rich Text - The Inline Text Editor now supports rich-text editing.
  • Flash Messages - Quickly inform the user that something has happened without worrying about the state of the UI.
  • Drop Downs - Full-featured drop downs menus with arbitrary HTML content, built-in support for icons, different open policies and keyboard navigation.
  • Select Button Groups - Display groups of buttons with both single and multi-selection support.
  • Color Palette - Take control of color selection for your...

Released: Mar 10, 2015

Updates in this release

Updates in v1.5

  • Inline Text Editor - Edit any link label or element text.
  • Automatic Tree Layout - Display and manipulate tree graphs.
  • Shortest Path Discovery - Easily find the shortest path in your graphs.
  • Modal and Non-Modal Dialog Boxes - A default set of common boxes are included (alert, info, success, warning and neutral), and an arbitrary HTML box can be used to display any content.
  • Matrix Charts - Visualize co-occurences in a matrix chart.
  • Navigator View - The Navigator is a small widget...