Your app · React
import { useEncatchForm } from
'@encatch/web-sdk';
const { FormRenderer, submit } =
useEncatchForm('nps-2024', {
onSubmit: (data) => {
analytics.track('nps_submitted',
data);
},
});
return <FormRenderer />;Web & Mobile SDKs
Any web framework · React Native · FlutteriOS · Android · KMP coming soon
AI code generation
Point AI at the encatch SDK schema
AI writes the integration hook
Custom UI renders your form
~12
Lines of code
<1 day
Time to integrate
100%
Custom UI
Feedback that looks is
native to your product.
Write hooks in your web or mobile app to render forms entirely in your own components. Your design system. Your interactions. Your code. encatch handles the logic, targeting, and data pipeline behind the scenes.
How it works
Your UI. encatch's engine.
Hybrid Forms separates the rendering layer from the feedback infrastructure — giving developers full control over the experience while encatch handles everything underneath.
Custom rendering
Not just branding — it's your UX.
Standard feedback tools let you change colours and fonts. Hybrid Forms goes further: your team writes the actual UI components that render each question. The result feels like a native part of your product — because it is.
Use your own design system tokens, components, and interaction patterns.
No encatch widget is injected — your markup, your CSS, your accessibility.
Works across web and mobile with the same hook-based API.
Two rendering paths
Standard
Hybrid
NewThe form engine, targeting, and data pipeline stay fully managed by encatch.
SDK hooks
Wire up forms in a few lines of code.
The encatch web SDK works with any framework — React, Vue, Angular, Svelte, or plain JavaScript. EncatchFormView brings the same pattern to React Native and Flutter. You get a FormRenderer component, submit controls, and event callbacks — everything you need to build a fully custom experience with minimal code. Native iOS, Android, and Kotlin Multiplatform SDKs are coming soon.
useEncatchForm returns FormRenderer and an onSubmit handler.
EncatchFormView integrates natively into React Native, Expo, and Flutter apps.
Native iOS, Android, and Kotlin Multiplatform SDKs coming soon.
Form events and response data flow back through the same hook.
How the hook flow works
Initialise
Install the SDK and init with your project key
Register hooks
Declare which form slugs your app wants to intercept
Intercept?
encatch checks whether your app has registered a hook for this form
No hook
encatch renders the web form as usual
Hook registered
Your native UI renders the form
Submit events back to encatch
Your native form calls the SDK submit function — responses, events, and data flow back automatically
AI-assisted integration
AI makes integration cheap.
The value of a custom feedback UX is high. The cost used to match it. With AI, you point it at the encatch SDK schema and it writes the integration hook for you — scaffolding the component, the callback wiring, and the submit handler in seconds.
AI reads the encatch SDK schema and generates the integration code.
Scaffold a fully working custom form component in under a minute.
The cost of integration drops to near zero; the UX value does not.
AI-assisted integration
encatch SDK schema
useEncatchForm signature
AI generation
Reads types · writes hook
Your component
<FormRenderer /> dropped in
AI output
// Generated from encatch SDK schema
const { FormRenderer } =
useEncatchForm('post-checkout', {
onSubmit: handleFeedbackSubmit,
});Feedback infrastructure
encatch as your data layer.
When your UI owns the rendering, encatch handles everything else — form logic, real-time targeting, response collection, and routing data to your destinations. You get the flexibility of a custom build with the reliability of managed infrastructure.
Form engine, segmentation, and data pipeline remain fully managed.
Responses flow to reports, exports, and integrations automatically.
Ship feedback collection as infrastructure — not a one-off feature.
encatch as infrastructure
Your UI
Custom components · design system
encatch SDK
Form rendering · event hooks · submit
Form engine
Logic · branching · question types
Segmentation
Real-time targeting · qualification
Data pipeline
Responses · analytics · destinations
Feedback infrastructure
encatch as your feedback infrastructure layer.
Most teams evaluate feedback tools by their UI. With Hybrid Forms, the UI is yours. encatch becomes the infrastructure beneath it — the engine that qualifies users, manages form logic, collects responses, and routes data to your destinations. Your product stays consistent. Your users never know encatch is there.
Your design system renders every question — no style conflicts.
encatch handles targeting, logic, data storage, and exports.
Ship feedback collection as a native part of your product.
AI makes the integration cost low enough to justify everywhere.
What you own vs. what encatch handles
Full capabilities
All of encatch. None of the encatch UI.
Hybrid Forms gives you full access to the encatch form engine, segmentation, and data pipeline — while your team owns every pixel of the user experience.
Custom UI rendering
Render form questions inside your own components — buttons, inputs, ratings — with no encatch widget visible.
Web SDK
Works with any web framework. A single hook gives you FormRenderer, submit, and event callbacks — drop it anywhere in your stack.
React Native, Flutter & more
Mobile SDKs expose the same hook pattern for iOS and Android apps. Kotlin Multiplatform support coming soon.
AI code generation
Point AI at the encatch SDK schema and it writes the integration for you — cheap to build, high UX payoff.
onSubmit callbacks
Handle form submission events in your own code — pipe data to your analytics, CRM, or state management.
Full form engine
All question types, conditional logic, and branching still managed by encatch — your UI just renders the output.
Segmentation-aware
The same real-time segmentation engine controls which form appears and when — no extra configuration needed.
Managed data pipeline
Responses flow back to encatch automatically — reports, exports, and destinations work without additional setup.
Design system fidelity
Use your exact typography, spacing, colour tokens, and interaction patterns — zero style leakage from encatch.
Privacy controls
Data masking, consent management, and self-host options apply to hybrid forms just as they do to standard ones.
Multi-platform parity
The same form definition powers web, React Native, and Flutter — configure once, render natively everywhere. Kotlin Multiplatform, native iOS, and Android SDKs coming soon.
Multi-language
AI-assisted translation works the same for hybrid forms — your custom UI displays the correct locale automatically.
Get started today
Your product. Your UX. encatch under the hood.
Install the SDK, drop a hook, and let AI write the integration. Your feedback experience will feel like it was built from scratch — because it was. Just not the hard parts.