diff --git a/demo/app/Sharp/Posts/PostForm.php b/demo/app/Sharp/Posts/PostForm.php
index bd0c6538f..2e6d15f16 100644
--- a/demo/app/Sharp/Posts/PostForm.php
+++ b/demo/app/Sharp/Posts/PostForm.php
@@ -16,6 +16,7 @@
 use Code16\Sharp\Form\Fields\SharpFormCheckField;
 use Code16\Sharp\Form\Fields\SharpFormDateField;
 use Code16\Sharp\Form\Fields\SharpFormEditorField;
+use Code16\Sharp\Form\Fields\SharpFormHtmlField;
 use Code16\Sharp\Form\Fields\SharpFormListField;
 use Code16\Sharp\Form\Fields\SharpFormTagsField;
 use Code16\Sharp\Form\Fields\SharpFormTextareaField;
@@ -27,6 +28,7 @@
 use Code16\Sharp\Form\Layout\FormLayoutTab;
 use Code16\Sharp\Form\SharpForm;
 use Code16\Sharp\Utils\Fields\FieldsContainer;
+use Illuminate\Support\Facades\Blade;
 
 class PostForm extends SharpForm
 {
@@ -104,6 +106,29 @@ public function buildFormFields(FieldsContainer $formFields): void
                     ->setLabel('Publication date')
                     ->setHasTime(),
             )
+            ->addField(
+                SharpFormHtmlField::make('publication_label')
+                    ->setLiveRefresh(linkedFields: ['author_id', 'published_at', 'attachments'])
+                    ->setTemplate(function (array $data) {
+                        if (! isset($data['published_at'])) {
+                            return '';
+                        }
+
+                        return Blade::render(<<<'blade'
+                            This post will be published on {{ $published_at }}
+                            @if($author)
+                                by {{ $author->name }}.
+                            @endif
+                            <br>
+                            {{ count($linkAttachments) }} link attachments, {{ count($fileAttachments) }} file attachments.
+                        blade, [
+                            'published_at' => \Carbon\Carbon::parse($data['published_at'])->isoFormat('LLLL'),
+                            'author' => \App\Models\User::find($data['author_id']),
+                            'linkAttachments' => collect($data['attachments'])->where('is_link', true)->values(),
+                            'fileAttachments' => collect($data['attachments'])->where('is_link', false)->values(),
+                        ]);
+                    })
+            )
             ->addField(
                 SharpFormListField::make('attachments')
                     ->setLabel('Attachments')
@@ -131,7 +156,7 @@ public function buildFormFields(FieldsContainer $formFields): void
                             ->setStorageDisk('local')
                             ->setStorageBasePath('data/posts/{id}')
                             ->addConditionalDisplay('!is_link'),
-                    ),
+                    )
             )
             ->when(sharp()->context()->isUpdate(), fn ($formFields) => $formFields->addField(
                 SharpFormAutocompleteRemoteField::make('author_id')
@@ -168,10 +193,10 @@ public function buildFormLayout(FormLayout $formLayout): void
                                 fn ($column) => $column->withField('author_id')
                             )
                             ->withFields('published_at', 'categories')
+                            ->withField('publication_label')
                             ->withListField('attachments', function (FormLayoutColumn $item) {
                                 $item->withFields(title: 8, is_link: 4)
-                                    ->withField('link_url')
-                                    ->withField('document');
+                                    ->withField('link_url');
                             });
                     })
                     ->addColumn(6, function (FormLayoutColumn $column) {
diff --git a/demo/app/Sharp/TestForm/TestForm.php b/demo/app/Sharp/TestForm/TestForm.php
index 6c677b967..362be766c 100644
--- a/demo/app/Sharp/TestForm/TestForm.php
+++ b/demo/app/Sharp/TestForm/TestForm.php
@@ -25,6 +25,7 @@
 use Code16\Sharp\Form\Layout\FormLayoutTab;
 use Code16\Sharp\Form\SharpSingleForm;
 use Code16\Sharp\Utils\Fields\FieldsContainer;
+use Illuminate\Database\Eloquent\Builder;
 
 class TestForm extends SharpSingleForm
 {
@@ -161,7 +162,16 @@ public function buildFormFields(FieldsContainer $formFields): void
                             ->setListItemTemplate('{{ $name }}')
                             ->setResultItemTemplate('{{ $name }} ({{ $id }})')
                             ->setRemoteCallback(function ($search, $data) {
-                                dd($data);
+                                $users = User::orderBy('name');
+
+                                foreach (explode(' ', trim($search)) as $word) {
+                                    $users->where(function (Builder $query) use ($word) {
+                                        $query->orWhere('name', 'like', "%$word%")
+                                            ->orWhere('email', 'like', "%$word%");
+                                    });
+                                }
+
+                                return $users->limit(10)->get();
                             }, linkedFields: ['select']),
                     )
                     ->addItemField(SharpFormEditorField::make('markdown2')
@@ -170,6 +180,18 @@ public function buildFormFields(FieldsContainer $formFields): void
                         ->setToolbar([
                             SharpFormEditorField::B, SharpFormEditorField::I, SharpFormEditorField::A,
                         ]),
+                    )
+                    ->addItemField(
+                        SharpFormHtmlField::make('document_infos')
+                            ->setLiveRefresh(linkedFields: ['select'])
+                            ->setTemplate(function (array $data) {
+                                return isset($data['select'])
+                                    ? sprintf(
+                                        'You have selected : %s',
+                                        $this->options()[$data['select']]
+                                    )
+                                    : '';
+                            })
                     ),
             )
             ->addField(
diff --git a/docs/guide/form-fields/html.md b/docs/guide/form-fields/html.md
index 9899fb551..cbc04ed58 100644
--- a/docs/guide/form-fields/html.md
+++ b/docs/guide/form-fields/html.md
@@ -6,7 +6,7 @@ This field is read-only, and is meant to display some dynamic information in the
 
 ## Configuration
 
-### `setTemplate(string|View $template)`
+### `setTemplate(string|View|Closure $template)`
 
 Write the blade template as a string. Example:
 
@@ -35,6 +35,33 @@ SharpFormHtmlField::make('panel')
     ->setTemplate(view('sharp.form-htm-field'))
 ```
 
+Using a closure:
+
+```php
+SharpFormHtmlField::make('panel')
+    ->setTemplate(function (array $data) {
+        return 'You have chosen:'.$data['another_form_field'].'. Date: '.$data['date'];
+    })
+```
+
+#### Accessing to other field values in the form
+
+In the template, all other field values of the form are available (alongside the Html field value). This is particularly useful when using `setLiveRefresh()` (described below).
+
+### `setLiveRefresh(bool $liveRefresh = true, ?array $linkedFields = null)`
+
+Use this method to dynamically update Html field when the user changes another field. 
+The `$linkedFields` parameter allows filtering which field to watch (without it the internal refresh endpoint is called on any field update).
+
+```php
+SharpFormHtmlField::make('total')
+    ->setLiveRefresh(linkedFields: ['products'])
+    ->setTemplate(function (array $data) {
+        return 'Total:'.collect($data['products'])
+            ->sum(fn ($product) => $product['price']);
+    })
+```
+
 ## Formatter
 
 - `toFront`: sent as provided.
diff --git a/resources/js/Pages/Form/Form.vue b/resources/js/Pages/Form/Form.vue
index ccbe72dcc..f2d8250ca 100644
--- a/resources/js/Pages/Form/Form.vue
+++ b/resources/js/Pages/Form/Form.vue
@@ -10,7 +10,6 @@
     import { onUnmounted, ref, useTemplateRef, watch } from "vue";
     import { __ } from "@/utils/i18n";
     import { Button } from '@/components/ui/button';
-    import { useResizeObserver } from "@vueuse/core";
     import { slugify } from "@/utils";
 
     const props = defineProps<{
diff --git a/resources/js/form/Form.ts b/resources/js/form/Form.ts
index 6d9db0045..08d89bef5 100644
--- a/resources/js/form/Form.ts
+++ b/resources/js/form/Form.ts
@@ -284,6 +284,14 @@ export class Form implements FormData, CommandFormData, EventTarget {
         }, 0);
     }
 
+    shouldRefresh(updatedFieldKey: string, fields = this.fields): boolean {
+        return Object.values(fields).some(field =>
+            field.type === 'html'
+            && field.liveRefresh
+            && (!field.liveRefreshLinkedFields || field.liveRefreshLinkedFields.includes(updatedFieldKey))
+        );
+    }
+
     eventTarget: EventTarget = new EventTarget();
 
     addEventListener(type: FormEvents, callback: EventListener, options?: AddEventListenerOptions | boolean): void {
diff --git a/resources/js/form/components/Form.vue b/resources/js/form/components/Form.vue
index dfe5842ed..85a16dd2a 100644
--- a/resources/js/form/components/Form.vue
+++ b/resources/js/form/components/Form.vue
@@ -18,7 +18,7 @@
     import { slugify } from "@/utils";
     import { Badge } from "@/components/ui/badge";
     import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
-    import { FieldMeta } from "@/form/types";
+    import { FieldMeta, FormFieldEmitInputOptions } from "@/form/types";
     import StickyTop from "@/components/StickyTop.vue";
     import StickyBottom from "@/components/StickyBottom.vue";
     import { Menu } from 'lucide-vue-next';
@@ -26,6 +26,11 @@
     import RootCardHeader from "@/components/ui/RootCardHeader.vue";
     import { vScrollIntoView } from "@/directives/scroll-into-view";
     import { useResizeObserver } from "@vueuse/core";
+    import debounce from "lodash/debounce";
+    import { api } from "@/api/api";
+    import { route } from "@/utils/url";
+    import { useParentCommands } from "@/commands/useCommands";
+    import merge from 'lodash/merge';
 
     const props = defineProps<{
         form: Form
@@ -77,14 +82,32 @@
         props.form.setMeta(fieldKey, { uploading });
     }
 
-    function onFieldInput(fieldKey: string, value: FormFieldData['value'], { force = false } = {}) {
+    const parentCommands = useParentCommands();
+    const refresh = debounce((data) => {
+        api.post(route('code16.sharp.api.form.refresh.update', {
+            entityKey: props.form.entityKey,
+            instance_id: props.form.instanceId,
+            embed_key: props.form.embedKey,
+            entity_list_command_key: parentCommands?.commandContainer === 'entityList' ? props.form.commandKey : null,
+            show_command_key: parentCommands?.commandContainer === 'show' ? props.form.commandKey : null,
+        }), data)
+            .then(response => {
+                merge(props.form.data, response.data.form.data);
+            });
+    }, 200);
+
+    function onFieldInput(fieldKey: string, value: FormFieldData['value'], inputOptions: FormFieldEmitInputOptions = {}) {
         const data = {
             ...props.form.data,
-            ...(!force ? getDependantFieldsResetData(props.form.fields, fieldKey) : null),
+            ...(!inputOptions.force ? getDependantFieldsResetData(props.form.fields, fieldKey) : null),
             [fieldKey]: value,
         };
 
         props.form.data = data;
+
+        if((props.form.shouldRefresh(fieldKey) || inputOptions.shouldRefresh) && !inputOptions.skipRefresh) {
+            refresh(data);
+        }
     }
 
     const title = useTemplateRef<HTMLElement>('title');
diff --git a/resources/js/form/components/fields/List.vue b/resources/js/form/components/fields/List.vue
index 800816364..3701aab86 100644
--- a/resources/js/form/components/fields/List.vue
+++ b/resources/js/form/components/fields/List.vue
@@ -6,7 +6,7 @@
     import { computed, nextTick, ref, watch, watchEffect } from "vue";
     import { Button, buttonVariants } from '@/components/ui/button';
     import { showAlert } from "@/utils/dialogs";
-    import { FieldMeta, FieldsMeta, FormFieldEmits, FormFieldProps } from "@/form/types";
+    import { FieldMeta, FieldsMeta, FormFieldEmitInputOptions, FormFieldEmits, FormFieldProps } from "@/form/types";
     import FieldGridRow from "@/components/ui/FieldGridRow.vue";
     import FieldGridColumn from "@/components/ui/FieldGridColumn.vue";
     import { Toggle } from "@/components/ui/toggle";
@@ -81,7 +81,7 @@
         emit('input', props.value?.map(((item, index) => ({ ...item, [errorIndex]: index }))), { preserveError: true });
     });
 
-    emit('input', props.value?.map(item => ({ ...item, [itemKey]: itemKeyIndex++ })), { force: true });
+    emit('input', props.value?.map(item => ({ ...item, [itemKey]: itemKeyIndex++ })), { force: true, skipRefresh: true });
 
     watchArray(() => props.value ?? [], async (newList, oldList, added) => {
         if(!added.length) {
@@ -142,17 +142,26 @@
         e.target.value = '';
     }
 
-    function onFieldInput(itemIndex: number, itemFieldKey: string, itemFieldValue: FormFieldData['value'], { force = false } = {}) {
+    function onFieldInput(
+        itemIndex: number,
+        itemFieldKey: string,
+        itemFieldValue: FormFieldData['value'],
+        inputOptions: FormFieldEmitInputOptions
+    ) {
         emit('input', props.value.map((item, i) => {
             if(i === itemIndex) {
                 return {
                     ...item,
-                    ...(!force ? getDependantFieldsResetData(props.field.itemFields, itemFieldKey) : null),
+                    ...(!inputOptions?.force ? getDependantFieldsResetData(props.field.itemFields, itemFieldKey) : null),
                     [itemFieldKey]: itemFieldValue,
                 }
             }
             return item;
-        }));
+        }), {
+            force: inputOptions?.force,
+            skipRefresh: inputOptions?.skipRefresh,
+            shouldRefresh: form.shouldRefresh(itemFieldKey, props.field.itemFields)
+        });
     }
 
     function onFieldLocaleChange(fieldKey: string, locale: string) {
diff --git a/resources/js/form/components/fields/Tags.vue b/resources/js/form/components/fields/Tags.vue
index af116c1bf..57bc3cbfe 100644
--- a/resources/js/form/components/fields/Tags.vue
+++ b/resources/js/form/components/fields/Tags.vue
@@ -60,7 +60,7 @@
             && !props.field.options.find(o => o.label === searchTerm.value);
     });
 
-    emit('input', props.value?.map(option => withItemKey(option)));
+    emit('input', props.value?.map(option => withItemKey(option)), { skipRefresh: true });
 </script>
 
 <template>
diff --git a/resources/js/form/components/fields/editor/Editor.vue b/resources/js/form/components/fields/editor/Editor.vue
index 6b152a781..df9a0edf8 100644
--- a/resources/js/form/components/fields/editor/Editor.vue
+++ b/resources/js/form/components/fields/editor/Editor.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
     import { __ } from "@/utils/i18n";
     import { FormEditorFieldData } from "@/types";
-    import { computed, provide, ref, watch } from "vue";
+    import { computed, nextTick, onBeforeUnmount, onMounted, provide, ref, watch } from "vue";
     import { Editor, BubbleMenu, isActive } from "@tiptap/vue-3";
     import debounce from 'lodash/debounce';
     import { EditorContent } from '@tiptap/vue-3';
@@ -60,6 +60,8 @@
     });
     const embedModal = ref<InstanceType<typeof EditorEmbedModal>>();
     const linkDropdown = ref<InstanceType<typeof LinkDropdown>>();
+    const isMounted = ref(false);
+    const isUnmounting = ref(false);
 
     provide<ParentEditor>('editor', {
         props,
@@ -67,6 +69,8 @@
         uploadModal,
         embedManager,
         embedModal,
+        isMounted,
+        isUnmounting,
     } satisfies ParentEditor);
 
     const editor = useLocalizedEditor(
@@ -151,6 +155,16 @@
         }
     );
 
+    onMounted(() => {
+        setTimeout(() => {
+            isMounted.value = true;
+        }, 10);
+    });
+
+    onBeforeUnmount(() => {
+        isUnmounting.value = true;
+    });
+
     const dropdownEmbeds = computed(() =>
         Object.values(props.field.embeds ?? {})
             .filter(embed => !props.field.toolbar?.includes(`embed:${embed.key}`))
diff --git a/resources/js/form/components/fields/editor/extensions/embed/EmbedNode.vue b/resources/js/form/components/fields/editor/extensions/embed/EmbedNode.vue
index 6cb7b0c2c..1216af6d4 100644
--- a/resources/js/form/components/fields/editor/extensions/embed/EmbedNode.vue
+++ b/resources/js/form/components/fields/editor/extensions/embed/EmbedNode.vue
@@ -31,7 +31,7 @@
         });
     }
 
-    useEditorNode({
+    useEditorNode(props, {
         onAdded: () => {
             embedManager.restoreEmbed(props.node.attrs['data-key'], props.extension.options.embed)
         },
diff --git a/resources/js/form/components/fields/editor/extensions/upload/UploadNode.vue b/resources/js/form/components/fields/editor/extensions/upload/UploadNode.vue
index e14b8ae67..9bf0b4710 100644
--- a/resources/js/form/components/fields/editor/extensions/upload/UploadNode.vue
+++ b/resources/js/form/components/fields/editor/extensions/upload/UploadNode.vue
@@ -19,7 +19,7 @@
     const uploadComponent = ref<InstanceType<typeof Upload>>();
     const upload = computed(() => uploadManager.getUpload(props.node.attrs['data-key']));
 
-    useEditorNode({
+    useEditorNode(props, {
         onAdded: () => {
             uploadManager.restoreUpload(props.node.attrs['data-key']);
         },
diff --git a/resources/js/form/components/fields/editor/useEditorNode.ts b/resources/js/form/components/fields/editor/useEditorNode.ts
index e5457d4ec..4761175cd 100644
--- a/resources/js/form/components/fields/editor/useEditorNode.ts
+++ b/resources/js/form/components/fields/editor/useEditorNode.ts
@@ -1,8 +1,12 @@
 import { onBeforeUnmount, onMounted } from "vue";
 import { useParentEditor } from "@/form/components/fields/editor/useParentEditor";
+import { ExtensionNodeProps } from "@/form/components/fields/editor/types";
 
 
-export function useEditorNode({ onAdded, onRemoved }: { onAdded: () => void, onRemoved: () => void }) {
+export function useEditorNode(
+    props: ExtensionNodeProps<any, any>,
+    { onAdded, onRemoved }: { onAdded: () => void, onRemoved: () => void }
+) {
     const parentEditor = useParentEditor();
     const locale = parentEditor.props.locale;
 
@@ -12,10 +16,12 @@ export function useEditorNode({ onAdded, onRemoved }: { onAdded: () => void, onR
     // }, { flush: 'sync' });
 
     onMounted(() => {
-        onAdded();
+        if(parentEditor.isMounted.value) {
+            onAdded();
+        }
     });
     onBeforeUnmount(() => {
-        if(!parentEditor.props.field.localized || locale === parentEditor.props.locale) {
+        if(!parentEditor.isUnmounting.value && (!parentEditor.props.field.localized || locale === parentEditor.props.locale)) {
             onRemoved();
         }
     });
diff --git a/resources/js/form/components/fields/editor/useParentEditor.ts b/resources/js/form/components/fields/editor/useParentEditor.ts
index 1e864f972..55ecc9dc0 100644
--- a/resources/js/form/components/fields/editor/useParentEditor.ts
+++ b/resources/js/form/components/fields/editor/useParentEditor.ts
@@ -16,6 +16,8 @@ export type ParentEditor = {
     embedModal: Ref<InstanceType<typeof EditorEmbedModal>>
     uploadManager: ContentUploadManager<Form>,
     uploadModal: Ref<InstanceType<typeof EditorUploadModal>>,
+    isMounted: Ref<boolean>,
+    isUnmounting: Ref<boolean>,
 };
 
 export function useParentEditor() {
diff --git a/resources/js/form/types.ts b/resources/js/form/types.ts
index 0bfcd0dde..e8d7d1ce7 100644
--- a/resources/js/form/types.ts
+++ b/resources/js/form/types.ts
@@ -34,7 +34,13 @@ export type FormFieldProps<Data extends FormFieldData = FormFieldData, Value = D
     row?: LayoutFieldData[],
 }
 
-export type FormFieldEmitInputOptions = { error?: string, force?: boolean, preserveError?: boolean };
+export type FormFieldEmitInputOptions = {
+    error?: string,
+    force?: boolean,
+    preserveError?: boolean,
+    skipRefresh?: boolean,
+    shouldRefresh?: boolean,
+};
 
 export type FormFieldEmits<Data extends FormFieldData> = {
     (e: 'input', value: Data['value'], options?: FormFieldEmitInputOptions): void
diff --git a/resources/js/types/generated.d.ts b/resources/js/types/generated.d.ts
index 4baf7643b..f18118807 100644
--- a/resources/js/types/generated.d.ts
+++ b/resources/js/types/generated.d.ts
@@ -54,6 +54,7 @@ export type CommandFormConfigData = {
   buttonLabel: string | null;
   showSubmitAndReopenButton: boolean;
   submitAndReopenButtonLabel: string | null;
+  shouldRefresh: boolean;
 };
 export type CommandFormData = {
   data: { [key: string]: FormFieldData["value"] };
@@ -133,6 +134,7 @@ export type EmbedData = {
 };
 export type EmbedFormData = {
   data: { [key: string]: FormFieldData["value"] };
+  config: { shouldRefresh: boolean };
   fields: { [key: string]: FormFieldData };
   layout: FormLayoutData | null;
 };
@@ -304,6 +306,7 @@ export type FormConditionalDisplayData = {
 };
 export type FormConfigData = {
   isSingle: boolean;
+  shouldRefresh: boolean;
 };
 export type FormCustomFieldData = {
   value?: any;
@@ -464,6 +467,8 @@ export type FormGeolocationFieldData = {
 export type FormHtmlFieldData = {
   value?: { [key: string]: any } | null;
   key: string;
+  liveRefresh: boolean;
+  liveRefreshLinkedFields: Array<any> | null;
   type: "html";
   label: string | null;
   readOnly: boolean | null;
diff --git a/resources/js/types/routes.d.ts b/resources/js/types/routes.d.ts
index ed41fe615..4081fe3d2 100644
--- a/resources/js/types/routes.d.ts
+++ b/resources/js/types/routes.d.ts
@@ -315,6 +315,12 @@ declare module 'ziggy-js' {
             "name": "autocompleteFieldKey"
         }
     ],
+    "code16.sharp.api.form.refresh.update": [
+        {
+            "name": "entityKey",
+            "binding": "key"
+        }
+    ],
     "code16.sharp.api.filters.autocomplete.index": [
         {
             "name": "entityKey",
diff --git a/src/Data/Form/Fields/FormHtmlFieldData.php b/src/Data/Form/Fields/FormHtmlFieldData.php
index 0b1e45abf..cb7e862e7 100644
--- a/src/Data/Form/Fields/FormHtmlFieldData.php
+++ b/src/Data/Form/Fields/FormHtmlFieldData.php
@@ -19,8 +19,10 @@ final class FormHtmlFieldData extends Data
 
     public function __construct(
         public string $key,
+        public bool $liveRefresh,
         #[LiteralTypeScriptType('"'.FormFieldType::Html->value.'"')]
         public FormFieldType $type,
+        public ?array $liveRefreshLinkedFields = null,
         public ?string $label = null,
         public ?bool $readOnly = null,
         public ?FormConditionalDisplayData $conditionalDisplay = null,
diff --git a/src/Form/Fields/Embeds/SharpFormEditorEmbed.php b/src/Form/Fields/Embeds/SharpFormEditorEmbed.php
index b445b2d21..330145344 100644
--- a/src/Form/Fields/Embeds/SharpFormEditorEmbed.php
+++ b/src/Form/Fields/Embeds/SharpFormEditorEmbed.php
@@ -11,6 +11,7 @@
 use Code16\Sharp\Form\Layout\HasModalFormLayout;
 use Code16\Sharp\Utils\Fields\FieldsContainer;
 use Code16\Sharp\Utils\Fields\HandleFields;
+use Code16\Sharp\Utils\Fields\HandleFormHtmlFields;
 use Code16\Sharp\Utils\Icons\IconManager;
 use Code16\Sharp\Utils\Traits\HandlePageAlertMessage;
 use Code16\Sharp\Utils\Traits\HandleValidation;
@@ -24,6 +25,7 @@
 abstract class SharpFormEditorEmbed
 {
     use HandleFields;
+    use HandleFormHtmlFields;
     use HandlePageAlertMessage;
     use HandleValidation;
     use HasModalFormLayout;
diff --git a/src/Form/Fields/Formatters/EditorEmbedsFormatter.php b/src/Form/Fields/Formatters/EditorEmbedsFormatter.php
index 319c266c1..719f25014 100644
--- a/src/Form/Fields/Formatters/EditorEmbedsFormatter.php
+++ b/src/Form/Fields/Formatters/EditorEmbedsFormatter.php
@@ -42,7 +42,7 @@ function (string $content) use ($field, $value) {
                     foreach ($elements as $element) {
                         $dataKey = $element->getAttribute('data-key');
                         foreach ($embed->getBuiltFields() as $fieldKey => $field) {
-                            $embedData = $value['embeds'][$embedKey][$dataKey];
+                            $embedData = ((array) $value['embeds'][$embedKey])[$dataKey];
                             $fieldValue = $embedData[$fieldKey] ?? null;
                             if ($field->formatter() instanceof UploadFormatter) {
                                 $fieldValue = $field->formatter()
diff --git a/src/Form/Fields/Formatters/EditorUploadsFormatter.php b/src/Form/Fields/Formatters/EditorUploadsFormatter.php
index 6ec416862..9f249e96f 100644
--- a/src/Form/Fields/Formatters/EditorUploadsFormatter.php
+++ b/src/Form/Fields/Formatters/EditorUploadsFormatter.php
@@ -45,9 +45,9 @@ function (string $content) use ($field, $value) {
                         ->uploadsConfig()
                         ->formatter()
                         ->setInstanceId($this->instanceId)
-                        ->fromFront($field->uploadsConfig(), 'file', $value['uploads'][$key]['file']);
+                        ->fromFront($field->uploadsConfig(), 'file', ((array) $value['uploads'])[$key]['file']);
                     $element->setAttribute('file', json_encode($file));
-                    if ($legend = $value['uploads'][$key]['legend'] ?? null) {
+                    if ($legend = ((array) $value['uploads'])[$key]['legend'] ?? null) {
                         $element->setAttribute('legend', $legend);
                     }
                     $element->removeAttribute('data-key');
diff --git a/src/Form/Fields/Formatters/HtmlFormatter.php b/src/Form/Fields/Formatters/HtmlFormatter.php
index 58cd4f920..344734c15 100644
--- a/src/Form/Fields/Formatters/HtmlFormatter.php
+++ b/src/Form/Fields/Formatters/HtmlFormatter.php
@@ -4,15 +4,20 @@
 
 use Code16\Sharp\Form\Fields\SharpFormField;
 use Code16\Sharp\Form\Fields\SharpFormHtmlField;
+use Code16\Sharp\Utils\Fields\HandleFormFields;
 
 class HtmlFormatter extends AbstractSimpleFormatter
 {
     /**
+     * HTML fields formatting is done separately.
+     *
+     * @see HandleFormFields::formatHtmlFields()
+     *
      * @param  SharpFormHtmlField  $field
      */
     public function toFront(SharpFormField $field, $value)
     {
-        return $field->render(is_array($value) ? $value : []);
+        return $value;
     }
 
     public function fromFront(SharpFormField $field, string $attribute, $value)
diff --git a/src/Form/Fields/Formatters/ListFormatter.php b/src/Form/Fields/Formatters/ListFormatter.php
index 3a51edac4..e130daa9b 100644
--- a/src/Form/Fields/Formatters/ListFormatter.php
+++ b/src/Form/Fields/Formatters/ListFormatter.php
@@ -4,6 +4,7 @@
 
 use Closure;
 use Code16\Sharp\Form\Fields\SharpFormField;
+use Code16\Sharp\Form\Fields\SharpFormHtmlField;
 use Code16\Sharp\Form\Fields\SharpFormListField;
 
 class ListFormatter extends SharpFieldFormatter implements FormatsAfterUpdate
@@ -68,7 +69,7 @@ public function fromFront(SharpFormField $field, string $attribute, $value)
                 foreach ($item as $key => $value) {
                     $itemField = $field->findItemFormFieldByKey($key);
 
-                    if ($itemField) {
+                    if ($itemField && ! $itemField instanceof SharpFormHtmlField) {
                         $itemArray[$key] = $this->itemFieldFormatter($itemField)
                             ->setInstanceId($this->instanceId)
                             ->fromFront($itemField, $key, $value);
diff --git a/src/Form/Fields/Formatters/UploadFormatter.php b/src/Form/Fields/Formatters/UploadFormatter.php
index 3fa53d841..ec134d3a3 100644
--- a/src/Form/Fields/Formatters/UploadFormatter.php
+++ b/src/Form/Fields/Formatters/UploadFormatter.php
@@ -31,7 +31,7 @@ public function fromFront(SharpFormField $field, string $attribute, $value): ?ar
             );
 
             return tap($this->normalizeFromFront($value, [
-                'file_name' => $field->storageDisk()
+                'file_name' => $field->storageDisk() && ! sharp()->context()->isFormRefresh()
                     ? sprintf(
                         '%s/%s',
                         str($field->storageBasePath())->replace('{id}', $this->instanceId ?? '{id}'),
@@ -44,7 +44,9 @@ public function fromFront(SharpFormField $field, string $attribute, $value): ?ar
                     ->size($uploadedFieldRelativePath),
                 'mime_type' => Storage::disk(sharp()->config()->get('uploads.tmp_disk'))
                     ->mimeType($uploadedFieldRelativePath),
-                'disk' => $field->storageDisk() ?: sharp()->config()->get('uploads.tmp_disk'),
+                'disk' => $field->storageDisk() && ! sharp()->context()->isFormRefresh()
+                    ? $field->storageDisk()
+                    : sharp()->config()->get('uploads.tmp_disk'),
                 'filters' => $field->isImageTransformOriginal()
                     ? null
                     : $value['filters'] ?? null,
diff --git a/src/Form/Fields/SharpFormHtmlField.php b/src/Form/Fields/SharpFormHtmlField.php
index 5ce359ffb..1783aedb5 100644
--- a/src/Form/Fields/SharpFormHtmlField.php
+++ b/src/Form/Fields/SharpFormHtmlField.php
@@ -2,6 +2,7 @@
 
 namespace Code16\Sharp\Form\Fields;
 
+use Closure;
 use Code16\Sharp\Form\Fields\Formatters\HtmlFormatter;
 use Illuminate\Contracts\View\View;
 use Illuminate\Support\Facades\Blade;
@@ -10,14 +11,31 @@ class SharpFormHtmlField extends SharpFormField
 {
     const FIELD_TYPE = 'html';
 
-    private View|string $template;
+    /** @var View|Closure(array)|string */
+    private View|Closure|string $template;
+
+    private bool $liveRefresh = false;
+    private ?array $liveRefreshLinkedFields = null;
 
     public static function make(string $key): self
     {
         return new static($key, static::FIELD_TYPE, new HtmlFormatter());
     }
 
-    public function setTemplate(View|string $template): self
+    public function setLiveRefresh(bool $liveRefresh = true, ?array $linkedFields = null): self
+    {
+        $this->liveRefresh = $liveRefresh;
+        $this->liveRefreshLinkedFields = $linkedFields;
+
+        return $this;
+    }
+
+    public function hasLiveRefresh(): bool
+    {
+        return $this->liveRefresh;
+    }
+
+    public function setTemplate(View|Closure|string $template): self
     {
         $this->template = $template;
 
@@ -26,6 +44,12 @@ public function setTemplate(View|string $template): self
 
     public function render(array $data): string
     {
+        if ($this->template instanceof Closure) {
+            $view = ($this->template)($data);
+
+            return $view instanceof View ? $view->with($data)->render() : $view;
+        }
+
         if (is_string($this->template)) {
             return Blade::render($this->template, $data);
         }
@@ -35,6 +59,9 @@ public function render(array $data): string
 
     public function toArray(): array
     {
-        return parent::buildArray([]);
+        return parent::buildArray([
+            'liveRefresh' => $this->liveRefresh,
+            'liveRefreshLinkedFields' => $this->liveRefreshLinkedFields,
+        ]);
     }
 }
diff --git a/src/Http/Context/SharpContext.php b/src/Http/Context/SharpContext.php
index 53a3f7536..6f7253186 100644
--- a/src/Http/Context/SharpContext.php
+++ b/src/Http/Context/SharpContext.php
@@ -95,6 +95,11 @@ public function instanceId(): ?string
         return $current?->instanceId();
     }
 
+    public function isFormRefresh(): bool
+    {
+        return request()->routeIs('code16.sharp.api.form.refresh.update');
+    }
+
     public function findListInstance(string $instanceId, ?Closure $notFoundCallback = null): mixed
     {
         if (isset($this->cachedListInstances)) {
diff --git a/src/Http/Controllers/Api/ApiFormAutocompleteController.php b/src/Http/Controllers/Api/ApiFormAutocompleteController.php
index 125a27f02..c9ba736b6 100644
--- a/src/Http/Controllers/Api/ApiFormAutocompleteController.php
+++ b/src/Http/Controllers/Api/ApiFormAutocompleteController.php
@@ -2,14 +2,8 @@
 
 namespace Code16\Sharp\Http\Controllers\Api;
 
-use Code16\Sharp\EntityList\Commands\Command;
 use Code16\Sharp\Exceptions\SharpInvalidConfigException;
-use Code16\Sharp\Form\Fields\Embeds\SharpFormEditorEmbed;
 use Code16\Sharp\Form\Fields\SharpFormAutocompleteRemoteField;
-use Code16\Sharp\Form\SharpForm;
-use Code16\Sharp\Http\Controllers\Api\Commands\HandlesEntityCommand;
-use Code16\Sharp\Http\Controllers\Api\Commands\HandlesInstanceCommand;
-use Code16\Sharp\Http\Controllers\Api\Embeds\HandlesEmbed;
 use Code16\Sharp\Utils\Entities\ValueObjects\EntityKey;
 use Illuminate\Http\Request;
 use Illuminate\Support\Arr;
@@ -17,9 +11,7 @@
 
 class ApiFormAutocompleteController extends ApiController
 {
-    use HandlesEmbed;
-    use HandlesEntityCommand;
-    use HandlesInstanceCommand;
+    use HandlesFieldContainer;
 
     public function index(EntityKey $entityKey, string $autocompleteFieldKey)
     {
@@ -89,40 +81,6 @@ public function index(EntityKey $entityKey, string $autocompleteFieldKey)
         ]);
     }
 
-    private function getFieldContainer(EntityKey $entityKey): SharpFormEditorEmbed|Command|SharpForm
-    {
-        if (request()->input('embed_key')) {
-            return $this->getEmbedFromKey(request()->input('embed_key'));
-        }
-
-        $entity = $this->entityManager->entityFor($entityKey);
-
-        if ($commandKey = request()->input('entity_list_command_key')) {
-            if (request()->input('instance_id')) {
-                return $this->getInstanceCommandHandler(
-                    $entity->getListOrFail(),
-                    $commandKey,
-                    request()->input('instance_id')
-                );
-            }
-
-            return $this->getEntityCommandHandler(
-                $entity->getListOrFail(),
-                $commandKey
-            );
-        }
-
-        if ($commandKey = request()->input('show_command_key')) {
-            return $this->getInstanceCommandHandler(
-                $entity->getShowOrFail(),
-                $commandKey,
-                request()->input('instance_id')
-            );
-        }
-
-        return $entity->getFormOrFail($entityKey->multiformKey());
-    }
-
     private function getFormattedData() {}
 
     private function normalizeEndpoint(string $input): string
diff --git a/src/Http/Controllers/Api/ApiFormRefreshController.php b/src/Http/Controllers/Api/ApiFormRefreshController.php
new file mode 100644
index 000000000..380b30d2c
--- /dev/null
+++ b/src/Http/Controllers/Api/ApiFormRefreshController.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace Code16\Sharp\Http\Controllers\Api;
+
+use Code16\Sharp\Utils\Entities\ValueObjects\EntityKey;
+
+class ApiFormRefreshController extends ApiController
+{
+    use HandlesFieldContainer;
+
+    public function update(EntityKey $entityKey)
+    {
+        $fieldContainer = $this->getFieldContainer($entityKey);
+
+        return response()->json([
+            'form' => [
+                'data' => $fieldContainer->formatHtmlFields(
+                    request()->all(),
+                    keepOnlyRefreshableFields: true,
+                ),
+            ],
+        ]);
+    }
+}
diff --git a/src/Http/Controllers/Api/HandlesFieldContainer.php b/src/Http/Controllers/Api/HandlesFieldContainer.php
new file mode 100644
index 000000000..978f85d51
--- /dev/null
+++ b/src/Http/Controllers/Api/HandlesFieldContainer.php
@@ -0,0 +1,52 @@
+<?php
+
+namespace Code16\Sharp\Http\Controllers\Api;
+
+use Code16\Sharp\EntityList\Commands\Command;
+use Code16\Sharp\Form\Fields\Embeds\SharpFormEditorEmbed;
+use Code16\Sharp\Form\SharpForm;
+use Code16\Sharp\Http\Controllers\Api\Commands\HandlesEntityCommand;
+use Code16\Sharp\Http\Controllers\Api\Commands\HandlesInstanceCommand;
+use Code16\Sharp\Http\Controllers\Api\Embeds\HandlesEmbed;
+use Code16\Sharp\Utils\Entities\ValueObjects\EntityKey;
+
+trait HandlesFieldContainer
+{
+    use HandlesEmbed;
+    use HandlesEntityCommand;
+    use HandlesInstanceCommand;
+
+    private function getFieldContainer(EntityKey $entityKey): SharpFormEditorEmbed|Command|SharpForm
+    {
+        if (request()->input('embed_key')) {
+            return $this->getEmbedFromKey(request()->input('embed_key'));
+        }
+
+        $entity = $this->entityManager->entityFor($entityKey);
+
+        if ($commandKey = request()->input('entity_list_command_key')) {
+            if (request()->input('instance_id')) {
+                return $this->getInstanceCommandHandler(
+                    $entity->getListOrFail(),
+                    $commandKey,
+                    request()->input('instance_id')
+                );
+            }
+
+            return $this->getEntityCommandHandler(
+                $entity->getListOrFail(),
+                $commandKey
+            );
+        }
+
+        if ($commandKey = request()->input('show_command_key')) {
+            return $this->getInstanceCommandHandler(
+                $entity->getShowOrFail(),
+                $commandKey,
+                request()->input('instance_id')
+            );
+        }
+
+        return $entity->getFormOrFail($entityKey->multiformKey());
+    }
+}
diff --git a/src/Utils/Fields/HandleFields.php b/src/Utils/Fields/HandleFields.php
index 651cc657c..555683c32 100644
--- a/src/Utils/Fields/HandleFields.php
+++ b/src/Utils/Fields/HandleFields.php
@@ -93,6 +93,10 @@ final public function applyFormatters(?array $attributes): ?array
                         ->toFront($field, $value)
                     : $value;
             })
+            ->when(
+                in_array(HandleFormHtmlFields::class, class_uses_recursive(static::class)),
+                fn ($data) => collect($this->formatHtmlFields($data->all()))
+            )
             ->all();
     }
 
diff --git a/src/Utils/Fields/HandleFormFields.php b/src/Utils/Fields/HandleFormFields.php
index 4f24ab04e..a1bb3a8ed 100644
--- a/src/Utils/Fields/HandleFormFields.php
+++ b/src/Utils/Fields/HandleFormFields.php
@@ -8,6 +8,7 @@
 trait HandleFormFields
 {
     use HandleFields;
+    use HandleFormHtmlFields;
 
     /**
      * Applies Field Formatters and validate $data.
@@ -21,28 +22,7 @@ final public function formatAndValidateRequestData(array $data, ?string $instanc
             app($this->formValidatorClass);
         }
 
-        $formattedData = collect($data)
-            ->filter(function ($value, $key) {
-                // Ignore HTML fields
-                if ($this->findFieldByKey($key) instanceof SharpFormHtmlField) {
-                    return false;
-                }
-
-                // Filter only configured fields
-                return in_array($key, $this->getDataKeys());
-            })
-            ->map(function ($value, $key) use ($instanceId) {
-                if (! $field = $this->findFieldByKey($key)) {
-                    return $value;
-                }
-
-                return $field
-                    ->formatter()
-                    ->setInstanceId($instanceId)
-                    ->setDataLocalizations($this->getDataLocalizations())
-                    ->fromFront($field, $key, $value);
-            })
-            ->all();
+        $formattedData = $this->formatRequestData($data, $instanceId);
 
         if (! $legacyValidation) {
             if (method_exists($this, 'rules')) {
@@ -75,4 +55,31 @@ final public function formatDataAfterUpdate(array $data, string $instanceId): ar
             })
             ->all();
     }
+
+    final protected function formatRequestData(array $data, ?string $instanceId = null)
+    {
+        return collect($data)
+            ->filter(function ($value, $key) {
+                // Ignore HTML fields
+                if ($this->findFieldByKey($key) instanceof SharpFormHtmlField) {
+                    return false;
+                }
+
+                // Filter only configured fields
+                return in_array($key, $this->getDataKeys());
+            })
+            ->map(function ($value, $key) use ($instanceId) {
+                if (! $field = $this->findFieldByKey($key)) {
+                    return $value;
+                }
+
+                return $field
+                    ->formatter()
+                    ->setInstanceId($instanceId)
+                    ->setDataLocalizations($this->getDataLocalizations())
+                    ->fromFront($field, $key, $value);
+            })
+            ->all();
+    }
+
 }
diff --git a/src/Utils/Fields/HandleFormHtmlFields.php b/src/Utils/Fields/HandleFormHtmlFields.php
new file mode 100644
index 000000000..951a16f0c
--- /dev/null
+++ b/src/Utils/Fields/HandleFormHtmlFields.php
@@ -0,0 +1,84 @@
+<?php
+
+namespace Code16\Sharp\Utils\Fields;
+
+use Code16\Sharp\Form\Fields\SharpFormHtmlField;
+use Code16\Sharp\Form\Fields\SharpFormListField;
+
+trait HandleFormHtmlFields
+{
+    final public function hasHtmlFields(): bool
+    {
+        return collect($this->getBuiltFields())
+            ->whereInstanceOf(SharpFormHtmlField::class)
+            ->merge(
+                collect($this->getBuiltFields())
+                    ->whereInstanceOf(SharpFormListField::class)
+                    ->map(fn ($field) => $field->itemFields()->whereInstanceOf(SharpFormHtmlField::class))
+            )
+            ->flatten()
+            ->isNotEmpty();
+    }
+
+    final public function formatHtmlFields(array $frontData, bool $keepOnlyRefreshableFields = false): array
+    {
+        if (! $this->hasHtmlFields()) {
+            return $frontData;
+        }
+
+        $formattedData = $this->formatRequestData($frontData);
+
+        return collect($frontData)
+            ->mapWithKeys(function ($value, $key) use ($formattedData, $keepOnlyRefreshableFields) {
+                $field = $this->findFieldByKey($key);
+
+                if ($field instanceof SharpFormHtmlField) {
+                    return $keepOnlyRefreshableFields && ! $field->hasLiveRefresh()
+                        ? []
+                        : [
+                            $key => $field->render([
+                                ...$formattedData,
+                                ...(is_array($value) ? $value : []),
+                            ]),
+                        ];
+                }
+
+                if ($field instanceof SharpFormListField
+                    && $field->itemFields()->whereInstanceOf(SharpFormHtmlField::class)->isNotEmpty()
+                ) {
+                    return [
+                        $key => $this->formatListHtmlFields($field, $value, $formattedData, $keepOnlyRefreshableFields),
+                    ];
+                }
+
+                return $keepOnlyRefreshableFields ? [] : [$key => $value];
+            })
+            ->all();
+    }
+
+    private function formatListHtmlFields(
+        SharpFormListField $field,
+        array $listValue,
+        array $formattedData,
+        bool $keepOnlyRefreshableFields
+    ): array {
+        return collect($listValue)->map(fn ($item, $index) => collect($item)->mapWithKeys(
+            function ($itemFieldValue, $itemFieldKey) use ($field, $index, $formattedData, $keepOnlyRefreshableFields) {
+                $itemField = $field->findItemFormFieldByKey($itemFieldKey);
+
+                if ($itemField instanceof SharpFormHtmlField) {
+                    return $keepOnlyRefreshableFields && ! $itemField->hasLiveRefresh()
+                        ? []
+                        : [
+                            $itemFieldKey => $itemField->render([
+                                ...($formattedData[$field->key][$index] ?? []),
+                                ...(is_array($itemFieldValue) ? $itemFieldValue : []),
+                            ]),
+                        ];
+                }
+
+                return $keepOnlyRefreshableFields ? [] : [$itemFieldKey => $itemFieldValue];
+            })->all()
+        )->all();
+    }
+}
diff --git a/src/routes/api.php b/src/routes/api.php
index 9d025f701..16ddff1c4 100644
--- a/src/routes/api.php
+++ b/src/routes/api.php
@@ -5,6 +5,7 @@
 use Code16\Sharp\Http\Controllers\Api\ApiFilterAutocompleteController;
 use Code16\Sharp\Http\Controllers\Api\ApiFormAutocompleteController;
 use Code16\Sharp\Http\Controllers\Api\ApiFormEditorUploadFormController;
+use Code16\Sharp\Http\Controllers\Api\ApiFormRefreshController;
 use Code16\Sharp\Http\Controllers\Api\ApiFormUploadController;
 use Code16\Sharp\Http\Controllers\Api\ApiFormUploadThumbnailController;
 use Code16\Sharp\Http\Controllers\Api\ApiSearchController;
@@ -105,6 +106,9 @@
     Route::post('/form/autocomplete/{entityKey}/{autocompleteFieldKey}', [ApiFormAutocompleteController::class, 'index'])
         ->name('code16.sharp.api.form.autocomplete.index');
 
+    Route::post('/form/refresh/{entityKey}', [ApiFormRefreshController::class, 'update'])
+        ->name('code16.sharp.api.form.refresh.update');
+
     Route::post('/filters/autocomplete/{entityKey}/{filterKey}', [ApiFilterAutocompleteController::class, 'index'])
         ->name('code16.sharp.api.filters.autocomplete.index');
 });
diff --git a/tests/Fixtures/resources/views/form-html-field.blade.php b/tests/Fixtures/resources/views/form-html-field.blade.php
new file mode 100644
index 000000000..51fb9cdd9
--- /dev/null
+++ b/tests/Fixtures/resources/views/form-html-field.blade.php
@@ -0,0 +1 @@
+<h1>{{ $name }}</h1><p>{{ $text }}</p>
diff --git a/tests/Http/Api/ApiFormRefreshControllerTest.php b/tests/Http/Api/ApiFormRefreshControllerTest.php
new file mode 100644
index 000000000..b002a7a06
--- /dev/null
+++ b/tests/Http/Api/ApiFormRefreshControllerTest.php
@@ -0,0 +1,251 @@
+<?php
+
+use Code16\Sharp\EntityList\Commands\EntityCommand;
+use Code16\Sharp\EntityList\Commands\InstanceCommand;
+use Code16\Sharp\Form\Layout\FormLayout;
+use Code16\Sharp\Form\Layout\FormLayoutColumn;
+use Code16\Sharp\Form\SharpForm;
+use Code16\Sharp\Tests\Fixtures\Entities\PersonEntity;
+use Code16\Sharp\Tests\Fixtures\Sharp\PersonList;
+use Code16\Sharp\Tests\Fixtures\Sharp\PersonShow;
+use Code16\Sharp\Tests\Http\Api\Fixtures\ApiFormRefreshControllerEmbed;
+use Code16\Sharp\Tests\Http\Api\Fixtures\RefreshFormFields;
+use Illuminate\Testing\Fluent\AssertableJson;
+
+beforeEach(function () {
+    sharp()->config()->declareEntity(PersonEntity::class);
+    login();
+});
+
+it('gets updated HTML fields with live refresh of a form', function () {
+    fakeFormFor('person', new class() extends SharpForm
+    {
+        use RefreshFormFields;
+
+        public function buildFormLayout(FormLayout $formLayout): void
+        {
+            $formLayout->addColumn(12, function (FormLayoutColumn $column) {
+                $column->withField('html_string')
+                    ->withField('html_non_refreshable')
+                    ->withField('html_view')
+                    ->withField('html_closure')
+                    ->withListField('list', function (FormLayoutColumn $column) {
+                        $column->withField('list_name')
+                            ->withField('list_html');
+                    });
+            });
+        }
+
+        public function find($id): array
+        {
+            return $this->transform([]);
+        }
+
+        public function update(mixed $id, array $data) {}
+    });
+
+    $this->post(
+        route('code16.sharp.api.form.refresh.update', [
+            'entityKey' => 'person',
+            'instance_id' => 1,
+        ]),
+        [
+            'name' => 'Albert Einstein',
+            'html_non_refreshable' => ['text' => 'example'],
+            'html_string' => ['text' => 'example'],
+            'html_view' => ['text' => 'example'],
+            'html_closure' => ['text' => 'example'],
+            'list' => [
+                ['id' => 1, 'list_name' => 'Marie Curie', 'list_html' => ['text' => 'example']],
+            ],
+        ]
+    )
+        ->assertOk()
+        ->assertJson(fn (AssertableJson $json) => $json
+            ->missing('form.data.html_non_refreshable')
+            ->where('form.data.html_string', '<h1>Albert Einstein</h1><p>example</p>')
+            ->where('form.data.html_view', "<h1>Albert Einstein</h1><p>example</p>\n")
+            ->where('form.data.html_closure', '<h1>Albert Einstein</h1><p>example</p>')
+            ->where('form.data.list.0.list_html', '<h1>Marie Curie</h1><p>example</p>')
+        );
+});
+
+it('gets updated HTML fields with live refresh of an entity list entity command form', function () {
+    fakeListFor('person', new class() extends PersonList
+    {
+        protected function getEntityCommands(): ?array
+        {
+            return [
+                'cmd' => new class() extends EntityCommand
+                {
+                    use RefreshFormFields;
+
+                    public function label(): ?string
+                    {
+                        return 'entity';
+                    }
+
+                    public function execute(array $data = []): array
+                    {
+                        return [];
+                    }
+                },
+            ];
+        }
+    });
+
+    $this->post(
+        route('code16.sharp.api.form.refresh.update', [
+            'entityKey' => 'person',
+            'entity_list_command_key' => 'cmd',
+        ]),
+        [
+            'name' => 'Albert Einstein',
+            'html_non_refreshable' => ['text' => 'example'],
+            'html_string' => ['text' => 'example'],
+            'html_view' => ['text' => 'example'],
+            'html_closure' => ['text' => 'example'],
+            'list' => [
+                ['id' => 1, 'list_name' => 'Marie Curie', 'list_html' => ['text' => 'example']],
+            ],
+        ]
+    )
+        ->assertOk()
+        ->assertJson(fn (AssertableJson $json) => $json
+            ->missing('form.data.html_non_refreshable')
+            ->where('form.data.html_string', '<h1>Albert Einstein</h1><p>example</p>')
+            ->where('form.data.html_view', "<h1>Albert Einstein</h1><p>example</p>\n")
+            ->where('form.data.html_closure', '<h1>Albert Einstein</h1><p>example</p>')
+            ->where('form.data.list.0.list_html', '<h1>Marie Curie</h1><p>example</p>')
+        );
+});
+
+it('gets updated HTML fields with live refresh of an entity list instance command form', function () {
+    fakeListFor('person', new class() extends PersonList
+    {
+        protected function getInstanceCommands(): ?array
+        {
+            return [
+                'cmd' => new class() extends InstanceCommand
+                {
+                    use RefreshFormFields;
+
+                    public function label(): ?string
+                    {
+                        return 'entity';
+                    }
+
+                    public function execute(mixed $instanceId, array $data = []): array
+                    {
+                        return [];
+                    }
+                },
+            ];
+        }
+    });
+
+    $this->post(
+        route('code16.sharp.api.form.refresh.update', [
+            'entityKey' => 'person',
+            'entity_list_command_key' => 'cmd',
+            'instance_id' => 1,
+        ]),
+        [
+            'name' => 'Albert Einstein',
+            'html_non_refreshable' => ['text' => 'example'],
+            'html_string' => ['text' => 'example'],
+            'html_view' => ['text' => 'example'],
+            'html_closure' => ['text' => 'example'],
+            'list' => [
+                ['id' => 1, 'list_name' => 'Marie Curie', 'list_html' => ['text' => 'example']],
+            ],
+        ]
+    )
+        ->assertOk()
+        ->assertJson(fn (AssertableJson $json) => $json
+            ->missing('form.data.html_non_refreshable')
+            ->where('form.data.html_string', '<h1>Albert Einstein</h1><p>example</p>')
+            ->where('form.data.html_view', "<h1>Albert Einstein</h1><p>example</p>\n")
+            ->where('form.data.html_closure', '<h1>Albert Einstein</h1><p>example</p>')
+            ->where('form.data.list.0.list_html', '<h1>Marie Curie</h1><p>example</p>')
+        );
+});
+
+it('gets updated HTML fields with live refresh of a show instance command form', function () {
+    fakeShowFor('person', new class() extends PersonShow
+    {
+        public function getInstanceCommands(): ?array
+        {
+            return [
+                'cmd' => new class() extends InstanceCommand
+                {
+                    use RefreshFormFields;
+
+                    public function label(): ?string
+                    {
+                        return 'entity';
+                    }
+
+                    public function execute(mixed $instanceId, array $data = []): array
+                    {
+                        return [];
+                    }
+                },
+            ];
+        }
+    });
+
+    $this->post(
+        route('code16.sharp.api.form.refresh.update', [
+            'entityKey' => 'person',
+            'show_command_key' => 'cmd',
+            'instance_id' => 1,
+        ]),
+        [
+            'name' => 'Albert Einstein',
+            'html_non_refreshable' => ['text' => 'example'],
+            'html_string' => ['text' => 'example'],
+            'html_view' => ['text' => 'example'],
+            'html_closure' => ['text' => 'example'],
+            'list' => [
+                ['id' => 1, 'list_name' => 'Marie Curie', 'list_html' => ['text' => 'example']],
+            ],
+        ]
+    )
+        ->assertOk()
+        ->assertJson(fn (AssertableJson $json) => $json
+            ->missing('form.data.html_non_refreshable')
+            ->where('form.data.html_string', '<h1>Albert Einstein</h1><p>example</p>')
+            ->where('form.data.html_view', "<h1>Albert Einstein</h1><p>example</p>\n")
+            ->where('form.data.html_closure', '<h1>Albert Einstein</h1><p>example</p>')
+            ->where('form.data.list.0.list_html', '<h1>Marie Curie</h1><p>example</p>')
+        );
+});
+
+it('gets updated HTML fields with live refresh of an embed form', function () {
+    $this
+        ->postJson(
+            route('code16.sharp.api.form.refresh.update', [
+                'entityKey' => 'person',
+                'embed_key' => (new ApiFormRefreshControllerEmbed())->key(),
+            ]),
+            [
+                'name' => 'Albert Einstein',
+                'html_non_refreshable' => ['text' => 'example'],
+                'html_string' => ['text' => 'example'],
+                'html_view' => ['text' => 'example'],
+                'html_closure' => ['text' => 'example'],
+                'list' => [
+                    ['id' => 1, 'list_name' => 'Marie Curie', 'list_html' => ['text' => 'example']],
+                ],
+            ]
+        )
+        ->assertOk()
+        ->assertJson(fn (AssertableJson $json) => $json
+            ->missing('form.data.html_non_refreshable')
+            ->where('form.data.html_string', '<h1>Albert Einstein</h1><p>example</p>')
+            ->where('form.data.html_view', "<h1>Albert Einstein</h1><p>example</p>\n")
+            ->where('form.data.html_closure', '<h1>Albert Einstein</h1><p>example</p>')
+            ->where('form.data.list.0.list_html', '<h1>Marie Curie</h1><p>example</p>')
+        );
+});
diff --git a/tests/Http/Api/Fixtures/ApiFormRefreshControllerEmbed.php b/tests/Http/Api/Fixtures/ApiFormRefreshControllerEmbed.php
new file mode 100644
index 000000000..e140597b9
--- /dev/null
+++ b/tests/Http/Api/Fixtures/ApiFormRefreshControllerEmbed.php
@@ -0,0 +1,20 @@
+<?php
+
+namespace Code16\Sharp\Tests\Http\Api\Fixtures;
+
+use Code16\Sharp\Form\Fields\Embeds\SharpFormEditorEmbed;
+
+class ApiFormRefreshControllerEmbed extends SharpFormEditorEmbed
+{
+    use RefreshFormFields;
+
+    public function buildEmbedConfig(): void
+    {
+        $this->configureTagName('x-embed');
+    }
+
+    public function updateContent(array $data = []): array
+    {
+        return $data;
+    }
+}
diff --git a/tests/Http/Api/Fixtures/RefreshFormFields.php b/tests/Http/Api/Fixtures/RefreshFormFields.php
new file mode 100644
index 000000000..ea3e1e028
--- /dev/null
+++ b/tests/Http/Api/Fixtures/RefreshFormFields.php
@@ -0,0 +1,51 @@
+<?php
+
+namespace Code16\Sharp\Tests\Http\Api\Fixtures;
+
+use Code16\Sharp\Form\Fields\SharpFormHtmlField;
+use Code16\Sharp\Form\Fields\SharpFormListField;
+use Code16\Sharp\Form\Fields\SharpFormTextField;
+use Code16\Sharp\Utils\Fields\FieldsContainer;
+
+trait RefreshFormFields
+{
+    public function buildFormFields(FieldsContainer $formFields): void
+    {
+        $formFields
+            ->addField(
+                SharpFormTextField::make('name')
+            )
+            ->addField(
+                SharpFormHtmlField::make('html_non_refreshable')
+                    ->setTemplate('<h1>{{ $name }}</h1><p>{{ $text }}</p>')
+            )
+            ->addField(
+                SharpFormHtmlField::make('html_string')
+                    ->setLiveRefresh()
+                    ->setTemplate('<h1>{{ $name }}</h1><p>{{ $text }}</p>')
+            )
+            ->addField(
+                SharpFormHtmlField::make('html_view')
+                    ->setLiveRefresh()
+                    ->setTemplate(view('fixtures::form-html-field'))
+            )
+            ->addField(
+                SharpFormHtmlField::make('html_closure')
+                    ->setLiveRefresh()
+                    ->setTemplate(fn ($data) => sprintf('<h1>%s</h1><p>%s</p>', $data['name'], $data['text'])
+                    )
+            )
+            ->addField(
+                SharpFormListField::make('list')
+                    ->addItemField(
+                        SharpFormTextField::make('list_name')
+                    )
+                    ->addItemField(
+                        SharpFormHtmlField::make('list_html')
+                            ->setLiveRefresh()
+                            ->setTemplate(fn ($data) => sprintf('<h1>%s</h1><p>%s</p>', $data['list_name'], $data['text'])
+                            )
+                    )
+            );
+    }
+}
diff --git a/tests/Http/Form/FormControllerTest.php b/tests/Http/Form/FormControllerTest.php
index 82b3a822a..94e2694d0 100644
--- a/tests/Http/Form/FormControllerTest.php
+++ b/tests/Http/Form/FormControllerTest.php
@@ -7,9 +7,12 @@
 use Code16\Sharp\Form\Fields\SharpFormAutocompleteLocalField;
 use Code16\Sharp\Form\Fields\SharpFormCheckField;
 use Code16\Sharp\Form\Fields\SharpFormEditorField;
+use Code16\Sharp\Form\Fields\SharpFormHtmlField;
+use Code16\Sharp\Form\Fields\SharpFormListField;
 use Code16\Sharp\Form\Fields\SharpFormTextField;
 use Code16\Sharp\Form\Layout\FormLayout;
 use Code16\Sharp\Form\Layout\FormLayoutColumn;
+use Code16\Sharp\Form\SharpForm;
 use Code16\Sharp\Tests\Fixtures\Entities\PersonEntity;
 use Code16\Sharp\Tests\Fixtures\Entities\SinglePersonEntity;
 use Code16\Sharp\Tests\Fixtures\Sharp\PersonForm;
@@ -606,3 +609,77 @@ public function buildFormConfig(): void
             ->where('form.title', 'My custom create title')
         );
 });
+
+it('handles html fields', function () {
+    fakeFormFor('person', new class() extends SharpForm
+    {
+        public function buildFormFields(FieldsContainer $formFields): void
+        {
+            $formFields
+                ->addField(
+                    SharpFormTextField::make('name')
+                )
+                ->addField(
+                    SharpFormHtmlField::make('html_string')
+                        ->setTemplate('<h1>{{ $name }}</h1><p>{{ $text }}</p>')
+                )
+                ->addField(
+                    SharpFormHtmlField::make('html_view')
+                        ->setTemplate(view('fixtures::form-html-field'))
+                )
+                ->addField(
+                    SharpFormHtmlField::make('html_closure')
+                        ->setTemplate(fn ($data) => sprintf('<h1>%s</h1><p>%s</p>', $data['name'], $data['text'])
+                        )
+                )
+                ->addField(
+                    SharpFormListField::make('list')
+                        ->addItemField(
+                            SharpFormTextField::make('list_name')
+                        )
+                        ->addItemField(
+                            SharpFormHtmlField::make('list_html')
+                                ->setTemplate(fn ($data) => sprintf('<h1>%s</h1><p>%s</p>', $data['list_name'], $data['text'])
+                                )
+                        )
+                );
+        }
+
+        public function buildFormLayout(FormLayout $formLayout): void
+        {
+            $formLayout->addColumn(12, function (FormLayoutColumn $column) {
+                $column->withField('html_string')
+                    ->withField('html_view')
+                    ->withField('html_closure')
+                    ->withListField('list', function (FormLayoutColumn $column) {
+                        $column->withField('list_name')
+                            ->withField('list_html');
+                    });
+            });
+        }
+
+        public function find($id): array
+        {
+            return $this->setCustomTransformer('html_string', fn ($value) => ['text' => 'example'])
+                ->setCustomTransformer('html_view', fn ($value) => ['text' => 'example'])
+                ->setCustomTransformer('html_closure', fn ($value) => ['text' => 'example'])
+                ->transform([
+                    'name' => 'Albert Einstein',
+                    'list' => [
+                        ['id' => 1, 'list_name' => 'Marie Curie', 'list_html' => ['text' => 'example']],
+                    ],
+                ]);
+        }
+
+        public function update(mixed $id, array $data) {}
+    });
+
+    $this->get('/sharp/s-list/person/s-form/person/1')
+        ->assertOk()
+        ->assertInertia(fn (Assert $page) => $page
+            ->where('form.data.html_string', '<h1>Albert Einstein</h1><p>example</p>')
+            ->where('form.data.html_view', "<h1>Albert Einstein</h1><p>example</p>\n")
+            ->where('form.data.html_closure', '<h1>Albert Einstein</h1><p>example</p>')
+            ->where('form.data.list.0.list_html', '<h1>Marie Curie</h1><p>example</p>')
+        );
+});
diff --git a/tests/Unit/Form/Fields/Formatters/HtmlFormatterTest.php b/tests/Unit/Form/Fields/Formatters/HtmlFormatterTest.php
index f38387667..55c75f956 100644
--- a/tests/Unit/Form/Fields/Formatters/HtmlFormatterTest.php
+++ b/tests/Unit/Form/Fields/Formatters/HtmlFormatterTest.php
@@ -4,28 +4,24 @@
 use Code16\Sharp\Form\Fields\SharpFormHtmlField;
 use Illuminate\Support\Str;
 
-it('allows to format value to front', function () {
-    $value = Str::random();
-
+it('allows to format value to front, passthrough value', function () {
     expect(
         (new HtmlFormatter())->toFront(
             SharpFormHtmlField::make('html')->setTemplate('<b>{{ $text }}</b>'),
-            ['text' => $value]
+            ['text' => 'example']
         )
     )
-        ->toEqual("<b>$value</b>");
+        ->toEqual(['text' => 'example']);
 });
 
-it('allows to format value with view to front', function () {
-    $value = Str::random();
-
+it('allows to format value with view to front, passthrough value', function () {
     expect(
         (new HtmlFormatter())->toFront(
             SharpFormHtmlField::make('html')->setTemplate(view('fixtures::test')),
-            ['text' => $value]
+            ['text' => 'example']
         )
     )
-        ->toContain("<b>$value</b>");
+        ->toEqual(['text' => 'example']);
 });
 
 it('allows to format value from front', function () {
diff --git a/tests/Unit/Form/Fields/SharpFormHtmlFieldTest.php b/tests/Unit/Form/Fields/SharpFormHtmlFieldTest.php
index cd05e5e73..a3683ff66 100644
--- a/tests/Unit/Form/Fields/SharpFormHtmlFieldTest.php
+++ b/tests/Unit/Form/Fields/SharpFormHtmlFieldTest.php
@@ -10,6 +10,7 @@
         ->toEqual([
             'key' => 'html',
             'type' => 'html',
+            'liveRefresh' => false,
         ]);
 });
 
@@ -21,5 +22,22 @@
         ->toEqual([
             'key' => 'html',
             'type' => 'html',
+            'liveRefresh' => false,
+        ]);
+});
+
+it('allows to define with live refresh', function () {
+    $defaultFormField = SharpFormHtmlField::make('html')
+        ->setLiveRefresh(linkedFields: ['field1', 'field2'])
+        ->setTemplate(function ($data) {
+            return '<b>test</b>';
+        });
+
+    expect($defaultFormField->toArray())
+        ->toEqual([
+            'key' => 'html',
+            'type' => 'html',
+            'liveRefresh' => true,
+            'liveRefreshLinkedFields' => ['field1', 'field2'],
         ]);
 });