diff --git a/apps/www/public/r/index.json b/apps/www/public/r/index.json
index 1127fcbb96..fcfdd4ebd0 100644
--- a/apps/www/public/r/index.json
+++ b/apps/www/public/r/index.json
@@ -722,6 +722,38 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "dependencies": [
+      "@udecode/plate-indent-list"
+    ],
+    "files": [
+      {
+        "path": "plate-ui/indent-todo-toolbar-button.tsx",
+        "type": "registry:ui"
+      }
+    ],
+    "name": "indent-todo-toolbar-button",
+    "registryDependencies": [
+      "toolbar"
+    ],
+    "type": "registry:ui"
+  },
+  {
+    "dependencies": [
+      "@udecode/plate-indent-list"
+    ],
+    "files": [
+      {
+        "path": "plate-ui/indent-todo-marker-component.tsx",
+        "type": "registry:ui"
+      }
+    ],
+    "name": "indent-todo-marker-component",
+    "registryDependencies": [
+      "checkbox"
+    ],
+    "type": "registry:ui"
+  },
   {
     "dependencies": [
       "@ariakit/react",
diff --git a/apps/www/public/r/styles/default/indent-todo-marker-component.json b/apps/www/public/r/styles/default/indent-todo-marker-component.json
new file mode 100644
index 0000000000..1e59cbea8b
--- /dev/null
+++ b/apps/www/public/r/styles/default/indent-todo-marker-component.json
@@ -0,0 +1,18 @@
+{
+  "dependencies": [
+    "@udecode/plate-indent-list"
+  ],
+  "files": [
+    {
+      "content": "import type { PlateRenderElementProps } from '@udecode/plate-common/react';\n\nimport { cn } from '@udecode/cn';\nimport {\n  useIndentTodoListElement,\n  useIndentTodoListElementState,\n} from '@udecode/plate-indent-list/react';\n\nimport { Checkbox } from './checkbox';\n\nexport const TodoMarker = ({\n  element,\n}: Omit<PlateRenderElementProps, 'children'>) => {\n  const state = useIndentTodoListElementState({ element });\n  const { checkboxProps } = useIndentTodoListElement(state);\n\n  return (\n    <div contentEditable={false}>\n      <Checkbox\n        style={{ left: -24, position: 'absolute', top: 4 }}\n        {...checkboxProps}\n      />\n    </div>\n  );\n};\n\nexport const TodoLi = (props: PlateRenderElementProps) => {\n  const { children, element } = props;\n\n  return (\n    <span\n      className={cn(\n        (element.checked as boolean) && 'text-muted-foreground line-through'\n      )}\n    >\n      {children}\n    </span>\n  );\n};\n",
+      "path": "plate-ui/indent-todo-marker-component.tsx",
+      "target": "",
+      "type": "registry:ui"
+    }
+  ],
+  "name": "indent-todo-marker-component",
+  "registryDependencies": [
+    "checkbox"
+  ],
+  "type": "registry:ui"
+}
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/indent-todo-toolbar-button.json b/apps/www/public/r/styles/default/indent-todo-toolbar-button.json
new file mode 100644
index 0000000000..a8e9da877a
--- /dev/null
+++ b/apps/www/public/r/styles/default/indent-todo-toolbar-button.json
@@ -0,0 +1,18 @@
+{
+  "dependencies": [
+    "@udecode/plate-indent-list"
+  ],
+  "files": [
+    {
+      "content": "import { withRef } from '@udecode/cn';\nimport {\n  useIndentTodoToolBarButton,\n  useIndentTodoToolBarButtonState,\n} from '@udecode/plate-indent-list/react';\n\nimport { Icons } from '@/components/icons';\n\nimport { ToolbarButton } from './toolbar';\n\nexport const IndentTodoToolbarButton = withRef<typeof ToolbarButton>(\n  (rest, ref) => {\n    const state = useIndentTodoToolBarButtonState({ nodeType: 'todo' });\n    const { props } = useIndentTodoToolBarButton(state);\n\n    return (\n      <ToolbarButton ref={ref} tooltip=\"Todo\" {...props} {...rest}>\n        <Icons.todo />\n      </ToolbarButton>\n    );\n  }\n);\n",
+      "path": "plate-ui/indent-todo-toolbar-button.tsx",
+      "target": "",
+      "type": "registry:ui"
+    }
+  ],
+  "name": "indent-todo-toolbar-button",
+  "registryDependencies": [
+    "toolbar"
+  ],
+  "type": "registry:ui"
+}
\ No newline at end of file
diff --git a/apps/www/src/__registry__/index.tsx b/apps/www/src/__registry__/index.tsx
index 44c0115504..05e1589a64 100644
--- a/apps/www/src/__registry__/index.tsx
+++ b/apps/www/src/__registry__/index.tsx
@@ -434,6 +434,28 @@ export const Index: Record<string, any> = {
       subcategory: "undefined",
       chunks: []
     },
+    "indent-todo-toolbar-button": {
+      name: "indent-todo-toolbar-button",
+      type: "registry:ui",
+      registryDependencies: ["toolbar"],
+      files: ["registry/default/plate-ui/indent-todo-toolbar-button.tsx"],
+      component: React.lazy(() => import("@/registry/default/plate-ui/indent-todo-toolbar-button.tsx")),
+      source: "",
+      category: "undefined",
+      subcategory: "undefined",
+      chunks: []
+    },
+    "indent-todo-marker-component": {
+      name: "indent-todo-marker-component",
+      type: "registry:ui",
+      registryDependencies: ["checkbox"],
+      files: ["registry/default/plate-ui/indent-todo-marker-component.tsx"],
+      component: React.lazy(() => import("@/registry/default/plate-ui/indent-todo-marker-component.tsx")),
+      source: "",
+      category: "undefined",
+      subcategory: "undefined",
+      chunks: []
+    },
     "inline-combobox": {
       name: "inline-combobox",
       type: "registry:ui",
diff --git a/apps/www/src/registry/registry-ui.ts b/apps/www/src/registry/registry-ui.ts
index 8cec2a27fd..3535749ded 100644
--- a/apps/www/src/registry/registry-ui.ts
+++ b/apps/www/src/registry/registry-ui.ts
@@ -339,6 +339,20 @@ export const ui: Registry = [
     registryDependencies: ['toolbar'],
     type: 'registry:ui',
   },
+  {
+    dependencies: ['@udecode/plate-indent-list'],
+    files: ['plate-ui/indent-todo-toolbar-button.tsx'],
+    name: 'indent-todo-toolbar-button',
+    registryDependencies: ['toolbar'],
+    type: 'registry:ui',
+  },
+  {
+    dependencies: ['@udecode/plate-indent-list'],
+    files: ['plate-ui/indent-todo-marker-component.tsx'],
+    name: 'indent-todo-marker-component',
+    registryDependencies: ['checkbox'],
+    type: 'registry:ui',
+  },
   {
     dependencies: ['@ariakit/react', '@udecode/plate-combobox'],
     files: ['plate-ui/inline-combobox.tsx'],