diff --git a/src/store/index.ts b/src/store/index.ts
index cc1242d..e6fdbf0 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -1,7 +1,9 @@
 import { configureStore } from "@reduxjs/toolkit";
 
+import uiStateReducer from "./slices/uiState";
+
 const store = configureStore({
-  reducer: {},
+  reducer: { uiState: uiStateReducer },
 });
 
 export type RootState = ReturnType<typeof store.getState>;
diff --git a/src/store/slices/uiState.ts b/src/store/slices/uiState.ts
new file mode 100644
index 0000000..d713d55
--- /dev/null
+++ b/src/store/slices/uiState.ts
@@ -0,0 +1,20 @@
+import { createSlice } from "@reduxjs/toolkit";
+
+export const uiStateSlice = createSlice({
+  name: "uiState",
+  initialState: {
+    addBarOpen: false,
+  },
+  reducers: {
+    open: (state) => {
+      state.addBarOpen = true;
+    },
+    close: (state) => {
+      state.addBarOpen = false;
+    },
+  },
+});
+
+export const { open, close } = uiStateSlice.actions;
+
+export default uiStateSlice.reducer;