diff --git a/RECIPES.md b/RECIPES.md
index 6c537553..bbe95182 100644
--- a/RECIPES.md
+++ b/RECIPES.md
@@ -497,6 +497,7 @@ Additional recipes can be found on the [Main Recipes Repository](https://github.
 | [sensiolabs-de/storyblok-api](https://packagist.org/packages/sensiolabs-de/storyblok-api) | [2.0](sensiolabs-de/storyblok-api/2.0) |
 | [sensiolabs/connect-bundle](https://packagist.org/packages/sensiolabs/connect-bundle) | [4.0](sensiolabs/connect-bundle/4.0) |
 | [sensiolabs/gotenberg-bundle](https://packagist.org/packages/sensiolabs/gotenberg-bundle) | [0.1](sensiolabs/gotenberg-bundle/0.1) |
+| [sensiolabs/storybook-bundle](https://packagist.org/packages/sensiolabs/storybook-bundle) | [0.1](sensiolabs/storybook-bundle/0.1) |
 | [sentry/sentry-symfony](https://packagist.org/packages/sentry/sentry-symfony) | [5.0](sentry/sentry-symfony/5.0) |
 | [setono/google-analytics-bundle](https://packagist.org/packages/setono/google-analytics-bundle) | [1.0](setono/google-analytics-bundle/1.0) |
 | [sg/datatablesbundle](https://packagist.org/packages/sg/datatablesbundle) | [1.0](sg/datatablesbundle/1.0) |
diff --git a/archived/sensiolabs.storybook-bundle/edacdcca00af5e56c46b5f1c5df60bd5065aec27.json b/archived/sensiolabs.storybook-bundle/edacdcca00af5e56c46b5f1c5df60bd5065aec27.json
new file mode 100644
index 00000000..5bfbcb5e
--- /dev/null
+++ b/archived/sensiolabs.storybook-bundle/edacdcca00af5e56c46b5f1c5df60bd5065aec27.json
@@ -0,0 +1,93 @@
+{
+    "manifests": {
+        "sensiolabs/storybook-bundle": {
+            "manifest": {
+                "bundles": {
+                    "Storybook\\StorybookBundle": [
+                        "all"
+                    ]
+                },
+                "gitignore": [
+                    "/node_modules"
+                ],
+                "copy-from-recipe": {
+                    "config/": "%CONFIG_DIR%/",
+                    "stories/": "stories/",
+                    "templates/": "templates/"
+                },
+                "conflict": {
+                    "symfony/framework-bundle": "<6.4"
+                },
+                "post-install-output": [
+                    "<bg=blue;fg=white>              </>",
+                    "<bg=blue;fg=white> What's next? </>",
+                    "<bg=blue;fg=white>              </>",
+                    "",
+                    "  * <fg=blue>Run</> your application:",
+                    "    1. Initialize Storybook in your project: <comment>bin/console storybook:init</> command;",
+                    "       - This will create basic configuration files and add required dependencies to your package.json.",
+                    "    2. Follow the instructions provided by the storybook:init command"
+                ]
+            },
+            "files": {
+                "config/packages/storybook.yaml": {
+                    "contents": [
+                        "when@dev:",
+                        "    storybook:",
+                        "        sandbox:",
+                        "            allowedFunctions:",
+                        "                - 'dump'",
+                        ""
+                    ],
+                    "executable": false
+                },
+                "config/routes/storybook.yaml": {
+                    "contents": [
+                        "storybook:",
+                        "    resource: '@StorybookBundle/config/routes.php'",
+                        ""
+                    ],
+                    "executable": false
+                },
+                "stories/Components.stories.js": {
+                    "contents": [
+                        "import {twig} from \"@sensiolabs/storybook-symfony-webpack5\";",
+                        "",
+                        "export default {",
+                        "    component: twig`",
+                        "        <div>Hello {{ name }}!</div>",
+                        "    `,",
+                        "    args: {",
+                        "        name: 'World'",
+                        "    }",
+                        "}",
+                        "",
+                        "export const Default = {};",
+                        "",
+                        "export const John = {",
+                        "    args: {",
+                        "        name: 'John'",
+                        "    }",
+                        "};",
+                        "",
+                        "export const Jane = {",
+                        "    args: {",
+                        "        name: 'Jane'",
+                        "    }",
+                        "};",
+                        ""
+                    ],
+                    "executable": false
+                },
+                "templates/bundles/StorybookBundle/Preview.html.twig": {
+                    "contents": [
+                        "{% extends '@!Storybook/preview.html.twig' %}",
+                        ""
+                    ],
+                    "executable": false
+                }
+            },
+            "ref": "edacdcca00af5e56c46b5f1c5df60bd5065aec27"
+        }
+    }
+}
diff --git a/index.json b/index.json
index 692f295a..a622369b 100644
--- a/index.json
+++ b/index.json
@@ -1575,6 +1575,9 @@
         "sensiolabs/gotenberg-bundle": [
             "0.1"
         ],
+        "sensiolabs/storybook-bundle": [
+            "0.1"
+        ],
         "sentry/sentry-symfony": [
             "1.0",
             "3.0",
@@ -2033,6 +2036,11 @@
                 "symfony/symfony": "<5.0"
             }
         },
+        "sensiolabs/storybook-bundle": {
+            "0.1": {
+                "symfony/framework-bundle": "<6.4"
+            }
+        },
         "sentry/sentry-symfony": {
             "4.0": {
                 "symfony/framework-bundle": "<5.4"
diff --git a/sensiolabs.storybook-bundle.0.1.json b/sensiolabs.storybook-bundle.0.1.json
new file mode 100644
index 00000000..5bfbcb5e
--- /dev/null
+++ b/sensiolabs.storybook-bundle.0.1.json
@@ -0,0 +1,93 @@
+{
+    "manifests": {
+        "sensiolabs/storybook-bundle": {
+            "manifest": {
+                "bundles": {
+                    "Storybook\\StorybookBundle": [
+                        "all"
+                    ]
+                },
+                "gitignore": [
+                    "/node_modules"
+                ],
+                "copy-from-recipe": {
+                    "config/": "%CONFIG_DIR%/",
+                    "stories/": "stories/",
+                    "templates/": "templates/"
+                },
+                "conflict": {
+                    "symfony/framework-bundle": "<6.4"
+                },
+                "post-install-output": [
+                    "<bg=blue;fg=white>              </>",
+                    "<bg=blue;fg=white> What's next? </>",
+                    "<bg=blue;fg=white>              </>",
+                    "",
+                    "  * <fg=blue>Run</> your application:",
+                    "    1. Initialize Storybook in your project: <comment>bin/console storybook:init</> command;",
+                    "       - This will create basic configuration files and add required dependencies to your package.json.",
+                    "    2. Follow the instructions provided by the storybook:init command"
+                ]
+            },
+            "files": {
+                "config/packages/storybook.yaml": {
+                    "contents": [
+                        "when@dev:",
+                        "    storybook:",
+                        "        sandbox:",
+                        "            allowedFunctions:",
+                        "                - 'dump'",
+                        ""
+                    ],
+                    "executable": false
+                },
+                "config/routes/storybook.yaml": {
+                    "contents": [
+                        "storybook:",
+                        "    resource: '@StorybookBundle/config/routes.php'",
+                        ""
+                    ],
+                    "executable": false
+                },
+                "stories/Components.stories.js": {
+                    "contents": [
+                        "import {twig} from \"@sensiolabs/storybook-symfony-webpack5\";",
+                        "",
+                        "export default {",
+                        "    component: twig`",
+                        "        <div>Hello {{ name }}!</div>",
+                        "    `,",
+                        "    args: {",
+                        "        name: 'World'",
+                        "    }",
+                        "}",
+                        "",
+                        "export const Default = {};",
+                        "",
+                        "export const John = {",
+                        "    args: {",
+                        "        name: 'John'",
+                        "    }",
+                        "};",
+                        "",
+                        "export const Jane = {",
+                        "    args: {",
+                        "        name: 'Jane'",
+                        "    }",
+                        "};",
+                        ""
+                    ],
+                    "executable": false
+                },
+                "templates/bundles/StorybookBundle/Preview.html.twig": {
+                    "contents": [
+                        "{% extends '@!Storybook/preview.html.twig' %}",
+                        ""
+                    ],
+                    "executable": false
+                }
+            },
+            "ref": "edacdcca00af5e56c46b5f1c5df60bd5065aec27"
+        }
+    }
+}