2 dépôts
Palettes of draggable items that create new component instances when dropped into the editor.
Distinct from Developer Toolboxes: Distinct from Developer Toolboxes: focuses on visual drag-and-drop component palettes for page editors rather than general programming utilities.
Explore 2 awesome GitHub repositories matching development tools & productivity · Component Toolboxes. Refine with filters or upvote what's useful.
Craft.js is a framework for building extensible drag-and-drop page editors using React components and serializable state management. It provides the core infrastructure to construct custom page builders where users can compose layouts by dragging, dropping, and repositioning elements within a structured editor environment. The framework manages editor state through a component-based node tree, where each user element is represented as an internal node storing its type, props, and parent relationships. This state is managed via React Context and can be serialized to JSON for persistence and sh
Provides a palette of draggable items that create new component instances when dropped into the editor.
Ce projet est un framework de rendu de formulaires basé sur JSON et un créateur visuel conçu pour la collecte dynamique de données. Il fournit une bibliothèque de construction de formulaires JavaScript qui transforme les schémas JSON en formulaires web fonctionnels et en assistants multi-étapes, avec un créateur de sondages visuel dédié pour concevoir des mises en page et une logique de branchement sans écrire de code. La bibliothèque se distingue par son intégration bidirectionnelle avec les PDF, permettant la conversion de schémas JSON en documents PDF remplissables et l'extraction de données structurées à partir de PDF existants. Elle propose également des fonctionnalités avancées pour créer des évaluations notées et des calculateurs qui traitent des entrées numériques pour fournir des résultats pondérés en temps réel. Le système couvre une large surface de fonctionnalités, incluant le branchement conditionnel et la validation d'entrées multi-étapes, la localisation multilingue et un rendu agnostique au framework pour React, Angular et Vue.js. Il inclut en outre des outils de visualisation des données de réponse, un théming basé sur les variables CSS et la conformité à l'accessibilité WCAG.
Organizes form construction using a searchable toolbox and a collapsible property grid for configuration.