diff --git a/.changeset/odd-badgers-love.md b/.changeset/odd-badgers-love.md
new file mode 100644
index 0000000..3c44482
--- /dev/null
+++ b/.changeset/odd-badgers-love.md
@@ -0,0 +1,5 @@
+---
+"@sopt-makers/fonts": major
+---
+
+Change fonts name, add fontObj
diff --git a/.changeset/polite-countries-knock.md b/.changeset/polite-countries-knock.md
new file mode 100644
index 0000000..62173c6
--- /dev/null
+++ b/.changeset/polite-countries-knock.md
@@ -0,0 +1,5 @@
+---
+"@sopt-makers/ui": minor
+---
+
+Release UI library
diff --git a/.changeset/stupid-planes-flash.md b/.changeset/short-hounds-ring.md
similarity index 62%
rename from .changeset/stupid-planes-flash.md
rename to .changeset/short-hounds-ring.md
index 1e5401d..ec942e7 100644
--- a/.changeset/stupid-planes-flash.md
+++ b/.changeset/short-hounds-ring.md
@@ -2,4 +2,4 @@
 "@sopt-makers/icons": major
 ---
 
-release icons library
+Release Icons library
diff --git a/.changeset/shy-phones-change.md b/.changeset/shy-phones-change.md
deleted file mode 100644
index 61801fa..0000000
--- a/.changeset/shy-phones-change.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@sopt-makers/fonts": minor
----
-
-update fonts library
diff --git a/.changeset/wise-roses-flow.md b/.changeset/wise-roses-flow.md
deleted file mode 100644
index 9eb3352..0000000
--- a/.changeset/wise-roses-flow.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@sopt-makers/ui": major
----
-
-release ui library
diff --git a/apps/docs/src/App.tsx b/apps/docs/src/App.tsx
index 1970856..dd01635 100644
--- a/apps/docs/src/App.tsx
+++ b/apps/docs/src/App.tsx
@@ -1,4 +1,4 @@
-import { Test } from 'ui';
+import { Test } from '../../../packages/ui';
 import './App.css';
 
 function App() {
diff --git a/apps/docs/src/stories/Button.stories.tsx b/apps/docs/src/stories/Button.stories.tsx
index cb88373..fb9da9d 100644
--- a/apps/docs/src/stories/Button.stories.tsx
+++ b/apps/docs/src/stories/Button.stories.tsx
@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import Button from 'ui/Button';
+import { Button } from '../../../../packages/ui';
 
 interface ButtonOwnProps {
   size?: 'sm' | 'md' | 'lg';
diff --git a/apps/docs/src/stories/CheckBox.stories.tsx b/apps/docs/src/stories/CheckBox.stories.tsx
index 9dc9c89..33f0c5c 100644
--- a/apps/docs/src/stories/CheckBox.stories.tsx
+++ b/apps/docs/src/stories/CheckBox.stories.tsx
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import CheckBox from 'ui/CheckBox';
+import { CheckBox } from '../../../../packages/ui';
 
 const meta = {
   title: 'Components/CheckBox',
diff --git a/apps/docs/src/stories/Dialog.stories.tsx b/apps/docs/src/stories/Dialog.stories.tsx
index 75606fa..03ef3aa 100644
--- a/apps/docs/src/stories/Dialog.stories.tsx
+++ b/apps/docs/src/stories/Dialog.stories.tsx
@@ -7,7 +7,7 @@ import {
   DialogContext,
   type DialogOptionType,
   useDialog,
-} from 'ui/Dialog';
+} from '../../../../packages/ui';
 
 export default {
   title: 'Components/Dialog',
diff --git a/apps/docs/src/stories/Header.tsx b/apps/docs/src/stories/Header.tsx
index 982dde1..ae086b1 100644
--- a/apps/docs/src/stories/Header.tsx
+++ b/apps/docs/src/stories/Header.tsx
@@ -1,4 +1,4 @@
-import { Button } from 'ui';
+import { Button } from '../../../../packages/ui';
 import './header.css';
 
 type User = {
diff --git a/apps/docs/src/stories/Test.stories.ts b/apps/docs/src/stories/Test.stories.ts
index af545ef..d63819a 100644
--- a/apps/docs/src/stories/Test.stories.ts
+++ b/apps/docs/src/stories/Test.stories.ts
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
-import { Test } from "ui";
+import { Test } from "../../../../packages/ui";
 
 const meta = {
   title: 'Example/Test',
diff --git a/apps/docs/src/stories/Toast.stories.tsx b/apps/docs/src/stories/Toast.stories.tsx
index fbc8606..99eca7e 100644
--- a/apps/docs/src/stories/Toast.stories.tsx
+++ b/apps/docs/src/stories/Toast.stories.tsx
@@ -1,11 +1,9 @@
 import { Meta, StoryObj, StoryFn } from "@storybook/react";
-import { useToast, ToastProvider, type ToastOptionType } from "ui";
+import { useToast, ToastProvider, type ToastOptionType } from "../../../../packages/ui";
 import { IconCopy } from "../../../../packages/icons/src";
-import ToastComponent from "ui/Toast/Toast";
 
 const meta: Meta = {
   title: "Components/Toast",
-  component: ToastComponent,
   tags: ["autodocs"],
   argTypes: {
     icon: {
diff --git a/apps/docs/tsconfig.json b/apps/docs/tsconfig.json
index a7fc6fb..03aa15f 100644
--- a/apps/docs/tsconfig.json
+++ b/apps/docs/tsconfig.json
@@ -5,6 +5,10 @@
     "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "module": "ESNext",
     "skipLibCheck": true,
+    // "baseUrl": ".",
+    // "paths": {
+    //   "@ui": ["/packages/ui"]
+    // },
 
     /* Bundler mode */
     "moduleResolution": "bundler",
diff --git a/apps/docs/vite.config.ts b/apps/docs/vite.config.ts
index 0946dff..0fb4125 100644
--- a/apps/docs/vite.config.ts
+++ b/apps/docs/vite.config.ts
@@ -5,4 +5,9 @@ import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react(), vanillaExtractPlugin()],
+  // resolve: {
+  //   alias: {
+  //     '@ui': '../../packages/ui'
+  //   }
+  // }
 })
diff --git a/packages/ui/index.ts b/packages/ui/index.ts
index 72611fc..1ba58ad 100644
--- a/packages/ui/index.ts
+++ b/packages/ui/index.ts
@@ -2,6 +2,7 @@ export * from "./cssVariables";
 
 // component exports
 export { default as Button } from "./Button";
+export { default as CheckBox } from "./CheckBox";
 export { Dialog, DialogContext, DialogProvider, useDialog } from "./Dialog";
 export type { DialogOptionType } from "./Dialog";
 export { ToastProvider, useToast } from "./Toast";
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 54ffe27..503934b 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -16,7 +16,7 @@
   "devDependencies": {
     "@radix-ui/react-dialog": "^1.0.5",
     "@sopt-makers/colors": "^3.0.0",
-    "@sopt-makers/fonts": "^1.0.0",
+    "@sopt-makers/fonts": "^1.1.0",
     "@turbo/gen": "^1.10.12",
     "@types/node": "^20.5.2",
     "@types/react": "^18.2.0",