Skip to content

Start here

Demos

Reading about a form builder only goes so far. This page runs the actual component — the same one you get from npm — and links to full applications showing it wired into a real stack.

This is the real <fk-form-builder>, loaded from the package you would install: not a video, not a mock. Drag bricks from the palette, click one to edit its configs, validations, styles and rules, use undo/redo, and export the result with the Copy button.

Complete apps showing FormKrafter integrated for real — routing, SSR, auth patterns and server-side validation.

React 19SSRServer functions

TanStack Start showcase

The full examples app: builder playground, multi-step wizard, nested forms, remote selects with auth, data grid, dynamic rules, real server-side validation, custom brick, theming and Form.io import.

Vue 3Viteformkrafter-vue

Vue 3 example

The same spec driven through the Vue wrappers: builder, renderer, all three events and the validate() method. It doubles as the e2e coverage for the Vue bindings.

React NativeExporeact-native-web

Expo / React Native

The native renderer in your browser through react-native-web: wizard, data grid, remote HTTP select, recap, custom brick, with language and theme switches. The same app runs on iOS and Android.

No build stepWeb Components

Plain HTML (CDN)

Builder + renderer in one HTML file: no npm, no bundler, just two <script> tags pointing at a CDN. It doubles as the only e2e coverage of the published package.

A project by Streamline Pulse