Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including tripetto with all npm packages installed. Try it out:

var tripetto = require("tripetto")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

tripetto v1.0.2

Tripetto is a full-fledged form kit. Use the visual editor to rapidly create and edit smart flowing forms and surveys on a self-organizing drawing board.


Tripetto is a full-fledged form kit. Rapidly create and deploy smart flowing forms and surveys. Drop the kit in your codebase and use all of it, or just the parts you need. The visual editor is for form creation, the collector for response collection and the SDK for developing more form building blocks.

Editor package

Version Downloads Read the docs Join the community on Spectrum Follow us on Twitter

The editor is a 3-in-1 package with:

  • A CLI tool for running the editor stand-alone from your command line - Docs - Quickstart
  • A library to integrate the editor in your projects - Docs
  • Typings to develop custom building blocks for the editor using TypeScript - Docs - Boilerplate


You use the visual editor to create and edit smart forms with logic and conditional flows in 2D on a self-organizing drawing board. The editor can run as a stand-alone CLI tool or be tightly integrated in your software. It works in any modern browser and with mouse, touch or pen. The complete structure of a form is stored in a JSON format; the form definition. Also, you decide which form building blocks (e.g. question types) you want to use in the editor and collector. We offer a default set to choose from, but you can also develop your own.


Try the demo View the code

Screen recording - Showcase

Get started

Use as CLI tool

The CLI version of the editor is an easy to use command line tool that allows you to create and edit form definition files stored locally on your disk. This is ideal for developers implementing the collector in a website or application, or when building and testing custom blocks for Tripetto. Install it using npm (you need Node.js). Enter the following command in your terminal/command prompt:

$ npm install tripetto -g

And start using the CLI tool for editing a form definition file (the editor will run in your browser at localhost:3333):

$ tripetto demo.json

There are some additional command line options you can use. These are listed here.

Integrate in your project

When you want to seamlessly integrate the Tripetto editor into your own project, you need this library to do so. Implementation is very easy. First add the Tripetto editor package to your project’s dependencies:

$ npm install tripetto --save

Next, import the appropriate symbols into your application (if you use TypeScript, the type information should work out-of-the-box) and you can invoke the editor with a simple command:

import { Editor } from "tripetto";

// Open the editor;

Take a look at the library documentation here to learn more.




The complete documentation can be found at

Detailed editor documentation is found here.

More about the collector is available here.

If you want to develop your own building blocks, read more here or start with our boilerplate.


Run into issues or bugs? Report them here and we'll look into them.

For general support contact us at We're more than happy to assist you.



For detailed license information, please read the pricing page on our website.


We hope other enthusiasts will also start to develop and share collectors and blocks for Tripetto. We have a repository where we collect a list of community driven blocks and collectors. Did you build something? Submit a PR and add yours to the list. We appreciate it!

About us

If you want to learn more about Tripetto or contribute in any way, visit us at


RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free