diff --git a/packages/react-moveable/src/MoveableIndividualGroup.tsx b/packages/react-moveable/src/MoveableIndividualGroup.tsx
index f6096e5e2..fd81cc8da 100644
--- a/packages/react-moveable/src/MoveableIndividualGroup.tsx
+++ b/packages/react-moveable/src/MoveableIndividualGroup.tsx
@@ -1,14 +1,14 @@
 import { ref, refs } from "framework-utils";
 import * as React from "react";
 import MoveableManager from "./MoveableManager";
-import { GroupableProps, RectInfo } from "./types";
+import { GroupableProps, IndividualGroupableProps, RectInfo } from "./types";
 import { prefix } from "./utils";
 
 /**
  * @namespace Moveable.IndividualGroup
  * @description Create targets individually, not as a group.Create targets individually, not as a group.
  */
-class MoveableIndividualGroup extends MoveableManager<GroupableProps> {
+class MoveableIndividualGroup extends MoveableManager<GroupableProps & IndividualGroupableProps> {
     public moveables: MoveableManager[] = [];
     public render() {
         const props = this.props;
@@ -22,6 +22,7 @@ class MoveableIndividualGroup extends MoveableManager<GroupableProps> {
         const length = targets.length;
         const canPersist = this.isUnmounted || !length;
         let persistDatChildren = persistData?.children ?? [];
+
         if (canPersist && !length && persistDatChildren.length) {
             targets = persistDatChildren.map(() => null);
         } else if (!canPersist) {
@@ -33,10 +34,12 @@ class MoveableIndividualGroup extends MoveableManager<GroupableProps> {
             ref={ref(this, "controlBox")}
             className={prefix("control-box")}>
             {targets!.map((target, i) => {
+                const individualProps = props.individualGroupableProps?.(target, i) ?? {};
                 return <MoveableManager
                     key={"moveable" + i}
                     ref={refs(this, "moveables", i)}
-                    {...this.props}
+                    {...props}
+                    {...individualProps}
                     target={target}
                     wrapperMoveable={this}
                     isWrapperMounted={this.isMoveableMounted}
diff --git a/packages/react-moveable/src/ables/IndividualGroupable.tsx b/packages/react-moveable/src/ables/IndividualGroupable.tsx
index d7a5a3f9f..6e6842d26 100644
--- a/packages/react-moveable/src/ables/IndividualGroupable.tsx
+++ b/packages/react-moveable/src/ables/IndividualGroupable.tsx
@@ -2,6 +2,7 @@ export default {
     name: "individualGroupable",
     props: {
         individualGroupable: Boolean,
+        individualGroupableProps: Function,
     } as const,
     events: {} as const,
 } as const;
diff --git a/packages/react-moveable/src/types.ts b/packages/react-moveable/src/types.ts
index bd56ab045..5189b7f66 100644
--- a/packages/react-moveable/src/types.ts
+++ b/packages/react-moveable/src/types.ts
@@ -2431,8 +2431,18 @@ export type MoveableTargetGroupsType = Array<HTMLElement | SVGElement | Moveable
 export interface IndividualGroupableOptions {
     /**
      * Create targets individually, not as a group.
+     * @story individual-group--draggable-scalable-rotatable
      */
     individualGroupable?: boolean;
+    /**
+     * When using individualGroupable you can pass props to child moveable.
+     * @story individual-group--use-individual-groupable-props
+     * @since 0.44.0
+     */
+    individualGroupableProps?: (
+        element: HTMLElement | SVGElement | null | undefined,
+        index: number,
+    ) => Record<string, any> | undefined | null | void;
 }
 
 export interface IndividualGroupableProps extends IndividualGroupableOptions {
diff --git a/packages/react-moveable/stories/3-IndiviualGroup/0-Default.stories.tsx b/packages/react-moveable/stories/3-IndiviualGroup/0-Default.stories.tsx
index d5aca849e..49ff5d5fd 100644
--- a/packages/react-moveable/stories/3-IndiviualGroup/0-Default.stories.tsx
+++ b/packages/react-moveable/stories/3-IndiviualGroup/0-Default.stories.tsx
@@ -1,7 +1,25 @@
+import {
+    DEFAULT_ROTATABLE_CONTROLS,
+    DEFAULT_DRAGGABLE_CONTROLS,
+    DEFAULT_SCALABLE_CONTROLS,
+} from "../controls/default";
+import { makeStoryGroup } from "../utils/story";
 
 
-export default {
-    title: "Individual Group",
-};
+const group = makeStoryGroup("Individual Group", module);
 
-export * from "./1-DraggableScalableRotatable.stories";
+
+group.add("Draggable & Scalable & Rotatable", {
+    app: require("./ReactDraggableScalableRotatableApp").default,
+    path: require.resolve("./ReactDraggableScalableRotatableApp"),
+    argsTypes: {
+        ...DEFAULT_SCALABLE_CONTROLS,
+        ...DEFAULT_ROTATABLE_CONTROLS,
+        ...DEFAULT_DRAGGABLE_CONTROLS,
+    },
+});
+
+group.add("Use Individual Groupable Props", {
+    app: require("./ReactIndividualGroupablePropsApp").default,
+    path: require.resolve("./ReactIndividualGroupablePropsApp"),
+});
diff --git a/packages/react-moveable/stories/3-IndiviualGroup/1-DraggableScalableRotatable.stories.tsx b/packages/react-moveable/stories/3-IndiviualGroup/1-DraggableScalableRotatable.stories.tsx
deleted file mode 100644
index 1ce59fd44..000000000
--- a/packages/react-moveable/stories/3-IndiviualGroup/1-DraggableScalableRotatable.stories.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import { DEFAULT_REACT_CODESANDBOX } from "storybook-addon-preview";
-import "../common.css";
-import "../templates/default.css";
-import { convertPath, convertReactTemplate, makeArgs } from "../utils";
-import App from "./apps/ReactDraggableScalableRotatableApp";
-import RawApp from "!!raw-loader!./apps/ReactDraggableScalableRotatableApp";
-import {
-    DEFAULT_DRAGGABLE_CONTROLS,
-    DEFAULT_SCALABLE_CONTROLS,
-    DEFAULT_ROTATABLE_CONTROLS,
-} from "../controls/default";
-import { DEFAULT_CSS_TEMPLATE } from "../templates/default";
-
-
-export const DraggableScalableTemplate = App as any;
-
-DraggableScalableTemplate.storyName = "Draggable & Scalable & Rotatable";
-DraggableScalableTemplate.argTypes = {
-    ...DEFAULT_SCALABLE_CONTROLS,
-    ...DEFAULT_ROTATABLE_CONTROLS,
-    ...DEFAULT_DRAGGABLE_CONTROLS,
-};
-DraggableScalableTemplate.args = {
-    ...makeArgs(DraggableScalableTemplate.argTypes),
-};
-
-DraggableScalableTemplate.parameters = {
-    preview: [
-        {
-            tab: "React",
-            template: convertReactTemplate(convertPath(RawApp)),
-            codesandbox: DEFAULT_REACT_CODESANDBOX(["react-moveable"]),
-            language: "tsx",
-        },
-        {
-            tab: "CSS",
-            template: DEFAULT_CSS_TEMPLATE,
-            language: "css",
-        },
-    ],
-};
diff --git a/packages/react-moveable/stories/3-IndiviualGroup/apps/ReactDraggableScalableRotatableApp.tsx b/packages/react-moveable/stories/3-IndiviualGroup/ReactDraggableScalableRotatableApp.tsx
similarity index 100%
rename from packages/react-moveable/stories/3-IndiviualGroup/apps/ReactDraggableScalableRotatableApp.tsx
rename to packages/react-moveable/stories/3-IndiviualGroup/ReactDraggableScalableRotatableApp.tsx
diff --git a/packages/react-moveable/stories/3-IndiviualGroup/ReactIndividualGroupablePropsApp.tsx b/packages/react-moveable/stories/3-IndiviualGroup/ReactIndividualGroupablePropsApp.tsx
new file mode 100644
index 000000000..209df7775
--- /dev/null
+++ b/packages/react-moveable/stories/3-IndiviualGroup/ReactIndividualGroupablePropsApp.tsx
@@ -0,0 +1,31 @@
+import * as React from "react";
+import Moveable from "@/react-moveable";
+
+export default function App() {
+    return (
+        <div className="root">
+            <div className="container">
+                <div className="target target1">Target1</div>
+                <div className="target target2">Target2</div>
+                <div className="target target3">Target3</div>
+                <Moveable
+                    target={".target"}
+                    individualGroupable={true}
+                    draggable={true}
+                    resizable={true}
+                    rotatable={true}
+                    individualGroupableProps={element => {
+                        if (element!.classList.contains("target2")) {
+                            return {
+                                resizable: false,
+                            };
+                        }
+                    }}
+                    onRender={e => {
+                        e.target.style.cssText += e.cssText;
+                    }}
+                />
+            </div>
+        </div>
+    );
+}