Optimajet FormEngine

Drag & Drop Form Builder Library for React.

Optimajet 社の製品
2025 年より日本国内にてComponentSourceで販売中。

価格:¥ 269,610 (税込)〜 バージョン: 8.1.0 新機能 更新日: May 1, 2026

Optimajet FormEngine のスクリーンショット

Optimajet FormEngine

Optimajet FormEngine drag and drop React form builder is designed to simplify the creation and management of web forms in enterprise applications. It allows developers and business users to build complex forms visually, store them as JSON, and render them at runtime without writing frontend code. This reduces development time, increases flexibility, and enables faster adaptation to changing business requirements. Optimajet FormEngine is a powerful React JS library designed to integrate seamlessly into React applications. Built for development teams that value flexibility, speed, and control, FormEngine removes the overhead of hardcoding forms while still giving developers complete control over the logic, structure, and data flow.

Optimajet FormEngine

Preview and adjust form styles for different devices.
Preview and adjust form styles for different devices.
Switch form layout for right-to-left languages.
Switch form layout for right-to-left languages.
Easily download or upload form JSON configurations.
Easily download or upload form JSON configurations.
Directly view and edit the form’s JSON structure.
Directly view and edit the form’s JSON structure.
Set conditional logic to control form behavior.
Set conditional logic to control form behavior.
Configure logic and behaviors triggered by user input.
Configure logic and behaviors triggered by user input.
Instantly preview the form as users will see it.
Instantly preview the form as users will see it.
Visual hierarchy of all components in the form.
Visual hierarchy of all components in the form.
A pre-built package of the most popular form components.
A pre-built package of the most popular form components.
Enable sleek dark mode for a modern aesthetic and reduced eye strain.
Enable sleek dark mode for a modern aesthetic and reduced eye strain.
Word WrapThis is an example of a Word Wrap table with word wrapping enabled for proper display of long text content.
Word WrapThis is an example of a Word Wrap table with word wrapping enabled for proper display of long text content.
Show Full Text of CellsThis is an example of a Show Full Text of Cells table with full text display on hover for truncated content.
Show Full Text of CellsThis is an example of a Show Full Text of Cells table with full text display on hover for truncated content.
Summary TableThis is an example of a Summary table with calculated totals displayed in column headers.
Summary TableThis is an example of a Summary table with calculated totals displayed in column headers.
Rowspan TableThis is an example of a Rowspan table with row spanning cells that merge across multiple rows.
Rowspan TableThis is an example of a Rowspan table with row spanning cells that merge across multiple rows.
Colspan TableThis is an example of a Colspan table with column spanning and grouping for complex header structures.
Colspan TableThis is an example of a Colspan table with column spanning and grouping for complex header structures.
Fluid TableThis is an example of a Fluid table with flexible column layout using flexGrow for adaptive column sizing.
Fluid TableThis is an example of a Fluid table with flexible column layout using flexGrow for adaptive column sizing.
Custom CellThis is an example of a Custom Cell table with custom cell rendering including avatars, progress bars, and formatted currency.
Custom CellThis is an example of a Custom Cell table with custom cell rendering including avatars, progress bars, and formatted currency.
Table Height
Table Height
AppearanceThis is an example of an Appearance table with interactive controls for customization.
AppearanceThis is an example of an Appearance table with interactive controls for customization.
Basic Table
Basic Table
Ready-to-use React FormEngine Components LibraryIncludes built-in components and supports easy integration of custom ones.
Ready-to-use React FormEngine Components LibraryIncludes built-in components and supports easy integration of custom ones.
Dynamic CSS and Responsive Layout Support
Dynamic CSS and Responsive Layout Support
Customization OptionsCustomize the appearance and behavior of form elements.
Customization OptionsCustomize the appearance and behavior of form elements.
Material UI IntegrationIntegration with the Material UI components library allows you to build forms with one of the most popular React UI frameworks.
Material UI IntegrationIntegration with the Material UI components library allows you to build forms with one of the most popular React UI frameworks.
Form Validation
Form Validation
Responsive Form LayoutsWhen you use the FormViewer component, it automatically detects the current view mode based on the window width, ensuring your forms look great on desktop, tablet, and mobile devices.
Responsive Form LayoutsWhen you use the FormViewer component, it automatically detects the current view mode based on the window width, ensuring your forms look great on desktop, tablet, and mobile devices.
Validate Form's JSON Using the Schema in your Favorite IDE
Validate Form's JSON Using the Schema in your Favorite IDE
The JSON Schema Supports Your Custom Components
The JSON Schema Supports Your Custom Components
詳しくは、ここをクリックしてください。

画像1 / 29

Preview and adjust form styles for different devices.
Switch form layout for right-to-left languages.
Easily download or upload form JSON configurations.
Directly view and edit the form’s JSON structure.
Set conditional logic to control form behavior.
Configure logic and behaviors triggered by user input.
Instantly preview the form as users will see it.
Visual hierarchy of all components in the form.
A pre-built package of the most popular form components.
Enable sleek dark mode for a modern aesthetic and reduced eye strain.
Word WrapThis is an example of a Word Wrap table with word wrapping enabled for proper display of long text content.
Show Full Text of CellsThis is an example of a Show Full Text of Cells table with full text display on hover for truncated content.
Summary TableThis is an example of a Summary table with calculated totals displayed in column headers.
Rowspan TableThis is an example of a Rowspan table with row spanning cells that merge across multiple rows.
Colspan TableThis is an example of a Colspan table with column spanning and grouping for complex header structures.
Fluid TableThis is an example of a Fluid table with flexible column layout using flexGrow for adaptive column sizing.
Custom CellThis is an example of a Custom Cell table with custom cell rendering including avatars, progress bars, and formatted currency.
Table Height
AppearanceThis is an example of an Appearance table with interactive controls for customization.
Basic Table
Ready-to-use React FormEngine Components LibraryIncludes built-in components and supports easy integration of custom ones.
Dynamic CSS and Responsive Layout Support
Customization OptionsCustomize the appearance and behavior of form elements.
Material UI IntegrationIntegration with the Material UI components library allows you to build forms with one of the most popular React UI frameworks.
Form Validation
Responsive Form LayoutsWhen you use the FormViewer component, it automatically detects the current view mode based on the window width, ensuring your forms look great on desktop, tablet, and mobile devices.
Validate Form's JSON Using the Schema in your Favorite IDE
The JSON Schema Supports Your Custom Components

FormEngine empowers developers to integrate their own React components directly into the form designer. This means you can reuse your existing components, maintain design consistency, and extend the builder with domain-specific logic—without compromise. One of FormEngine’s biggest strengths is its flexibility - especially when it comes to custom components.

  • Adding a custom component is seamless:
    • Start with your own React component.
    • Use the intuitive FormEngine API to describe its editable...
Optimajet FormEngine の詳細情報。

最新ニュース

JSONスキーマ検証で正確なフォームを作成
JSONスキーマ検証で正確なフォームを作成
April 24, 2026機能のハイライト
Optimajet FormEngineはリアルタイムのIDE検証とオートコンプリートを可能にし、問題を早期に検出しフォーム開発を改善可能
Material UI統合で最新のフォームを構築
Material UI統合で最新のフォームを構築
February 5, 2026Product Update
Optimajet FormEngine v7.10.0はMaterial UIコンポーネントを直接統合して、カスタムスタイリングを削減し、フォーム開発を高速化
組み込みのテーブル構造にでデータ入力を改善
組み込みのテーブル構造にでデータ入力を改善
November 17, 2025Product Update
Optimajet FormEngine v7.3.0は、フォーム内で直接構造化された複数行データ入力を作成するための強力な新テーブルコンポーネントを追加

価格:¥ 269,610 (税込)〜

Optimajet FormEngine Licenses are limited by the number of domains on which the visual form editor can be launched、 the set of additional ready-to-use components that can be connected (such as Grid...
ライセンスの詳細

ご質問がありますか？

今すぐ Optimajet ライセンススペシャリストとライブ チャット。

機能ハイライト

Enable sleek dark mode for a modern aesthetic and reduced eye strain.A pre-built package of the most popular form components.Visual hierarchy of all components in the form.Instantly preview the form as users will see it.Configure logic and behaviors triggered by user input.Set conditional logic to control form behavior.Directly view and edit the form’s JSON structure.Easily download or upload form JSON configurations.Switch form layout for right-to-left languages.Preview and adjust form styles for different devices.
他の機能
Optimajet
公式認定ディストリビューターとして Optimajet 社の正式ライセンスをお客様に直接お届けいたします。
Optimajet の詳細
Component Type
  • JavaScript
  • React JS
互換性の詳細