diff --git a/lang/en/messages.php b/lang/en/messages.php
index f5e7e230fb7..4b2008fcf65 100644
--- a/lang/en/messages.php
+++ b/lang/en/messages.php
@@ -291,5 +291,15 @@
     'user_wizard_invitation_subject' => 'Activate your new Statamic account on :site',
     'user_wizard_roles_groups_intro' => 'Users can be assigned to roles that customize their permissions, access, and abilities throughout the Control Panel.',
     'user_wizard_super_admin_instructions' => 'Super admins have complete control and access to everything in the control panel. Grant this role wisely.',
+    'widget_classes_instructions' => 'Additional CSS classes applied to the widget wrapper.',
+    'widget_collection_description' => 'Shows recent entries from a collection.',
+    'widget_collection_fields_instructions' => 'Field handles to display as columns. Defaults to title.',
+    'widget_collection_order_by_instructions' => 'Field and direction, e.g. <code>date:desc</code> or <code>title:asc</code>.',
+    'widget_collection_title_instructions' => 'Override the widget title. Defaults to the collection title.',
+    'widget_form_description' => 'Shows recent submissions for a form.',
+    'widget_form_form_instructions' => 'The handle of the form to display submissions for.',
+    'widget_template_description' => 'Renders a custom Blade or Antlers template.',
+    'widget_template_template_instructions' => 'Path to the template, relative to the views directory.',
+    'widget_updater_description' => 'Shows available updates for Statamic and your installed addons.',
     'width_x_height' => ':width × :height',
 ];
diff --git a/resources/css/components/dashboard.css b/resources/css/components/dashboard.css
new file mode 100644
index 00000000000..7323634b90b
--- /dev/null
+++ b/resources/css/components/dashboard.css
@@ -0,0 +1,40 @@
+/* ==========================================================================
+   DASHBOARD WIDGET EDITING
+   ========================================================================== */
+
+.dashboard-widget-inner {
+    @apply @container/widget relative rounded-xl;
+}
+
+/* Hide the chrome on the dragging source — the mirror is what the user sees */
+.dashboard-widget-sortable.draggable-source--is-dragging .dashboard-widget-inner {
+    @apply opacity-50;
+}
+
+.dashboard-widget-sortable.draggable-source--is-dragging [data-widget-edit-chrome] {
+    @apply opacity-0;
+}
+
+.dashboard-widget-sortable.draggable-source--is-dragging .dashboard-widget-inner::after {
+    content: '';
+    @apply pointer-events-none absolute inset-0 rounded-xl border-2 border-dashed border-ui-accent-bg/40 bg-ui-accent-bg/5 dark:bg-ui-accent-bg/10;
+}
+
+/* Mirror — the floating element that follows the cursor while dragging */
+body > .draggable-mirror.dashboard-widget-mirror {
+    @apply rounded-xl shadow-ui-lg ring-1 ring-black/5 dark:ring-white/10;
+    transition: none !important;
+    will-change: transform;
+}
+
+body > .draggable-mirror.dashboard-widget-mirror [data-widget-edit-chrome] {
+    @apply bg-white/95 dark:bg-gray-850/95;
+}
+
+.dashboard-widget-placeholder {
+    @apply flex min-h-54 flex-col items-center justify-center gap-3 rounded-xl bg-gray-50 px-6 py-10 text-center ring-1 ring-black/5 dark:bg-gray-900/40 dark:ring-white/10;
+}
+
+.dashboard-widget-empty {
+    @apply flex min-h-64 flex-col items-center justify-center gap-4 rounded-xl bg-gray-50 px-8 py-16 text-center ring-1 ring-black/5 dark:bg-gray-900/30 dark:ring-white/10;
+}
diff --git a/resources/css/cp.css b/resources/css/cp.css
index dd8ab0f1172..542e7b73093 100644
--- a/resources/css/cp.css
+++ b/resources/css/cp.css
@@ -13,6 +13,7 @@
 @import './components/assets.css';
 @import './components/blueprints.css';
 @import './components/configure.css';
+@import './components/dashboard.css';
 @import './components/focal-point.css';
 @import './components/index-fields.css';
 @import './components/notifications.css';
diff --git a/resources/js/components/dashboard/WidgetConfigStack.vue b/resources/js/components/dashboard/WidgetConfigStack.vue
new file mode 100644
index 00000000000..3b664b187c2
--- /dev/null
+++ b/resources/js/components/dashboard/WidgetConfigStack.vue
@@ -0,0 +1,54 @@
+<script setup>
+import { ref, computed, getCurrentInstance } from 'vue';
+import { Stack, Button, PublishContainer, PublishFieldsProvider, PublishFields, Icon } from '@/components/ui';
+
+const props = defineProps({
+    config: { type: Object, required: true },
+    meta: { type: Object, default: null },
+});
+
+const emit = defineEmits(['closed', 'saved']);
+
+const blueprint = computed(() => props.meta?.blueprint);
+const title = computed(() => props.meta?.title ?? props.config.type);
+
+function initialValues() {
+    const defaults = props.meta?.defaults ?? {};
+    const { type, ...rest } = props.config;
+    return { ...defaults, ...rest };
+}
+
+const values = ref(initialValues());
+const fieldMeta = ref(props.meta?.meta || {});
+const errors = ref({});
+const name = `dashboard-widget-${props.config.type}-${Math.random().toString(36).slice(2, 8)}`;
+
+function save() {
+    emit('saved', { type: props.config.type, ...values.value });
+}
+</script>
+
+<template>
+    <Stack
+        size="narrow"
+        open
+        :title="title"
+        @update:open="emit('closed')"
+    >
+        <PublishContainer
+            :name="name"
+            :blueprint="blueprint"
+            :meta="fieldMeta"
+            :errors="errors"
+            v-model="values"
+        >
+            <PublishFieldsProvider :fields="blueprint.tabs[0].sections[0].fields">
+                <PublishFields />
+            </PublishFieldsProvider>
+        </PublishContainer>
+        <template #footer-end>
+            <Button variant="ghost" :text="__('Cancel')" @click="emit('closed')" />
+            <Button variant="primary" :text="__('Apply')" @click="save" />
+        </template>
+    </Stack>
+</template>
diff --git a/resources/js/components/dashboard/WidgetEditChrome.vue b/resources/js/components/dashboard/WidgetEditChrome.vue
new file mode 100644
index 00000000000..02768d79c8e
--- /dev/null
+++ b/resources/js/components/dashboard/WidgetEditChrome.vue
@@ -0,0 +1,62 @@
+<script setup>
+import { Heading, Icon, Button, ButtonGroup } from '@/components/ui';
+import WidthSelector from '@/components/fields/WidthSelector.vue';
+import { computed } from 'vue';
+
+const props = defineProps({
+    config: { type: Object, required: true },
+    meta: { type: Object, default: null },
+});
+
+const emit = defineEmits(['configure', 'remove', 'update:width']);
+
+const widthToPercent = { sm: 25, md: 50, lg: 75, full: 100 };
+const percentToWidth = { 25: 'sm', 50: 'md', 75: 'lg', 100: 'full' };
+
+const currentWidth = computed(() => widthToPercent[props.config.width ?? 'md']);
+
+function onWidthUpdate(value) {
+    emit('update:width', percentToWidth[value]);
+}
+</script>
+
+<template>
+    <div
+        data-widget-edit-chrome
+        class="dashboard-widget-handle absolute inset-0 z-2 flex flex-col cursor-grab items-center justify-center gap-5 rounded-xl bg-white/80 px-4 backdrop-blur-[4px] -m-px border border-dashed border-purple-300 dark:border-purple-300/40 shadow-sm active:cursor-grabbing dark:bg-gray-900/85"
+    >
+        <Heading
+            :text="meta?.title ?? config.type"
+            :icon="meta?.icon ?? 'code-block'"
+        />
+
+        <div
+            class="flex shrink-0 items-center gap-2"
+            @mousedown.stop
+            @click.stop
+        >
+            <WidthSelector
+                size="md"
+                :model-value="currentWidth"
+                :initial-widths="[25, 50, 75, 100]"
+                @update:model-value="onWidthUpdate"
+            />
+
+            <ButtonGroup>
+                <Button
+                    size="sm"
+                    icon="configure"
+                    :text="__('Configure')"
+                    @click="emit('configure')"
+                />
+                <Button
+                    size="sm"
+                    icon="trash"
+                    icon-only
+                    :aria-label="__('Remove')"
+                    @click="emit('remove')"
+                />
+            </ButtonGroup>
+        </div>
+    </div>
+</template>
diff --git a/resources/js/components/dashboard/WidgetPicker.vue b/resources/js/components/dashboard/WidgetPicker.vue
new file mode 100644
index 00000000000..28618f8d5a3
--- /dev/null
+++ b/resources/js/components/dashboard/WidgetPicker.vue
@@ -0,0 +1,26 @@
+<script setup>
+import { Dropdown, DropdownMenu, DropdownItem, Button } from '@/components/ui';
+
+const props = defineProps({
+    widgets: { type: Array, required: true },
+});
+
+const emit = defineEmits(['picked']);
+</script>
+
+<template>
+    <Dropdown align="start">
+        <template #trigger>
+            <Button :text="__('Add Widget')" icon="plus" />
+        </template>
+        <DropdownMenu>
+            <DropdownItem
+                v-for="widget in widgets"
+                :key="widget.handle"
+                :icon="widget.icon"
+                :text="widget.title"
+                @click="emit('picked', widget)"
+            />
+        </DropdownMenu>
+    </Dropdown>
+</template>
diff --git a/resources/js/components/fields/WidthSelector.vue b/resources/js/components/fields/WidthSelector.vue
index da07abae1af..fdf87f2e930 100644
--- a/resources/js/components/fields/WidthSelector.vue
+++ b/resources/js/components/fields/WidthSelector.vue
@@ -23,10 +23,11 @@ const selected = computed(() => {
 })
 
 const wrapperClasses = cva({
-    base: 'relative text-gray-600 dark:text-gray-400 font-mono antialiased bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-700 with-contrast:border-gray-500 overflow-hidden flex cursor-pointer',
+    base: 'relative text-gray-600 dark:text-gray-400 font-mono antialiased bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-700 with-contrast:border-gray-500 overflow-hidden flex cursor-pointer shadow-ui-sm',
     variants: {
         size: {
             base: 'h-6 w-14 text-xs rounded-md',
+            md: 'h-8 w-16 text-xs rounded-lg',
             lg: 'h-10 w-24 text-sm rounded-lg',
         },
     },
diff --git a/resources/js/components/ui/Widget.vue b/resources/js/components/ui/Widget.vue
index f4c9e791ed3..9665e5f104c 100644
--- a/resources/js/components/ui/Widget.vue
+++ b/resources/js/components/ui/Widget.vue
@@ -11,7 +11,6 @@ const props = defineProps({
 
 const slots = useSlots();
 const hasHeader = computed(() => Boolean(props.title || props.icon || slots.actions));
-
 </script>
 
 <template>
diff --git a/resources/js/pages/Dashboard.vue b/resources/js/pages/Dashboard.vue
index 57d1d9cb1ab..5bbaa701360 100644
--- a/resources/js/pages/Dashboard.vue
+++ b/resources/js/pages/Dashboard.vue
@@ -1,22 +1,78 @@
 <script setup>
+import { ref, computed, onMounted, getCurrentInstance } from 'vue';
 import Head from '@/pages/layout/Head.vue';
 import DynamicHtmlRenderer from '@/components/DynamicHtmlRenderer.vue';
-import { Icon, EmptyStateMenu, EmptyStateItem, DocsCallout } from '@ui';
+import { Icon, Button, EmptyStateMenu, EmptyStateItem, DocsCallout } from '@ui';
+import { SortableList } from '@/components/sortable/Sortable.js';
+import WidgetEditChrome from '@/components/dashboard/WidgetEditChrome.vue';
+import WidgetPicker from '@/components/dashboard/WidgetPicker.vue';
+import WidgetConfigStack from '@/components/dashboard/WidgetConfigStack.vue';
 import useArchitecturalBackground from '@/pages/layout/architectural-background.js';
+import { router } from '@inertiajs/vue3';
+import { clone } from '@/bootstrap/globals.js';
 
 const props = defineProps({
     widgets: Array,
+    widgetConfigs: { type: Array, default: () => [] },
+    canEditWidgets: { type: Boolean, default: false },
+    widgetMetaUrl: String,
+    widgetUpdateUrl: String,
     pro: Boolean,
     blueprintsUrl: String,
     collectionsCreateUrl: String,
     navigationCreateUrl: String,
 });
 
-if (props.widgets.length === 0) useArchitecturalBackground();
+const { $axios, $toast } = getCurrentInstance().appContext.config.globalProperties;
 
-function classes(widget) {
-    return `${widget.classes} ${tailwindWidthClass(widget.width)}`;
-}
+const editing = ref(false);
+const draftItems = ref([]);
+const availableWidgets = ref(null);
+const loadingMeta = ref(false);
+const configuringIndex = ref(null);
+const saving = ref(false);
+const isDragging = ref(false);
+
+const sortableOptions = {
+    classes: {
+        mirror: 'dashboard-widget-mirror',
+    },
+    swapAnimation: {
+        duration: 220,
+        easingFunction: 'cubic-bezier(0.22, 1, 0.36, 1)',
+        horizontal: true,
+        vertical: true,
+    },
+    mirror: {
+        constrainDimensions: true,
+        appendTo: 'body',
+    },
+};
+
+const widgetsMetaByHandle = computed(() => {
+    if (!availableWidgets.value) return {};
+    return Object.fromEntries(availableWidgets.value.map((w) => [w.handle, w]));
+});
+
+const configuringWidget = computed(() => {
+    if (configuringIndex.value === null) return null;
+    return draftItems.value[configuringIndex.value]?.config || null;
+});
+
+const configuringMeta = computed(() => {
+    return configuringWidget.value ? widgetsMetaByHandle.value[configuringWidget.value.type] : null;
+});
+
+const unifiedWidgets = computed(() => {
+    if (editing.value) {
+        return draftItems.value.map((item) => ({ id: item.id, config: item.config, display: item.display }));
+    }
+    return props.widgets.map((widget, i) => ({ id: `widget-${i}`, config: null, display: widget }));
+});
+
+onMounted(() => {
+    if (!props.widgets.length && !editing.value) useArchitecturalBackground();
+});
 
 function tailwindWidthClass(width) {
     const sizes = {
@@ -25,39 +81,173 @@ function tailwindWidthClass(width) {
         lg: 'w-full @2xl:w-full @4xl:w-2/3 @7xl:w-3/4',
         full: 'w-full',
     };
+    const legacyMap = { 25: 'sm', 33: 'sm', 50: 'md', 66: 'md', 75: 'lg', 100: 'full' };
+    const size = typeof width === 'number' ? (legacyMap[width] ?? 'full') : width;
+    return sizes[size] ?? sizes.md;
+}
 
-    // For backward compatibility, map old numeric widths to new sizes
-    const legacyMap = {
-        25: 'sm',
-        33: 'sm',
-        50: 'md',
-        66: 'md',
-        75: 'lg',
-        100: 'full'
-    };
+function classes(source) {
+    return `${source?.classes ?? ''} ${tailwindWidthClass(source?.width)}`;
+}
 
-    const size = typeof width === 'number' ? (legacyMap[width] ?? 'full') : width;
+function ensureMetaLoaded() {
+    if (availableWidgets.value || loadingMeta.value) return;
+    loadingMeta.value = true;
+    $axios.get(props.widgetMetaUrl)
+        .then((response) => { availableWidgets.value = response.data; })
+        .catch(() => $toast.error(__('Could not load widgets.')))
+        .finally(() => { loadingMeta.value = false; });
+}
 
-    return sizes[size] ?? sizes.md;
+function startEditing() {
+    draftItems.value = props.widgetConfigs.map((config, i) => ({
+        id: `widget-${i}`,
+        config: clone(config),
+        display: props.widgets[i] || null,
+    }));
+    editing.value = true;
+    ensureMetaLoaded();
+}
+
+function cancelEditing() {
+    editing.value = false;
+    draftItems.value = [];
+}
+
+function widgetPicked(widget) {
+    const newConfig = { type: widget.handle, ...(widget.defaults || {}) };
+    draftItems.value.push({
+        id: `${widget.handle}-${Date.now()}`,
+        config: newConfig,
+        display: null,
+    });
+    configuringIndex.value = draftItems.value.length - 1;
+}
+
+function configureWidget(index) {
+    configuringIndex.value = index;
+}
+
+function widgetConfigSaved(updated) {
+    if (configuringIndex.value === null) return;
+    const existing = draftItems.value[configuringIndex.value];
+    draftItems.value.splice(configuringIndex.value, 1, { ...existing, config: updated });
+    configuringIndex.value = null;
+}
+
+function removeWidget(index) {
+    if (configuringIndex.value === index) {
+        configuringIndex.value = null;
+    } else if (configuringIndex.value !== null && configuringIndex.value > index) {
+        configuringIndex.value--;
+    }
+
+    draftItems.value.splice(index, 1);
+}
+
+function updateWidth(index, width) {
+    const item = draftItems.value[index];
+    draftItems.value.splice(index, 1, { ...item, config: { ...item.config, width } });
+}
+
+function onSort(sortedItems) {
+    if (!editing.value) return;
+
+    draftItems.value = sortedItems.map((item) => ({
+        id: item.id ?? `${item.config?.type}-${Date.now()}`,
+        config: item.config,
+        display: item.display,
+    }));
+}
+
+function save() {
+    saving.value = true;
+    $axios.patch(props.widgetUpdateUrl, { widgets: draftItems.value.map((i) => i.config) })
+        .then(() => {
+            editing.value = false;
+            router.reload();
+        })
+        .catch(() => $toast.error(__('Something went wrong')))
+        .finally(() => { saving.value = false; });
 }
 </script>
 
 <template>
     <Head :title="__('Dashboard')" />
 
-    <template v-if="widgets.length">
-        <ui-header :title="__('Dashboard')" icon="dashboard" />
+    <template v-if="editing || widgets.length">
+        <ui-header :title="__('Dashboard')" icon="dashboard">
+            <template v-if="editing">
+                <WidgetPicker :widgets="availableWidgets || []" @picked="widgetPicked" />
+                <Button :text="__('Cancel')" @click="cancelEditing" />
+                <Button :text="__('Save')" variant="primary" :disabled="saving" @click="save" />
+            </template>
+            <Button v-else-if="canEditWidgets" :text="__('Configure')" icon="edit" @click="startEditing" />
+        </ui-header>
 
-        <div class="widgets @container/widgets flex flex-wrap gap-y-6 -mx-2 sm:-mx-3">
+        <SortableList
+            :model-value="unifiedWidgets"
+            item-class="dashboard-widget-sortable"
+            handle-class="dashboard-widget-handle"
+            :disabled="!editing"
+            :animate="true"
+            :constrain-dimensions="true"
+            :distance="8"
+            :options="sortableOptions"
+            @dragstart="isDragging = true"
+            @dragend="isDragging = false"
+            @update:model-value="onSort"
+        >
             <div
-                v-for="widget in widgets"
-                class="px-3 starting-style-transition"
-                :class="classes(widget)"
+                class="widgets @container/widgets flex flex-wrap gap-y-6 -mx-2 sm:-mx-3"
+                :class="{ 'dashboard-editing': editing, 'dashboard-is-dragging': isDragging }"
             >
-                <component v-if="widget.component" :is="widget.component.name" v-bind="widget.component.props" />
-                <DynamicHtmlRenderer v-else :html="widget.html" />
+                <div
+                    v-for="(item, index) in unifiedWidgets"
+                    :key="item.id"
+                    class="dashboard-widget-sortable px-3"
+                    :class="[classes(item.config ?? item.display), { 'starting-style-transition': !editing && !isDragging }]"
+                >
+                    <div class="dashboard-widget-inner">
+                        <WidgetEditChrome
+                            v-if="editing && item.config"
+                            :config="item.config"
+                            :meta="widgetsMetaByHandle[item.config.type]"
+                            @configure="configureWidget(index)"
+                            @remove="removeWidget(index)"
+                            @update:width="updateWidth(index, $event)"
+                        />
+                        <component v-if="item.display?.component" :is="item.display.component.name" v-bind="item.display.component.props" />
+                        <DynamicHtmlRenderer v-else-if="item.display?.html" :html="item.display.html" />
+                        <div v-else-if="editing" class="dashboard-widget-placeholder">
+                            <Icon :name="widgetsMetaByHandle[item.config?.type]?.icon ?? 'code-block'" class="size-8 text-gray-400" />
+                            <div>
+                                <p class="text-sm font-medium text-gray-700 dark:text-gray-200">
+                                    {{ widgetsMetaByHandle[item.config?.type]?.title ?? item.config?.type }}
+                                </p>
+                                <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">{{ __('Configure this widget to preview it here.') }}</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div v-if="editing && !draftItems.length" class="dashboard-widget-empty w-full">
+                    <Icon name="dashboard" class="size-10 text-gray-400" />
+                    <div>
+                        <p class="text-sm font-medium text-gray-700 dark:text-gray-200">{{ __('No widgets yet') }}</p>
+                        <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">{{ __('Add a widget to start customizing your dashboard.') }}</p>
+                    </div>
+                    <WidgetPicker :widgets="availableWidgets || []" @picked="widgetPicked" />
+                </div>
             </div>
-        </div>
+        </SortableList>
+
+        <WidgetConfigStack
+            v-if="configuringWidget"
+            :config="configuringWidget"
+            :meta="configuringMeta"
+            @closed="configuringIndex = null"
+            @saved="widgetConfigSaved"
+        />
     </template>
 
     <template v-else>
@@ -66,6 +256,9 @@ function tailwindWidthClass(width) {
                 <Icon name="dashboard" class="size-5 text-gray-500" />
                 {{ __('Dashboard') }}
             </h1>
+            <div v-if="canEditWidgets" class="mt-4">
+                <Button :text="__('Edit Dashboard')" icon="edit" @click="startEditing" />
+            </div>
         </header>
 
         <EmptyStateMenu
diff --git a/routes/cp.php b/routes/cp.php
index 4c08207c7d3..f7c13ab9a77 100644
--- a/routes/cp.php
+++ b/routes/cp.php
@@ -47,6 +47,7 @@
 use Statamic\Http\Controllers\CP\CommandPaletteController;
 use Statamic\Http\Controllers\CP\CpController;
 use Statamic\Http\Controllers\CP\DashboardController;
+use Statamic\Http\Controllers\CP\DashboardWidgetsController;
 use Statamic\Http\Controllers\CP\DuplicatesController;
 use Statamic\Http\Controllers\CP\FieldActionModalController;
 use Statamic\Http\Controllers\CP\Fields\AdditionalBlueprintController;
@@ -159,6 +160,9 @@
 
     Route::get('/', StartPageController::class)->name('index');
     Route::get('dashboard', [DashboardController::class, 'index'])->name('dashboard');
+    Route::get('dashboard/widgets/meta', [DashboardWidgetsController::class, 'meta'])->name('dashboard.widgets.meta');
+    Route::patch('dashboard/widgets', [DashboardWidgetsController::class, 'update'])->name('dashboard.widgets.update');
+    Route::delete('dashboard/widgets', [DashboardWidgetsController::class, 'destroy'])->name('dashboard.widgets.destroy');
 
     Route::get('select-site/{handle}', [SelectSiteController::class, 'select']);
 
diff --git a/src/Forms/Widget.php b/src/Forms/Widget.php
index 4d36333294d..28654db5fa5 100644
--- a/src/Forms/Widget.php
+++ b/src/Forms/Widget.php
@@ -2,15 +2,84 @@
 
 namespace Statamic\Forms;
 
+use Statamic\Facades\Blueprint;
 use Statamic\Facades\Form;
 use Statamic\Facades\User;
 use Statamic\Widgets\VueComponent;
 use Statamic\Widgets\Widget as BaseWidget;
 
+use function Statamic\trans as __;
+
 class Widget extends BaseWidget
 {
     protected static $handle = 'form';
 
+    public static function description(): ?string
+    {
+        return __('statamic::messages.widget_form_description');
+    }
+
+    public static function icon(): string
+    {
+        return 'forms';
+    }
+
+    public function blueprint(): \Statamic\Fields\Blueprint
+    {
+        return Blueprint::make()->setContents([
+            'tabs' => [
+                'main' => [
+                    'sections' => [
+                        [
+                            'fields' => [
+                                [
+                                    'handle' => 'form',
+                                    'field' => [
+                                        'type' => 'text',
+                                        'display' => __('Form'),
+                                        'instructions' => __('statamic::messages.widget_form_form_instructions'),
+                                        'validate' => 'required',
+                                    ],
+                                ],
+                                [
+                                    'handle' => 'title',
+                                    'field' => [
+                                        'type' => 'text',
+                                        'display' => __('Title'),
+                                    ],
+                                ],
+                                [
+                                    'handle' => 'limit',
+                                    'field' => [
+                                        'type' => 'integer',
+                                        'display' => __('Limit'),
+                                        'default' => 5,
+                                    ],
+                                ],
+                                [
+                                    'handle' => 'show_table_header',
+                                    'field' => [
+                                        'type' => 'toggle',
+                                        'display' => __('Show Table Header'),
+                                        'default' => false,
+                                    ],
+                                ],
+                                [
+                                    'handle' => 'fields',
+                                    'field' => [
+                                        'type' => 'list',
+                                        'display' => __('Fields'),
+                                    ],
+                                ],
+                                ...$this->commonBlueprintFields(),
+                            ],
+                        ],
+                    ],
+                ],
+            ],
+        ]);
+    }
+
     public function component()
     {
         $form = Form::find($handle = $this->config('form'));
diff --git a/src/Http/Controllers/CP/DashboardController.php b/src/Http/Controllers/CP/DashboardController.php
index be23e7b0057..d37ccb3ebc0 100644
--- a/src/Http/Controllers/CP/DashboardController.php
+++ b/src/Http/Controllers/CP/DashboardController.php
@@ -19,10 +19,17 @@ class DashboardController extends CpController
      */
     public function index(Loader $loader)
     {
-        $widgets = $this->getDisplayableWidgets($loader);
+        $configs = $this->resolvedWidgetConfigs();
+        $widgets = $this->buildDisplayableWidgets($loader, $configs);
 
         return Inertia::render('Dashboard', [
             'widgets' => $widgets,
+            'widgetConfigs' => $this->preProcessedConfigs($configs),
+            'hasCustomWidgets' => Preference::get('widgets') !== null,
+            'canEditWidgets' => User::current()->can('access cp'),
+            'widgetMetaUrl' => cp_route('dashboard.widgets.meta'),
+            'widgetUpdateUrl' => cp_route('dashboard.widgets.update'),
+            'widgetDestroyUrl' => cp_route('dashboard.widgets.destroy'),
             'pro' => Statamic::pro(),
             'blueprintsUrl' => cp_route('blueprints.index'),
             'collectionsCreateUrl' => cp_route('collections.create'),
@@ -30,20 +37,47 @@ public function index(Loader $loader)
         ]);
     }
 
+    private function resolvedWidgetConfigs()
+    {
+        return Preference::get('widgets') ?? config('statamic.cp.widgets') ?? [];
+    }
+
+    private function normalizedConfigs($widgets)
+    {
+        return collect($widgets)->map(function ($config) {
+            return is_string($config) ? ['type' => $config] : $config;
+        });
+    }
+
+    private function preProcessedConfigs($configs)
+    {
+        $availableWidgets = collect(app('statamic.widgets')->all());
+
+        return $this->normalizedConfigs($configs)->map(function ($config) use ($availableWidgets) {
+            $handle = $config['type'];
+            $widgetClass = $availableWidgets->get($handle);
+
+            if (! $widgetClass) {
+                return $config;
+            }
+
+            $widget = app($widgetClass);
+            $widget->setConfig($config);
+            $fields = $widget->blueprint()->fields()->addValues($config)->preProcess();
+
+            return array_merge(['type' => $handle], $fields->values()->all());
+        })->values()->all();
+    }
+
     /**
      * Get displayable widgets.
      *
      * @param  Loader  $loader
      * @return \Illuminate\Support\Collection
      */
-    private function getDisplayableWidgets($loader)
+    private function buildDisplayableWidgets($loader, $widgets)
     {
-        $widgets = Preference::get('widgets') ?? config('statamic.cp.widgets') ?? [];
-
-        return collect($widgets)
-            ->map(function ($config) {
-                return is_string($config) ? ['type' => $config] : $config;
-            })
+        return $this->normalizedConfigs($widgets)
             ->filter(function ($config) {
                 if ($config['type'] === 'getting_started') {
                     return false;
diff --git a/src/Http/Controllers/CP/DashboardWidgetsController.php b/src/Http/Controllers/CP/DashboardWidgetsController.php
new file mode 100644
index 00000000000..3248fd32cfb
--- /dev/null
+++ b/src/Http/Controllers/CP/DashboardWidgetsController.php
@@ -0,0 +1,71 @@
+<?php
+
+namespace Statamic\Http\Controllers\CP;
+
+use Illuminate\Http\Request;
+use Statamic\Facades\User;
+use Statamic\Widgets\Widget;
+
+class DashboardWidgetsController extends CpController
+{
+    public function meta()
+    {
+        $this->authorize('access cp');
+
+        return $this->availableWidgets()->map(function ($class, $handle) {
+            /** @var Widget $widget */
+            $widget = app($class);
+            $widget->setConfig(['type' => $handle]);
+
+            $blueprint = $widget->blueprint();
+            $fields = $blueprint->fields()->addValues([])->preProcess();
+
+            return [
+                'handle' => $handle,
+                'title' => $class::title(),
+                'icon' => $class::icon(),
+                'blueprint' => $blueprint->toPublishArray(),
+                'meta' => $fields->meta(),
+                'defaults' => $fields->values()->all(),
+            ];
+        })->values()->all();
+    }
+
+    public function update(Request $request)
+    {
+        $this->authorize('access cp');
+
+        $widgets = collect($request->input('widgets', []))
+            ->map(fn ($config) => is_string($config) ? ['type' => $config] : (array) $config)
+            ->filter(fn ($config) => isset($config['type']) && $this->availableWidgets()->has($config['type']))
+            ->map(function ($config) {
+                $handle = $config['type'];
+                $widgetClass = $this->availableWidgets()->get($handle);
+                $widget = app($widgetClass);
+                $widget->setConfig(['type' => $handle]);
+                $processedValues = $widget->blueprint()->fields()->addValues($config)->process()->values()->all();
+
+                return array_merge($config, $processedValues);
+            })
+            ->values()
+            ->all();
+
+        User::current()->setPreference('widgets', $widgets)->save();
+
+        return response()->noContent();
+    }
+
+    public function destroy()
+    {
+        $this->authorize('access cp');
+
+        User::current()->removePreference('widgets')->save();
+
+        return response()->noContent();
+    }
+
+    private function availableWidgets()
+    {
+        return collect(app('statamic.widgets')->all());
+    }
+}
diff --git a/src/Widgets/Collection.php b/src/Widgets/Collection.php
index 2bd922e16bc..7361e3ef571 100644
--- a/src/Widgets/Collection.php
+++ b/src/Widgets/Collection.php
@@ -4,6 +4,7 @@
 
 use Statamic\Contracts\Entries\Entry as EntryContract;
 use Statamic\CP\Column;
+use Statamic\Facades\Blueprint;
 use Statamic\Facades\Collection as CollectionAPI;
 use Statamic\Facades\Scope;
 use Statamic\Facades\Site;
@@ -13,6 +14,80 @@
 
 class Collection extends Widget
 {
+    public static function icon(): string
+    {
+        return 'collections';
+    }
+
+    public function blueprint(): \Statamic\Fields\Blueprint
+    {
+        return Blueprint::make()->setContents([
+            'tabs' => [
+                'main' => [
+                    'sections' => [
+                        [
+                            'fields' => [
+                                [
+                                    'handle' => 'collection',
+                                    'field' => [
+                                        'type' => 'collections',
+                                        'display' => __('Collection'),
+                                        'max_items' => 1,
+                                        'mode' => 'select',
+                                        'validate' => 'required',
+                                    ],
+                                ],
+                                [
+                                    'handle' => 'title',
+                                    'field' => [
+                                        'type' => 'text',
+                                        'display' => __('Title'),
+                                        'instructions' => __('statamic::messages.widget_collection_title_instructions'),
+                                    ],
+                                ],
+                                [
+                                    'handle' => 'limit',
+                                    'field' => [
+                                        'type' => 'integer',
+                                        'display' => __('Limit'),
+                                        'default' => 5,
+                                    ],
+                                ],
+                                [
+                                    'handle' => 'order_by',
+                                    'field' => [
+                                        'type' => 'text',
+                                        'display' => __('Order By'),
+                                        'instructions' => __('statamic::messages.widget_collection_order_by_instructions'),
+                                        'default' => 'date:desc',
+                                    ],
+                                ],
+                                [
+                                    'handle' => 'show_table_header',
+                                    'field' => [
+                                        'type' => 'toggle',
+                                        'display' => __('Show Table Header'),
+                                        'default' => false,
+                                    ],
+                                ],
+                                [
+                                    'handle' => 'fields',
+                                    'field' => [
+                                        'type' => 'list',
+                                        'display' => __('Fields'),
+                                        'instructions' => __('statamic::messages.widget_collection_fields_instructions'),
+                                        'default' => ['title'],
+                                    ],
+                                ],
+                                ...$this->commonBlueprintFields(),
+                            ],
+                        ],
+                    ],
+                ],
+            ],
+        ]);
+    }
+
     public function component()
     {
         $collection = $this->config('collection');
diff --git a/src/Widgets/Template.php b/src/Widgets/Template.php
index 2a2e53c7ac8..54062c71b0d 100644
--- a/src/Widgets/Template.php
+++ b/src/Widgets/Template.php
@@ -2,8 +2,43 @@
 
 namespace Statamic\Widgets;
 
+use Statamic\Facades\Blueprint;
+
+use function Statamic\trans as __;
+
 class Template extends Widget
 {
+    public static function icon(): string
+    {
+        return 'template-theme-design-layout';
+    }
+
+    public function blueprint(): \Statamic\Fields\Blueprint
+    {
+        return Blueprint::make()->setContents([
+            'tabs' => [
+                'main' => [
+                    'sections' => [
+                        [
+                            'fields' => [
+                                [
+                                    'handle' => 'template',
+                                    'field' => [
+                                        'type' => 'text',
+                                        'display' => __('Template'),
+                                        'instructions' => __('statamic::messages.widget_template_template_instructions'),
+                                        'validate' => 'required',
+                                    ],
+                                ],
+                                ...$this->commonBlueprintFields(),
+                            ],
+                        ],
+                    ],
+                ],
+            ],
+        ]);
+    }
+
     /**
      * The HTML that should be shown in the widget.
      *
diff --git a/src/Widgets/Updater.php b/src/Widgets/Updater.php
index 16d709155ad..1d3fe6a879a 100644
--- a/src/Widgets/Updater.php
+++ b/src/Widgets/Updater.php
@@ -7,8 +7,15 @@
 use Statamic\Facades\Addon;
 use Statamic\Facades\User;
 
+use function Statamic\trans as __;
+
 class Updater extends Widget
 {
+    public static function icon(): string
+    {
+        return 'updates';
+    }
+
     public function component()
     {
         if (! User::current()->can('view updates')) {
diff --git a/src/Widgets/Widget.php b/src/Widgets/Widget.php
index 39c6b21d0b8..bb721439b2c 100644
--- a/src/Widgets/Widget.php
+++ b/src/Widgets/Widget.php
@@ -6,6 +6,7 @@
 use Statamic\Extend\HasHandle;
 use Statamic\Extend\HasTitle;
 use Statamic\Extend\RegistersItself;
+use Statamic\Facades\Blueprint;
 use Statamic\Support\Str;
 
 abstract class Widget
@@ -18,13 +19,6 @@ abstract class Widget
 
     protected $config;
 
-    /**
-     * Get config for use within widget.
-     *
-     * @param  string|null  $key
-     * @param  mixed  $default
-     * @return string|\Illuminate\Support\Collection
-     */
     public function config($key = null, $default = null)
     {
         if (is_null($key)) {
@@ -34,26 +28,64 @@ public function config($key = null, $default = null)
         return $this->config[$key] ?? $default;
     }
 
-    /**
-     * Set config when loading widget.
-     *
-     * @param  array  $config
-     */
     public function setConfig($config)
     {
         $this->config = $config ?? [];
     }
 
-    /**
-     * Get container handle.
-     *
-     * @return string
-     */
     public static function handle()
     {
         return Str::removeRight(static::traitHandle(), '_widget');
     }
 
+    public static function icon(): string
+    {
+        return 'code-block';
+    }
+
+    public function blueprint(): \Statamic\Fields\Blueprint
+    {
+        return Blueprint::make()->setContents([
+            'tabs' => [
+                'main' => [
+                    'sections' => [
+                        ['fields' => $this->commonBlueprintFields()],
+                    ],
+                ],
+            ],
+        ]);
+    }
+
+    protected function commonBlueprintFields(): array
+    {
+        return [
+            [
+                'handle' => 'width',
+                'field' => [
+                    'type' => 'select',
+                    'display' => __('Width'),
+                    'options' => [
+                        'sm' => __('Small'),
+                        'md' => __('Medium'),
+                        'lg' => __('Large'),
+                        'full' => __('Full'),
+                    ],
+                    'default' => 'md',
+                    'clearable' => false,
+                    'localizable' => false,
+                ],
+            ],
+            [
+                'handle' => 'classes',
+                'field' => [
+                    'type' => 'text',
+                    'display' => __('Classes'),
+                    'instructions' => __('statamic::messages.widget_classes_instructions'),
+                ],
+            ],
+        ];
+    }
+
     public function component()
     {
         //
diff --git a/tests/Feature/CP/DashboardWidgetsControllerTest.php b/tests/Feature/CP/DashboardWidgetsControllerTest.php
new file mode 100644
index 00000000000..e06a04de1e7
--- /dev/null
+++ b/tests/Feature/CP/DashboardWidgetsControllerTest.php
@@ -0,0 +1,123 @@
+<?php
+
+namespace Tests\Feature\CP;
+
+use PHPUnit\Framework\Attributes\Test;
+use Statamic\Facades\User;
+use Tests\PreventSavingStacheItemsToDisk;
+use Tests\TestCase;
+
+class DashboardWidgetsControllerTest extends TestCase
+{
+    use PreventSavingStacheItemsToDisk;
+
+    #[Test]
+    public function it_lists_available_widgets()
+    {
+        $user = User::make()->makeSuper()->save();
+
+        $response = $this->actingAs($user)
+            ->getJson(cp_route('dashboard.widgets.meta'))
+            ->assertOk()
+            ->json();
+
+        $handles = collect($response)->pluck('handle')->all();
+
+        $this->assertContains('collection', $handles);
+        $this->assertContains('updater', $handles);
+        $this->assertContains('template', $handles);
+
+        $collection = collect($response)->firstWhere('handle', 'collection');
+        $this->assertArrayHasKey('blueprint', $collection);
+        $this->assertArrayHasKey('meta', $collection);
+        $this->assertArrayHasKey('defaults', $collection);
+        $this->assertArrayHasKey('icon', $collection);
+        $this->assertArrayHasKey('title', $collection);
+    }
+
+    #[Test]
+    public function it_requires_access_cp_for_meta()
+    {
+        $this->getJson(cp_route('dashboard.widgets.meta'))->assertUnauthorized();
+    }
+
+    #[Test]
+    public function it_saves_widgets_to_user_preference()
+    {
+        $user = User::make()->makeSuper()->save();
+
+        $payload = [
+            'widgets' => [
+                ['type' => 'collection', 'collection' => 'pages', 'limit' => 5],
+                ['type' => 'updater'],
+            ],
+        ];
+
+        $this->actingAs($user)
+            ->patchJson(cp_route('dashboard.widgets.update'), $payload)
+            ->assertNoContent();
+
+        $saved = $user->fresh()->getPreference('widgets');
+
+        $this->assertIsArray($saved);
+        $this->assertCount(2, $saved);
+        $this->assertEquals('collection', $saved[0]['type']);
+        $this->assertEquals('updater', $saved[1]['type']);
+    }
+
+    #[Test]
+    public function it_processes_fieldtype_values_when_saving()
+    {
+        // The collections fieldtype (max_items: 1) sends an array from the frontend.
+        // It should be processed to a string before being stored.
+        $user = User::make()->makeSuper()->save();
+
+        $this->actingAs($user)
+            ->patchJson(cp_route('dashboard.widgets.update'), [
+                'widgets' => [
+                    ['type' => 'collection', 'collection' => ['pages']],
+                ],
+            ])
+            ->assertNoContent();
+
+        $saved = $user->fresh()->getPreference('widgets');
+
+        $this->assertEquals('pages', $saved[0]['collection']);
+    }
+
+    #[Test]
+    public function it_filters_out_unknown_widget_types()
+    {
+        $user = User::make()->makeSuper()->save();
+
+        $this->actingAs($user)
+            ->patchJson(cp_route('dashboard.widgets.update'), [
+                'widgets' => [
+                    ['type' => 'collection'],
+                    ['type' => 'i_do_not_exist'],
+                ],
+            ])
+            ->assertNoContent();
+
+        $saved = $user->fresh()->getPreference('widgets');
+
+        $this->assertCount(1, $saved);
+        $this->assertEquals('collection', $saved[0]['type']);
+    }
+
+    #[Test]
+    public function it_removes_widget_preference()
+    {
+        $user = User::make()->makeSuper()->preferences([
+            'widgets' => [['type' => 'collection']],
+        ])->save();
+
+        $this->assertNotNull($user->getPreference('widgets'));
+
+        $this->actingAs($user)
+            ->deleteJson(cp_route('dashboard.widgets.destroy'))
+            ->assertNoContent();
+
+        $this->assertNull($user->fresh()->getPreference('widgets'));
+    }
+}