diff --git a/.changeset/young-flies-think.md b/.changeset/young-flies-think.md
new file mode 100644
index 000000000..0b66556f2
--- /dev/null
+++ b/.changeset/young-flies-think.md
@@ -0,0 +1,5 @@
+---
+'@aragon/gov-ui-kit': minor
+---
+
+Implement `ActionSimulation` component
diff --git a/src/core/components/dropdown/dropdownContainer/dropdownContainer.stories.tsx b/src/core/components/dropdown/dropdownContainer/dropdownContainer.stories.tsx
index 263356769..e306c9ad0 100644
--- a/src/core/components/dropdown/dropdownContainer/dropdownContainer.stories.tsx
+++ b/src/core/components/dropdown/dropdownContainer/dropdownContainer.stories.tsx
@@ -33,6 +33,29 @@ export const Default: Story = {
     },
 };
 
+/**
+ * DropdownContainer component with a variant.
+ */
+export const WithVariant: Story = {
+    render: (props: IDropdownContainerProps) => (
+        <Dropdown.Container {...props}>
+            <Dropdown.Item>First item</Dropdown.Item>
+            <Dropdown.Item>Second item</Dropdown.Item>
+            <Dropdown.Item>Third item with a longer label</Dropdown.Item>
+        </Dropdown.Container>
+    ),
+    args: {
+        label: 'Dropdown',
+        variant: 'secondary',
+    },
+    argTypes: {
+        variant: {
+            control: { type: 'select' },
+            options: ['primary', 'secondary', 'tertiary'],
+        },
+    },
+};
+
 export const OnlyIcon: Story = {
     render: (props: IDropdownContainerProps) => (
         <Dropdown.Container {...props}>
diff --git a/src/core/components/dropdown/dropdownContainer/dropdownContainer.tsx b/src/core/components/dropdown/dropdownContainer/dropdownContainer.tsx
index b4d06f232..f684e702c 100644
--- a/src/core/components/dropdown/dropdownContainer/dropdownContainer.tsx
+++ b/src/core/components/dropdown/dropdownContainer/dropdownContainer.tsx
@@ -1,7 +1,7 @@
 import * as RadixDropdown from '@radix-ui/react-dropdown-menu';
 import classNames from 'classnames';
 import { useEffect, useState, type ComponentProps, type ReactNode } from 'react';
-import { Button, type IButtonProps } from '../../button';
+import { Button, type ButtonVariant, type IButtonProps } from '../../button';
 import { IconType } from '../../icon';
 
 export interface IDropdownContainerProps extends Omit<ComponentProps<'div'>, 'dir'> {
@@ -62,6 +62,11 @@ export interface IDropdownContainerProps extends Omit<ComponentProps<'div'>, 'di
      * Additional classnames for the dropdown container (e.g. for setting a max width for the dropdown items).
      */
     contentClassNames?: string;
+    /**
+     * Variant of the dropdown.
+     * @default tertiary
+     */
+    variant?: ButtonVariant;
 }
 
 export const DropdownContainer: React.FC<IDropdownContainerProps> = (props) => {
@@ -80,6 +85,7 @@ export const DropdownContainer: React.FC<IDropdownContainerProps> = (props) => {
         constrainContentWidth = true,
         constrainContentHeight = true,
         contentClassNames,
+        variant = 'tertiary',
         ...otherProps
     } = props;
 
@@ -103,7 +109,7 @@ export const DropdownContainer: React.FC<IDropdownContainerProps> = (props) => {
             <RadixDropdown.Trigger className="group" asChild={true} disabled={disabled}>
                 {customTrigger ?? (
                     <Button
-                        variant="tertiary"
+                        variant={variant}
                         size={size}
                         responsiveSize={responsiveSize}
                         iconLeft={!hasLabel ? triggerIcon : undefined}
diff --git a/src/core/components/dropdown/dropdownItem/dropdownItem.stories.tsx b/src/core/components/dropdown/dropdownItem/dropdownItem.stories.tsx
index 30d0639d5..8616d3b50 100644
--- a/src/core/components/dropdown/dropdownItem/dropdownItem.stories.tsx
+++ b/src/core/components/dropdown/dropdownItem/dropdownItem.stories.tsx
@@ -47,4 +47,27 @@ export const Link: Story = {
     },
 };
 
+/**
+ * Set the `formId` property to the DropdownItem component to render a button of type "submit".
+ */
+export const SubmitButton: Story = {
+    render: (props: IDropdownItemProps) => (
+        <form
+            id="form-id"
+            onSubmit={(e) => {
+                e.preventDefault();
+                alert('Form submitted');
+            }}
+        >
+            <Dropdown.Container label="Dropdown with link">
+                <Dropdown.Item {...props} />
+            </Dropdown.Container>
+        </form>
+    ),
+    args: {
+        children: 'As submit button',
+        formId: 'form-id',
+    },
+};
+
 export default meta;
diff --git a/src/core/components/dropdown/dropdownItem/dropdownItem.tsx b/src/core/components/dropdown/dropdownItem/dropdownItem.tsx
index 9cf0a0c65..48fd0ec75 100644
--- a/src/core/components/dropdown/dropdownItem/dropdownItem.tsx
+++ b/src/core/components/dropdown/dropdownItem/dropdownItem.tsx
@@ -30,6 +30,10 @@ export interface IDropdownItemProps extends Omit<ComponentProps<'div'>, 'onSelec
      * Rel attribute of the dropdown link.
      */
     rel?: string;
+    /**
+     * Form id to associate the dropdown item with a form. In this case, the dropdown item will behave as a submit button.
+     */
+    formId?: string;
     /**
      * Disables the dropdown item when set to true.
      */
@@ -51,14 +55,42 @@ export const DropdownItem: React.FC<IDropdownItemProps> = (props) => {
         href,
         target,
         rel,
+        formId,
         ...otherProps
     } = props;
 
+    const renderSubmitButton = formId != null;
     const renderLink = href != null && href.length > 0;
-    const linkRel = target === '_blank' ? `noopener noreferrer ${rel ?? ''}` : rel;
 
-    const ItemWrapper = renderLink ? 'a' : React.Fragment;
-    const itemWrapperProps = renderLink ? { href, target, rel: linkRel } : {};
+    let ItemWrapper: React.ElementType = React.Fragment;
+    let itemWrapperProps:
+        | React.AnchorHTMLAttributes<HTMLAnchorElement>
+        | React.ButtonHTMLAttributes<HTMLButtonElement>
+        | object = {};
+
+    if (renderLink) {
+        ItemWrapper = 'a';
+        itemWrapperProps = {
+            href,
+            target,
+            rel: target === '_blank' ? `noopener noreferrer ${rel ?? ''}` : rel,
+        };
+    } else if (renderSubmitButton) {
+        ItemWrapper = 'button';
+        itemWrapperProps = {
+            type: 'submit' as const,
+            form: formId,
+        };
+    }
+
+    const handleSelect = (event: Event) => {
+        // For submit buttons, we need to prevent the dropdown from closing immediately to allow the form submission to complete properly
+        if (renderSubmitButton) {
+            event.preventDefault();
+        }
+
+        props.onSelect?.(event);
+    };
 
     const defaultIcon = renderLink ? IconType.LINK_EXTERNAL : selected ? IconType.CHECKMARK : undefined;
     const processedIcon = icon ?? defaultIcon;
@@ -66,7 +98,7 @@ export const DropdownItem: React.FC<IDropdownItemProps> = (props) => {
     return (
         <RadixDropdown.Item
             disabled={disabled}
-            asChild={renderLink}
+            asChild={renderLink || renderSubmitButton}
             className={classNames(
                 'flex items-center gap-3 px-4 py-3', // Layout
                 'cursor-pointer rounded-xl text-base leading-tight focus-visible:outline-hidden', // Style
@@ -79,6 +111,7 @@ export const DropdownItem: React.FC<IDropdownItemProps> = (props) => {
                 { 'flex-row-reverse justify-end': iconPosition === 'left' && icon != null },
                 className,
             )}
+            onSelect={handleSelect}
             {...otherProps}
         >
             <ItemWrapper {...itemWrapperProps}>
diff --git a/src/modules/assets/copy/modulesCopy.ts b/src/modules/assets/copy/modulesCopy.ts
index 9e2fb1098..86105a53b 100644
--- a/src/modules/assets/copy/modulesCopy.ts
+++ b/src/modules/assets/copy/modulesCopy.ts
@@ -18,6 +18,21 @@ export const modulesCopy = {
         delegations: 'Delegations',
         votingPower: 'Voting Power',
     },
+    actionSimulation: {
+        action: 'action',
+        actions: 'actions',
+        totalActionsTerm: 'Total actions',
+        lastSimulationTerm: 'Last simulation',
+        never: 'Never',
+        executableTerm: 'Executable',
+        simulateAgain: 'Simulate again',
+        simulate: 'Simulate',
+        simulating: 'Simulating',
+        viewOnTenderly: 'View on Tenderly',
+        likelyToSucceed: 'Likely to succeed',
+        likelyToFail: 'Likely to fail',
+        unknown: 'Unknown',
+    },
     proposalActionsContainer: {
         emptyHeader: 'No actions added',
     },
diff --git a/src/modules/components/action/actionSimulation/actionSimulation.api.tsx b/src/modules/components/action/actionSimulation/actionSimulation.api.tsx
new file mode 100644
index 000000000..5d0044541
--- /dev/null
+++ b/src/modules/components/action/actionSimulation/actionSimulation.api.tsx
@@ -0,0 +1,36 @@
+export interface IActionSimulationRun {
+    timestamp: number;
+    url: string;
+    status: 'success' | 'failed';
+}
+
+export interface IActionSimulationProps {
+    /**
+     * Total number of actions in the proposal.
+     */
+    totalActions: number;
+    /**
+     * Last simulation data including timestamp, URL, and status.
+     */
+    lastSimulation?: IActionSimulationRun;
+    /**
+     * Whether simulation is currently running.
+     */
+    isLoading?: boolean;
+    /**
+     * Whether the proposal can be simulated.
+     */
+    isEnabled?: boolean;
+    /**
+     * Callback when simulate again button is clicked.
+     */
+    onSimulate?: () => void;
+    /**
+     * Additional class names applied to the wrapper div.
+     */
+    className?: string;
+    /**
+     * Optional error message to display.
+     */
+    error?: string;
+}
diff --git a/src/modules/components/action/actionSimulation/actionSimulation.stories.tsx b/src/modules/components/action/actionSimulation/actionSimulation.stories.tsx
new file mode 100644
index 000000000..1cf2536af
--- /dev/null
+++ b/src/modules/components/action/actionSimulation/actionSimulation.stories.tsx
@@ -0,0 +1,98 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { DateTime } from 'luxon';
+import { ActionSimulation } from './actionSimulation';
+
+const meta: Meta<typeof ActionSimulation> = {
+    title: 'Modules/Components/Action/ActionSimulation',
+    component: ActionSimulation,
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/design/ISSDryshtEpB7SUSdNqAcw/Governance-UI-Kit?node-id=30069-34747&t=tQiF5klPD9cjUit6-4',
+        },
+    },
+    args: {
+        className: 'flex-1',
+    },
+};
+
+type Story = StoryObj<typeof ActionSimulation>;
+
+/**
+ * Completed simulation with positive outcome
+ */
+export const Success: Story = {
+    args: {
+        totalActions: 3,
+        lastSimulation: {
+            timestamp: DateTime.now().minus({ seconds: 10 }).toMillis(),
+            url: 'https://dashboard.tenderly.co/simulation/12345',
+            status: 'success',
+        },
+    },
+};
+
+/**
+ * Completed simulation with negative outcome (can't be executed)
+ */
+export const Failed: Story = {
+    args: {
+        totalActions: 2,
+        lastSimulation: {
+            timestamp: DateTime.now().minus({ seconds: 10 }).toMillis(),
+            url: 'https://dashboard.tenderly.co/simulation/12345',
+            status: 'failed',
+        },
+    },
+};
+
+/**
+ * Loading state while simulation is running
+ */
+export const Loading: Story = {
+    args: {
+        totalActions: 5,
+        isLoading: true,
+    },
+};
+
+/**
+ * No simulation has been run yet
+ */
+export const NoPreviousSimulation: Story = {
+    args: {
+        totalActions: 1,
+    },
+};
+
+/**
+ * With error message displayed
+ */
+export const WithErrorMessage: Story = {
+    args: {
+        totalActions: 2,
+        lastSimulation: {
+            timestamp: DateTime.now().minus({ weeks: 2 }).toMillis(),
+            url: 'https://dashboard.tenderly.co/simulation/12345',
+            status: 'success',
+        },
+        error: 'Simulation failed to run. Please try again.',
+    },
+};
+
+/**
+ * Not simulatable - only shows Tenderly link
+ */
+export const NotSimulatable: Story = {
+    args: {
+        totalActions: 3,
+        lastSimulation: {
+            timestamp: DateTime.now().minus({ hours: 2 }).toMillis(),
+            url: 'https://dashboard.tenderly.co/simulation/12345',
+            status: 'success',
+        },
+        isEnabled: false,
+    },
+};
+
+export default meta;
diff --git a/src/modules/components/action/actionSimulation/actionSimulation.test.tsx b/src/modules/components/action/actionSimulation/actionSimulation.test.tsx
new file mode 100644
index 000000000..80c867c33
--- /dev/null
+++ b/src/modules/components/action/actionSimulation/actionSimulation.test.tsx
@@ -0,0 +1,86 @@
+import { render, screen } from '@testing-library/react';
+import { GukCoreProvider } from '../../../../core';
+import { modulesCopy } from '../../../assets';
+import { ActionSimulation } from './actionSimulation';
+import type { IActionSimulationProps } from './actionSimulation.api';
+
+const { actionSimulation: actionSimulationCopy } = modulesCopy;
+
+describe('<ActionSimulation /> component', () => {
+    const createTestComponent = (props?: Partial<IActionSimulationProps>) => {
+        const completeProps: IActionSimulationProps = {
+            totalActions: 3,
+            ...props,
+        };
+
+        return (
+            <GukCoreProvider>
+                <ActionSimulation {...completeProps} />
+            </GukCoreProvider>
+        );
+    };
+
+    it('renders all definition list items', () => {
+        render(createTestComponent());
+
+        expect(screen.getByText(actionSimulationCopy.totalActionsTerm)).toBeInTheDocument();
+        expect(screen.getByText(actionSimulationCopy.lastSimulationTerm)).toBeInTheDocument();
+        expect(screen.getByText(actionSimulationCopy.executableTerm)).toBeInTheDocument();
+    });
+
+    it('renders the total actions count', () => {
+        render(createTestComponent({ totalActions: 5 }));
+        expect(screen.getByText('5 actions')).toBeInTheDocument();
+    });
+
+    it('renders singular action text for one action', () => {
+        render(createTestComponent({ totalActions: 1 }));
+        expect(screen.getByText('1 action')).toBeInTheDocument();
+    });
+
+    it('renders "Never" when no last simulation is provided', () => {
+        render(createTestComponent());
+        expect(screen.getByText(actionSimulationCopy.never)).toBeInTheDocument();
+    });
+
+    it('renders the execution status label', () => {
+        render(
+            createTestComponent({
+                lastSimulation: { timestamp: 0, url: '', status: 'success' },
+            }),
+        );
+        expect(screen.getByText(actionSimulationCopy.likelyToSucceed)).toBeInTheDocument();
+    });
+
+    it('renders failure status label', () => {
+        render(
+            createTestComponent({
+                lastSimulation: { timestamp: 0, url: '', status: 'failed' },
+            }),
+        );
+        expect(screen.getByText(actionSimulationCopy.likelyToFail)).toBeInTheDocument();
+    });
+
+    it('renders unknown status when no lastSimulation is provided', () => {
+        render(createTestComponent());
+        expect(screen.getByText(actionSimulationCopy.unknown)).toBeInTheDocument();
+    });
+
+    it('renders loading state when execution status is loading', () => {
+        render(createTestComponent({ isLoading: true }));
+
+        expect(screen.getAllByText(actionSimulationCopy.simulating)).toHaveLength(3);
+    });
+
+    it('shows simulate button by default when isEnabled is not specified', () => {
+        render(createTestComponent());
+
+        expect(screen.getByText(actionSimulationCopy.simulate)).toBeInTheDocument();
+    });
+
+    it('hides simulate button when isEnabled is false', () => {
+        render(createTestComponent({ isEnabled: false }));
+
+        expect(screen.queryByText(actionSimulationCopy.simulate)).not.toBeInTheDocument();
+    });
+});
diff --git a/src/modules/components/action/actionSimulation/actionSimulation.tsx b/src/modules/components/action/actionSimulation/actionSimulation.tsx
new file mode 100644
index 000000000..97d819c97
--- /dev/null
+++ b/src/modules/components/action/actionSimulation/actionSimulation.tsx
@@ -0,0 +1,124 @@
+import classNames from 'classnames';
+import { useMemo } from 'react';
+import {
+    AvatarIcon,
+    Button,
+    DataList,
+    DateFormat,
+    DefinitionList,
+    formatterUtils,
+    IconType,
+    Spinner,
+} from '../../../../core';
+import { useGukModulesContext } from '../../gukModulesProvider';
+import type { IActionSimulationProps } from './actionSimulation.api';
+
+export const ActionSimulation: React.FC<IActionSimulationProps> = (props) => {
+    const { totalActions, lastSimulation, isLoading, isEnabled = true, onSimulate, className, error } = props;
+
+    const { copy } = useGukModulesContext();
+    const simulationCopy = copy.actionSimulation;
+
+    const statusConfig = useMemo(() => {
+        switch (lastSimulation?.status) {
+            case 'success':
+                return {
+                    icon: IconType.CHECKMARK,
+                    label: simulationCopy.likelyToSucceed,
+                    textColor: 'text-success-800',
+                    variant: 'success' as const,
+                };
+            case 'failed':
+                return {
+                    icon: IconType.CRITICAL,
+                    label: simulationCopy.likelyToFail,
+                    textColor: 'text-critical-800',
+                    variant: 'critical' as const,
+                };
+            default:
+                return {
+                    icon: IconType.INFO,
+                    label: simulationCopy.unknown,
+                    textColor: 'text-neutral-500',
+                    variant: 'neutral' as const,
+                };
+        }
+    }, [simulationCopy, lastSimulation?.status]);
+
+    const formattedTimestamp =
+        formatterUtils.formatDate(lastSimulation?.timestamp, {
+            format: DateFormat.YEAR_MONTH_DAY_TIME,
+        }) ?? simulationCopy.never;
+
+    return (
+        <DataList.Item className={classNames('flex flex-col gap-4 p-4 pt-1 pb-4', className)}>
+            <DefinitionList.Container>
+                <DefinitionList.Item term={copy.actionSimulation.totalActionsTerm}>
+                    {`${totalActions.toString()} ${totalActions !== 1 ? simulationCopy.actions : simulationCopy.action}`}
+                </DefinitionList.Item>
+
+                <DefinitionList.Item term={copy.actionSimulation.lastSimulationTerm}>
+                    {isLoading ? (
+                        <span className="text-primary-400 flex items-center gap-2 md:gap-3">
+                            <Spinner size="md" variant="primary" />
+                            {simulationCopy.simulating}
+                        </span>
+                    ) : (
+                        <span className="inline-block first-letter:capitalize">{formattedTimestamp}</span>
+                    )}
+                </DefinitionList.Item>
+
+                <DefinitionList.Item term={copy.actionSimulation.executableTerm}>
+                    <div className="flex w-full items-center justify-between">
+                        <div className="flex items-center gap-2">
+                            {isLoading ? (
+                                <span className="text-primary-400 flex items-center gap-2 md:gap-3">
+                                    <Spinner size="md" variant="primary" />
+                                    {simulationCopy.simulating}
+                                </span>
+                            ) : (
+                                <>
+                                    <div className="flex size-6 items-center justify-center">
+                                        <AvatarIcon icon={statusConfig.icon} size="sm" variant={statusConfig.variant} />
+                                    </div>
+                                    <span className={classNames('text-sm md:text-base', statusConfig.textColor)}>
+                                        {statusConfig.label}
+                                    </span>
+                                </>
+                            )}
+                        </div>
+                    </div>
+                </DefinitionList.Item>
+            </DefinitionList.Container>
+
+            <div className={classNames('flex flex-col gap-2 md:flex-row md:justify-between')}>
+                {isEnabled && (
+                    <Button variant="secondary" size="md" onClick={onSimulate} isLoading={isLoading}>
+                        {isLoading
+                            ? copy.actionSimulation.simulating
+                            : lastSimulation
+                              ? copy.actionSimulation.simulateAgain
+                              : copy.actionSimulation.simulate}
+                    </Button>
+                )}
+
+                <Button
+                    variant="tertiary"
+                    size="md"
+                    disabled={!lastSimulation?.url}
+                    href={lastSimulation?.url}
+                    target="_blank"
+                    iconRight={IconType.LINK_EXTERNAL}
+                >
+                    {copy.actionSimulation.viewOnTenderly}
+                </Button>
+            </div>
+            {error && (
+                <div className="text-critical-800 flex items-center gap-2 text-sm">
+                    <AvatarIcon icon={IconType.INFO} size="sm" variant="critical" />
+                    {error}
+                </div>
+            )}
+        </DataList.Item>
+    );
+};
diff --git a/src/modules/components/action/actionSimulation/index.ts b/src/modules/components/action/actionSimulation/index.ts
new file mode 100644
index 000000000..731ad9a38
--- /dev/null
+++ b/src/modules/components/action/actionSimulation/index.ts
@@ -0,0 +1,2 @@
+export { ActionSimulation } from './actionSimulation';
+export type { IActionSimulationProps, IActionSimulationRun } from './actionSimulation.api';
diff --git a/src/modules/components/action/index.ts b/src/modules/components/action/index.ts
new file mode 100644
index 000000000..cdef3090d
--- /dev/null
+++ b/src/modules/components/action/index.ts
@@ -0,0 +1 @@
+export * from './actionSimulation';
diff --git a/src/modules/components/index.ts b/src/modules/components/index.ts
index aa2ecb3eb..1d2cf0f43 100644
--- a/src/modules/components/index.ts
+++ b/src/modules/components/index.ts
@@ -1,3 +1,4 @@
+export * from './action';
 export * from './address';
 export * from './asset';
 export * from './dao';