Aller au contenu

Commencer

Démos

Lire un article sur un form builder a ses limites. Cette page fait tourner le composant réel — celui que vous récupérez depuis npm — et renvoie vers des applications complètes qui le montrent branché dans une vraie stack.

C’est le vrai <fk-form-builder>, chargé depuis le package que vous installeriez : pas une vidéo, pas une maquette. Glissez des bricks depuis la palette, cliquez sur l’une d’elles pour éditer ses configs, validations, styles et règles, utilisez undo/redo, et exportez le résultat avec le bouton Copy.

Des applications complètes qui montrent FormKrafter intégré pour de vrai — routing, SSR, patterns d’authentification et validation côté serveur.

React 19SSRServer functions

Showcase TanStack Start

L'app d'exemples complète : playground du builder, wizard multi-étapes, formulaires imbriqués, selects distants avec auth, data grid, règles dynamiques, validation serveur réelle, brick custom, theming et import Form.io.

Vue 3Viteformkrafter-vue

Exemple Vue 3

La même spec pilotée par les wrappers Vue : builder, renderer, les trois événements et la méthode validate(). C'est aussi la couverture e2e des bindings Vue.

React NativeExporeact-native-web

Expo / React Native

Le renderer natif dans le navigateur via react-native-web : wizard, grille de données, select HTTP distant, récapitulatif, brick custom, avec les switches de langue et de thème. La même app tourne sur iOS et Android.

Zéro buildWeb Components

HTML pur (CDN)

Builder + renderer dans un seul fichier HTML : pas de npm, pas de bundler, juste deux balises <script> vers un CDN. C'est aussi la seule couverture e2e du paquet publié.

Un projet de Streamline Pulse