diff --git a/.changeset/mean-zebras-accept.md b/.changeset/mean-zebras-accept.md
new file mode 100644
index 000000000..28d39a87b
--- /dev/null
+++ b/.changeset/mean-zebras-accept.md
@@ -0,0 +1,5 @@
+---
+"@stackflow/plugin-basic-ui": minor
+---
+
+feat(plugin-basic-ui): export css variables from components
diff --git a/extensions/plugin-basic-ui/src/index.ts b/extensions/plugin-basic-ui/src/index.ts
index 18876be28..451d9e24d 100644
--- a/extensions/plugin-basic-ui/src/index.ts
+++ b/extensions/plugin-basic-ui/src/index.ts
@@ -7,8 +7,11 @@ export {
   AppScreenProps,
   useAppScreen,
 } from "./components/AppScreen";
+export { vars as appScreenVars } from "./components/AppScreen.css";
 export {
   default as BottomSheet,
   BottomSheetProps,
 } from "./components/BottomSheet";
+export { vars as bottomSheetVars } from "./components/BottomSheet.css";
 export { default as Modal, ModalProps } from "./components/Modal";
+export { vars as modalVars } from "./components/Modal.css";