The SDK's tools are also highly suitable for use in React projects

Use our off-the-shelf React component for rapid integration of the collector in your application.

Also available for HTML and Angular

Collector for React

Paste the code snippet into your React project to equip it with the response collector in minutes.

Try onCodePen
Try onCodePen

React component

We supply an off-the-shelf React component for rapid integration of the collector in your project. It runs forms by parsing their so-called form definition, which is generated by the editor. You may use the free studio to build and export a form definition for your collector, or implement the editor in your own project.

The collector engine also serves as a foundation for new custom collectors

Explore the tutorial and docs to learn how to put your UI and UX on the collector engine to build your own custom form experiences.

Logo React

Collector examples for React with varying Bootstrap and Material UI and UX implementations

Screenshot of the collector in React + Bootstrap

Traditional UX + Bootstrap

This free and open source collector implementation for React features a traditional form UX + Bootstrap UI.

Screenshot of the collector in React + Material UI

Traditional UX + Material UI

This free and open source collector implementation for React features a traditional form UX + Material UI.

Screenshot of the conversational collector UX in React + Bootstrap

Conversational UX + Bootstrap

This free and open source collector implementation for React features a conversational form UX + Bootstrap UI.

Use these helplines if you have trouble getting components to work properly