---
title: Examples of RPD in Action
id: examples
---

NB: Versions of RPD used in these examples may appear not to be up-to-date, please use the methods described on [Setup page](./sections/setup.html) to ensure you get the latest one.

* <span>Animatron toolkit, <code>compact</code> style, HTML</span> [![Animatron toolkit, Compact style, HTML](./assets/example-anm-compact.png)](./examples/anm-compact.html)
* <span>Animatron toolkit, <code>plain</code> style, HTML</span> [![Plain style, Animatron toolkit, HTML](./assets/example-anm-plain.png)](./examples/anm-plain.html)
* <span>Animatron toolkit, <code>pd</code> style, HTML</span> [![PD style, Animatron toolkit, HTML](./assets/example-anm.png)](./examples/anm.html)
* <span>Pure Data toolkit, <code>webpd</code> style, SVG</span> [![WebPD Style, Pure Data Toolkit, SVG](./assets/example-pd.png)](./examples/pd.html)
* <span>Processing toolkit, <code>compact-v</code> style, SVG</span> [![Compact-V Style, Processing Toolkit, SVG](./assets/example-processing-compact-v.png)](./examples/processing-compact-v.html)
* <span>Processing toolkit, <code>compact</code> style, SVG</span> [![Compact Style, Processing Toolkit, SVG](./assets/example-processing-compact.png)](./examples/processing-compact.html)
* <span>Processing toolkit, <code>plain</code> style, SVG</span> [![Plain Style, Processing Toolkit, SVG](./assets/example-processing-plain.png)](./examples/processing-plain.html)
* <span>Processing toolkit, <code>quartz</code> style, HTML</span> [![Quartz Style, Processing Toolkitm HTML](./assets/example-processing.png)](./examples/processing.html)
* <span>Timbre toolkit, <code>quartz</code> style, HTML</span> [![Quartz Style, Timbre Toolkit, HTML](./assets/example-timbre.png)](./examples/timbre.html)
* <span>Util toolkit, <code>black-white</code> style, SVG</span> [![Black&White Style, Util Toolkit, SVG](./assets/example-util-black-white.png)](./examples/util-black-white.html)
* <span>Util toolkit, <code>ableton</code> style, SVG</span> [![Ableton Style, Util Toolkit, SVG](./assets/example-util-ableton.png)](./examples/util-ableton.html)
* <span>Util toolkit, <code>ableton-out</code> style, SVG</span> [![Ableton-Out Style, Util Toolkit, SVG](./assets/example-util-ableton-out.png)](./examples/util-ableton-out.html)
* <span>Util toolkit, <code>blender</code> style, SVG</span> [![Blender Style, Util Toolkit, SVG](./assets/example-util-blender.png)](./examples/util-blender.html)
* <span>Util toolkit, <code>compact-v</code> style, SVG</span> [![Compact-V Style, Util Toolkit, SVG](./assets/example-util-compact-v.png)](./examples/util-compact-v.html)
* <span>Util toolkit, <code>quartz</code> style, SVG</span> [![Quartz Style, Util Toolkit, SVG](./assets/example-util-compact-v.png)](./examples/util-svg.html)
* <span>Util toolkit, <code>quartz</code> style, HTML</span> [![Quartz Style, Util Toolkit, HTML](./assets/example-util.png)](./examples/util.html)

<!-- TODO: example for every style with every possible renderer -->

#### Videos

Latest Videos from [RPD Vimeo Channel](http://vimeo.com/channels/rpdjs):

<!-- 640x451 -->

<iframe src="https://player.vimeo.com/video/147126939" width="320" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

<!-- 640x451 -->

<iframe src="https://player.vimeo.com/video/147127441" width="320" height="225" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

<!-- 640x445 -->

<iframe src="https://player.vimeo.com/video/140075167" width="320" height="222" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

<!-- 640x329 -->

<iframe src="https://player.vimeo.com/video/147096453" width="320" height="164" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

<!-- 640x357 -->

<iframe src="https://player.vimeo.com/video/143316958" width="320" height="178" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

<!-- 640x346 -->

<iframe src="https://player.vimeo.com/video/145257561" width="320" height="173" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

<!-- 640x360 -->

<iframe src="https://player.vimeo.com/video/118197237" width="320" height="180" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
