Boost data collection with hypersmart no-code forms, connect with a 1.000+ low-code automations, or create your custom code for the ultimate workflow.
Which is for me?
Instantly build and run forms to collect data.
Connect with a 1.000+ low-code automations.
Equip your site or app with a tailored form solution.
Build forms and surveys like flowcharts on the storyboard, which actively organizes your flows. It makes designing truly conversational interactions clean, fast and fun. All no-code!
The storyboard lets you visually compose forms and surveys like flowcharts and simplifies using truly conversational logic.
Magnetic builder Logic typesBesides questioning respondents, forms and surveys can perform powerful, real time actions and calculations in the background.
Question types No-code calculatorThe real time preview shows what you’re building and customizing as a working form or survey with the form face and style you set.
Form layouts StylingStay informed. Tripetto can send notifications to Slack or email, lets you connect to 1.000+ services and offers form activity tracking for valuable completion and drop-off insights.
Airtable 
Calendly 
Datadog 
Dropbox 
FluentCRM 
Google Ads 
Google Docs 
Google Slides 
Hubspot 
LearnDash 
Mailchimp 
Microsoft OneDrive 
Monday.com 
PandaDoc 
Salesforce 
Shopify 
Trello 
WooCommerce Tripetto can keep you updated on new form completions with instant, automatic notifications straight into your Slack and inbox.
NotificationsHave Tripetto send your data to 1.000+ connected services with Make, Zapier, Pabbly Connect and custom webhooks.
ConnectionsBoost form completions and reduce drop-offs by tracking activity with Google Analytics, Google Tag Manager and Facebook Pixel.
Activity trackingThe SDK's parts for form creation and deployment are designed for quick embedding in straightforward cases as well as deep integration into advanced applications.
The intelligent storyboard is for building forms like flowcharts with powerful logic flows.
Runners execute forms created in the builder and handle UX, logic and response delivery.
Customize and even develop question types to enhance the forms in your app or website.
// Import the builder JavaScript function
import { Builder } from "@tripetto/builder";
// Start the builder
const builder = Builder.open();
// Listen for the save event
builder.onSave = (definition) => {
// Save the form definition somewhere
};
// Import the builder React component
import { TripettoBuilder } from "@tripetto/builder/react";
// Drop the builder component in your React app
<TripettoBuilder onSave={(definition) => {
// Save the form definition somewhere
}} />
@Component({
selector: "app-root",
template: `
<tripetto-builder
(onSave)="formSaved($event)">
</tripetto-builder>
`
})
export class AppComponent {
// Invoked when the form is saved
formSaved(definition) {
// Save the form definition somewhere
}
}
<html>
<body>
<script src="https://cdn.jsdelivr.net/npm/@tripetto/builder"></script>
<script>
// Start the builder
var builder = Tripetto.Builder.open();
// Listen for the save event
builder.onSave = function(definition) {
// Save the form definition somewhere
};
</script>
</body>
</html>
<html>
<body>
<script src="https://unpkg.com/@tripetto/builder"></script>
<script>
// Start the builder
var builder = Tripetto.Builder.open();
// Listen for the save event
builder.onSave = function(definition) {
// Save the form definition somewhere
};
</script>
</body>
</html>
// Import the runner JavaScript function
import { run } from "@tripetto/runner-autoscroll";
// Start the runner
run({
definition:
/* Supply your form definition here */,
onSubmit: (form) => {
/* Do something with the collected data */
}
});
// Import the runner component
import { AutoscrollRunner } from "@tripetto/runner-autoscroll";
// Drop the runner component in your React app
<AutoscrollRunner
definition={
/* Supply your form definition here */
}
onSubmit={(form) => {
/* Do something with the collected data */
}}
/>
@Component({
selector: "app-root",
template: `
<tripetto-runner-autoscroll
[definition]="definition"
(onSubmit)="onSubmit($event)">
</tripetto-runner-autoscroll>
`
})
export class AppComponent {
definition =
/* Supply your form definition here */;
onSubmit(form) {
/* Do something with the collected data */
}
}
<html>
<body>
<script src="https://cdn.jsdelivr.net/npm/@tripetto/runner"></script>
<script src="https://cdn.jsdelivr.net/npm/@tripetto/runner-autoscroll"></script>
<script>
// Start the runner
TripettoAutoscroll.run({
definition: /* Supply your form definition here */,
onSubmit: function(form) {
/* Do something with the collected data */
}
});
</script>
</body>
</html>
<html>
<body>
<script src="https://unpkg.com/@tripetto/runner"></script>
<script src="https://unpkg.com/@tripetto/runner-autoscroll"></script>
<script>
// Start the runner
TripettoAutoscroll.run({
definition: /* Supply your form definition here */,
onSubmit: function(form) {
/* Do something with the collected data */
}
});
</script>
</body>
</html>
import { tripetto, NodeBlock } from "@tripetto/builder";
import icon from "./icon.svg";
@tripetto({
type: "node",
identifier: "text-input",
label: "Text input",
icon
})
class TextInputBuilderBlock extends NodeBlock {
// Block implementation for builder here
}
import { tripetto, NodeBlock }
from "@tripetto/runner";
import { namespace, IAutoscrollRendering }
from "@tripetto/runner-autoscroll";
@tripetto({
type: "node",
namespace,
identifier: "text-input",
})
class TextInputRunnerBlock extends NodeBlock
implements IAutoscrollRendering {
// Render the text input block UI
render() {}
}
Pick what you need from the SDK with advanced visual form builder, form runners, and question types. All open source, customizable, extensible, documented.
SDK componentsForms and data are exclusively self-hosted by you. Without any dependencies on unwanted infrastructure. No data ever touches any other platform, unless you let it.
Self-hosting dataThe SDK components are ready-to-go for plain JavaScript, React, Angular, and HTML5. Including type declarations and TypeScript support out of the box.