diff --git a/packages/ui/.storybook/preview.ts b/packages/ui/.storybook/preview.ts
index 4fdd0471405..394c6f38a09 100644
--- a/packages/ui/.storybook/preview.ts
+++ b/packages/ui/.storybook/preview.ts
@@ -1,4 +1,4 @@
-import '../lib/index.css'
+import '../lib/styles/index.css'
 
 export const parameters = {
   actions: { argTypesRegex: '^on[A-Z].*' },
diff --git a/packages/ui/README.md b/packages/ui/README.md
index 0883e91623b..b3974a371f6 100644
--- a/packages/ui/README.md
+++ b/packages/ui/README.md
@@ -2,6 +2,10 @@
 
 This package includes React Components used across our products.
 
+## Component Playground
+
+Explore the components at [storybook.unlock-protocol.com](https://storybook.unlock-protocol.com) – an interactive playground for testing and previewing.
+
 ## Using the package
 
 First of all, you will need to run the `yarn build` command in root.
diff --git a/packages/ui/package.json b/packages/ui/package.json
index a64375fa094..afd5c6d02a3 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -27,8 +27,9 @@
     "build": "yarn build:lib && yarn build:cdn && tsup ./lib/index.tsx --dts-only",
     "build:lib": "vite build",
     "build:cdn": "IS_CDN=1 && vite build",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "storybook": "storybook dev -p 6006 -s public",
+    "build-storybook": "storybook build -s public",
+    "serve-storybook": "serve storybook-static"
   },
   "dependencies": {
     "@headlessui/react": "2.2.0",
diff --git a/packages/ui/vercel.json b/packages/ui/vercel.json
new file mode 100644
index 00000000000..316513cb531
--- /dev/null
+++ b/packages/ui/vercel.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://openapi.vercel.sh/vercel.json",
+  "buildCommand": "npm run build-storybook",
+  "devCommand": "npm run storybook",
+  "installCommand": "npm install",
+  "framework": null,
+  "outputDirectory": "./storybook-static"
+}