Vue d'ensemble

FormKrafter transforme un formulaire en données. Un formulaire est un spec JSON — un arbre de bricks avec leurs validations et leurs règles — et ce seul spec pilote tout : le builder en drag & drop, les renderers web et natif, et le verdict que renvoie votre backend. Aucun composant à réécrire par framework, aucune logique de validation dupliquée entre le client et le serveur.

L’idée en un coup d’œil

Un spec, pas des composants

Les formulaires sont du JSON portable que vous pouvez stocker, comparer et versionner. Chaque édition dans le builder émet aussi des patches RFC 6902 : undo/redo et pistes d’audit viennent gratuitement.

Un comportement, tous les renderers

Des Web Components au cœur, des wrappers React et Vue générés depuis la même source, et un renderer React Native qui partage le même moteur. Choisissez par application sans forker votre logique de formulaire.

Le même verdict partout

validateFormData(spec, data) tourne sur votre serveur et reproduit exactement le résultat du frontend — champs cachés exclus, messages localisés.

Des règles sans eval

Logique conditionnelle en JSON Logic ou en JavaScript, exécutée par un interpréteur AST : compatible CSP, builtins en liste blanche, exécution bornée.

Les cinq packages

Package	Ce que c’est	Vous en avez besoin quand…
formkrafter-core	Moteur headless : specs, ops, validation, bac à sable de règles, services	toujours (directement sur un backend, transitivement sur un frontend)
formkrafter-wc	L’UI en Web Components + les 30 bricks intégrées	vous affichez ou construisez des formulaires dans le navigateur
formkrafter-react	Wrappers React générés	votre application est en React
formkrafter-vue	Wrappers Vue 3 générés	votre application est en Vue
formkrafter-react-native	Renderer natif des mêmes specs	votre application est en React Native ou Expo

Astuce

Les wrappers embarquent formkrafter-wc et formkrafter-core transitivement. N’installez formkrafter-core seul que là où il n’y a pas d’UI — un backend Node ou Bun qui valide les payloads soumis.

Par où continuer

Bien démarrerInstaller, construire un formulaire et le valider côté serveur — en React, Vue ou HTML pur.

Specs de formulaireLa forme d'un BrickSpec, les opérations immuables, les patches et l'undo/redo.

BricksLes 30 bricks intégrées et comment enregistrer les vôtres.

ValidationValidateurs déclaratifs, validateurs personnalisés sandboxés et parité avec le backend.

Référence des composantsProps, événements et méthodes du builder et du renderer.

Vous venez de Form.ioConvertir des définitions de formulaires existantes et voir ce que vous y gagnez.