diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 00000000..b65b2d92
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,14 @@
+root = true
+
+[*]
+max_line_length = 160
+
+[*.{kt,kts}]
+charset = utf-8
+end_of_line = lf
+indent_size = 4
+indent_style = space
+trim_trailing_whitespace = true
+insert_final_newline = true
+tab_width = 4
+ij_kotlin_allow_trailing_comma = true
\ No newline at end of file
diff --git "a/.github/ISSUE_TEMPLATE/issue-\354\203\235\354\204\261.md" "b/.github/ISSUE_TEMPLATE/issue-\354\203\235\354\204\261.md"
new file mode 100644
index 00000000..2f2be163
--- /dev/null
+++ "b/.github/ISSUE_TEMPLATE/issue-\354\203\235\354\204\261.md"
@@ -0,0 +1,14 @@
+---
+name: Issue 생성
+about: 여러 타입의 이슈를 생성합니다.
+title: "[FEATURE CHORE BUG HOTFIX BASE UI] 이슈 제목"
+labels: ''
+assignees: ''
+
+---
+
+## 내용
+작업 내용을 요약해주세요.
+## Todo
+- [ ] todo1
+- [ ] todo2
diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
new file mode 100644
index 00000000..0301fbb6
--- /dev/null
+++ b/.github/pull_request_template.md
@@ -0,0 +1,29 @@
+## Key Changes
+<!---- 변경 사항, 개발 및 관련 이슈에 대해 간단하게 작성해주세요. -->
+Resolves: #(Isuue Number)
+
+## PR 유형
+어떤 변경 사항이 있나요?
+- [ ] 새로운 기능 추가
+- [ ] 버그 수정
+- [ ] CSS 등 사용자 UI 디자인 변경
+- [ ] 코드에 영향을 주지 않는 변경사항(오타 수정, 탭 사이즈 변경, 변수명 변경)
+- [ ] 코드 리팩토링
+- [ ] 주석 추가 및 수정
+- [ ] 문서 수정
+- [ ] 테스트 추가, 테스트 리팩토링
+- [ ] 빌드 부분 혹은 패키지 매니저 수정
+- [ ] 파일 혹은 폴더명 수정
+- [ ] 파일 혹은 폴더 삭제
+
+## To Reviewers
+- 리뷰어에게 중점적으로 확인받고 싶은 내용을 알려주세요.
+
+## PR Checklist
+PR이 다음 요구 사항을 충족하는지 확인하세요.
+- [ ] 커밋 메시지 컨벤션에 맞게 작성했습니다.
+- [ ] 정해진 코딩 컨벤션에 맞게 작성했습니다.
+- [ ] 변경 사항에 대한 테스트를 했습니다.(버그 수정/기능에 대한 테스트)
+
+## Etc.
+<!---- 그 외 기타 등등 사항(리뷰어가 알아야하는 등등)을 기록해주세요. -->
diff --git a/.github/workflows/ktlint.yml b/.github/workflows/ktlint.yml
new file mode 100644
index 00000000..51079c46
--- /dev/null
+++ b/.github/workflows/ktlint.yml
@@ -0,0 +1,37 @@
+name: Android CI
+
+on:
+  push:
+    branches: [ "develop" ]
+  pull_request:
+    branches: [ "develop" ]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: check out repository
+        uses: actions/checkout@v3
+
+      - name: set up JDK 17
+        uses: actions/setup-java@v3
+        with:
+          java-version: '17'
+          distribution: 'temurin'
+          cache: gradle
+
+      - name: check google client id
+        env:
+          GOOGLE_CLIENT_ID: ${{secrets.GOOGLE_CLIENT_ID}}
+        run: |
+          echo web_client_id=\""$GOOGLE_CLIENT_ID"\" >> local.properties
+          
+      - name: Run ktlint
+        run: ./gradlew ktlintCheck
+
+      - name: Run unit tests
+        run: ./gradlew testDebugUnitTest
+
+      - name: Build with Gradle
+        run: ./gradlew assembleDebug
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index aa724b77..ae4db0fe 100644
--- a/.gitignore
+++ b/.gitignore
@@ -12,4 +12,4 @@
 /captures
 .externalNativeBuild
 .cxx
-local.properties
+app/google-services.json
diff --git a/.idea/deploymentTargetDropDown.xml b/.idea/deploymentTargetDropDown.xml
index 0c0c3383..b0ecad44 100644
--- a/.idea/deploymentTargetDropDown.xml
+++ b/.idea/deploymentTargetDropDown.xml
@@ -5,6 +5,18 @@
       <entry key="app">
         <State />
       </entry>
+      <entry key="feature">
+        <State />
+      </entry>
+      <entry key="feature.home">
+        <State />
+      </entry>
+      <entry key="feature.login">
+        <State />
+      </entry>
+      <entry key="feature.main">
+        <State />
+      </entry>
     </value>
   </component>
 </project>
\ No newline at end of file
diff --git a/.idea/gradle.xml b/.idea/gradle.xml
index 32522c1e..891e626f 100644
--- a/.idea/gradle.xml
+++ b/.idea/gradle.xml
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
+  <component name="GradleMigrationSettings" migrationVersion="1" />
   <component name="GradleSettings">
     <option name="linkedExternalProjectsSettings">
       <GradleProjectSettings>
@@ -9,6 +10,10 @@
           <set>
             <option value="$PROJECT_DIR$" />
             <option value="$PROJECT_DIR$/app" />
+            <option value="$PROJECT_DIR$/data" />
+            <option value="$PROJECT_DIR$/domain" />
+            <option value="$PROJECT_DIR$/feature" />
+            <option value="$PROJECT_DIR$/feature/login" />
           </set>
         </option>
         <option name="resolveExternalAnnotations" value="false" />
diff --git a/.idea/kotlinc.xml b/.idea/kotlinc.xml
index fdf8d994..0fc31131 100644
--- a/.idea/kotlinc.xml
+++ b/.idea/kotlinc.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="KotlinJpsPluginSettings">
-    <option name="version" value="1.9.0" />
+    <option name="version" value="1.8.10" />
   </component>
 </project>
\ No newline at end of file
diff --git a/app/.gitignore b/app/.gitignore
index 42afabfd..2cb404ba 100644
--- a/app/.gitignore
+++ b/app/.gitignore
@@ -1 +1,3 @@
-/build
\ No newline at end of file
+/build
+/local.properties
+google-services.json
\ No newline at end of file
diff --git a/app/build.gradle.kts b/app/build.gradle.kts
index 6147e31d..affa6e7f 100644
--- a/app/build.gradle.kts
+++ b/app/build.gradle.kts
@@ -1,6 +1,10 @@
 plugins {
-    alias(libs.plugins.androidApplication)
-    alias(libs.plugins.jetbrainsKotlinAndroid)
+    alias(libs.plugins.com.android.application)
+    alias(libs.plugins.org.jetbrains.kotlin.android)
+    alias(libs.plugins.hilt)
+    alias(libs.plugins.googleServices)
+    alias(libs.plugins.kotlin.parcelize)
+    id("kotlin-kapt")
 }
 
 android {
@@ -11,8 +15,8 @@ android {
         applicationId = "pokitmons.pokit"
         minSdk = 24
         targetSdk = 34
-        versionCode = 1
-        versionName = "1.0"
+        versionCode = 2
+        versionName = "1.0.0"
 
         testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
         vectorDrawables {
@@ -50,7 +54,6 @@ android {
 }
 
 dependencies {
-
     implementation(libs.androidx.core.ktx)
     implementation(libs.androidx.lifecycle.runtime.ktx)
     implementation(libs.androidx.activity.compose)
@@ -66,4 +69,34 @@ dependencies {
     androidTestImplementation(libs.androidx.ui.test.junit4)
     debugImplementation(libs.androidx.ui.tooling)
     debugImplementation(libs.androidx.ui.test.manifest)
-}
\ No newline at end of file
+
+    implementation(project(":core:ui"))
+    implementation(project(":core:feature"))
+    implementation(project(":data"))
+    implementation(project(":domain"))
+    implementation(project(":feature:addlink"))
+    implementation(project(":feature:addpokit"))
+    implementation(project(":feature:alarm"))
+    implementation(project(":feature:login"))
+    implementation(project(":feature:pokitdetail"))
+    implementation(project(":feature:search"))
+    implementation(project(":feature:settings"))
+    implementation(project(":feature:home"))
+
+    // hilt
+    implementation(libs.hilt)
+    kapt(libs.hilt.compiler)
+
+    // firebase
+    implementation(platform(libs.firebase.bom))
+    implementation(libs.firebase.auth.ktx)
+
+    // navigation
+    implementation(libs.androidx.navigation.compose)
+    implementation(libs.hilt.navigation.compose)
+
+    // orbit
+    implementation(libs.orbit.compose)
+    implementation(libs.orbit.core)
+    implementation(libs.orbit.viewmodel)
+}
diff --git a/app/google-services.json b/app/google-services.json
new file mode 100644
index 00000000..3566f694
--- /dev/null
+++ b/app/google-services.json
@@ -0,0 +1,62 @@
+{
+  "project_info": {
+    "project_number": "217769178527",
+    "project_id": "pokit-f5c83",
+    "storage_bucket": "pokit-f5c83.appspot.com"
+  },
+  "client": [
+    {
+      "client_info": {
+        "mobilesdk_app_id": "1:217769178527:android:5d7efa4ceafe61c37af9aa",
+        "android_client_info": {
+          "package_name": "pokitmons.pokit"
+        }
+      },
+      "oauth_client": [
+        {
+          "client_id": "217769178527-jaa8p8nfmic1j1065qs5a7vfqt18qec0.apps.googleusercontent.com",
+          "client_type": 1,
+          "android_info": {
+            "package_name": "pokitmons.pokit",
+            "certificate_hash": "9ded6dcd446add68f506001f3c1b457cc1c3be9e"
+          }
+        },
+        {
+          "client_id": "217769178527-mmbheg9v5npdhdrbfq78slpsk8lt2nga.apps.googleusercontent.com",
+          "client_type": 1,
+          "android_info": {
+            "package_name": "pokitmons.pokit",
+            "certificate_hash": "b2f3e34f8e02d15beb0d10d3d48a05148e943642"
+          }
+        },
+        {
+          "client_id": "217769178527-tslgsrrr1o8bli4hr4qnas2u9kg80a9h.apps.googleusercontent.com",
+          "client_type": 3
+        }
+      ],
+      "api_key": [
+        {
+          "current_key": "AIzaSyDMh93QvJGUUX8-E-wyJoSS3cFrwfw8Q3w"
+        }
+      ],
+      "services": {
+        "appinvite_service": {
+          "other_platform_oauth_client": [
+            {
+              "client_id": "217769178527-l4prj2q9qsuvkodc2cpi84psvul5rth2.apps.googleusercontent.com",
+              "client_type": 3
+            },
+            {
+              "client_id": "217769178527-021j3dpbues9rhbkp6cffnn19mdajorq.apps.googleusercontent.com",
+              "client_type": 2,
+              "ios_info": {
+                "bundle_id": "com.pokitmons.pokit.App"
+              }
+            }
+          ]
+        }
+      }
+    }
+  ],
+  "configuration_version": "1"
+}
\ No newline at end of file
diff --git a/app/src/androidTest/java/pokitmons/pokit/ExampleInstrumentedTest.kt b/app/src/androidTest/java/pokitmons/pokit/ExampleInstrumentedTest.kt
index 0ac7c25a..58c48f57 100644
--- a/app/src/androidTest/java/pokitmons/pokit/ExampleInstrumentedTest.kt
+++ b/app/src/androidTest/java/pokitmons/pokit/ExampleInstrumentedTest.kt
@@ -1,13 +1,11 @@
 package pokitmons.pokit
 
-import androidx.test.platform.app.InstrumentationRegistry
 import androidx.test.ext.junit.runners.AndroidJUnit4
-
+import androidx.test.platform.app.InstrumentationRegistry
+import junit.framework.TestCase.assertEquals
 import org.junit.Test
 import org.junit.runner.RunWith
 
-import org.junit.Assert.*
-
 /**
  * Instrumented test, which will execute on an Android device.
  *
@@ -21,4 +19,4 @@ class ExampleInstrumentedTest {
         val appContext = InstrumentationRegistry.getInstrumentation().targetContext
         assertEquals("pokitmons.pokit", appContext.packageName)
     }
-}
\ No newline at end of file
+}
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 844b4b78..fcab7b1f 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -2,20 +2,24 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools">
 
+    <uses-permission android:name="android.permission.INTERNET" />
+
     <application
-        android:allowBackup="true"
+        android:name=".PokitApplication"
         android:dataExtractionRules="@xml/data_extraction_rules"
         android:fullBackupContent="@xml/backup_rules"
-        android:icon="@mipmap/ic_launcher"
+        android:icon="@mipmap/ic_launcher_pooki"
         android:label="@string/app_name"
-        android:roundIcon="@mipmap/ic_launcher_round"
+        android:roundIcon="@mipmap/ic_launcher_pooki_round"
         android:supportsRtl="true"
         android:theme="@style/Theme.Pokit"
-        tools:targetApi="31">
+        tools:targetApi="34">
         <activity
+            android:screenOrientation="portrait"
             android:name=".MainActivity"
             android:exported="true"
             android:label="@string/app_name"
+            android:windowSoftInputMode="adjustResize"
             android:theme="@style/Theme.Pokit">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
diff --git a/app/src/main/ic_launcher_pooki-playstore.png b/app/src/main/ic_launcher_pooki-playstore.png
new file mode 100644
index 00000000..e9921519
Binary files /dev/null and b/app/src/main/ic_launcher_pooki-playstore.png differ
diff --git a/app/src/main/java/pokitmons/pokit/MainActivity.kt b/app/src/main/java/pokitmons/pokit/MainActivity.kt
index 7450e6d5..8bf0ce26 100644
--- a/app/src/main/java/pokitmons/pokit/MainActivity.kt
+++ b/app/src/main/java/pokitmons/pokit/MainActivity.kt
@@ -3,26 +3,54 @@ package pokitmons.pokit
 import android.os.Bundle
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.material3.MaterialTheme
-import androidx.compose.material3.Surface
-import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.derivedStateOf
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.tooling.preview.Preview
-import pokitmons.pokit.ui.theme.PokitTheme
+import androidx.compose.ui.res.painterResource
+import androidx.navigation.compose.currentBackStackEntryAsState
+import androidx.navigation.compose.rememberNavController
+import dagger.hilt.android.AndroidEntryPoint
+import kotlinx.coroutines.delay
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.navigation.RootNavHost
 
+@AndroidEntryPoint
 class MainActivity : ComponentActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         setContent {
+            var showSplash by remember { mutableStateOf(true) }
+
+            LaunchedEffect(Unit) {
+                delay(1500)
+                showSplash = false
+            }
+
+            val navHostController = rememberNavController()
+            val navBackStackEntry by navHostController.currentBackStackEntryAsState()
+            val currentDestination by remember(navBackStackEntry) { derivedStateOf { navBackStackEntry?.destination } }
+
             PokitTheme {
-                // A surface container using the 'background' color from the theme
-                Surface(
-                    modifier = Modifier.fillMaxSize(),
-                    color = MaterialTheme.colorScheme.background
-                ) {
-                    Greeting("Android")
+                if (showSplash) {
+                    SplashScreen()
+                } else {
+                    RootNavHost(navHostController = navHostController)
+                }
+
+                LaunchedEffect(currentDestination) {
+                    currentDestination?.route?.let { route ->
+                        // 믹스패널/파베 애널리틱스 화면 이동 로깅용
+                    }
                 }
             }
         }
@@ -30,17 +58,16 @@ class MainActivity : ComponentActivity() {
 }
 
 @Composable
-fun Greeting(name: String, modifier: Modifier = Modifier) {
-    Text(
-        text = "Hello $name!",
-        modifier = modifier
-    )
-}
-
-@Preview(showBackground = true)
-@Composable
-fun GreetingPreview() {
-    PokitTheme {
-        Greeting("Android")
+fun SplashScreen() {
+    Box(
+        modifier = Modifier
+            .background(color = PokitTheme.colors.brandBold)
+            .fillMaxSize(),
+        contentAlignment = Alignment.Center
+    ) {
+        Image(
+            painter = painterResource(id = pokitmons.pokit.core.ui.R.drawable.logo_white),
+            contentDescription = null
+        )
     }
-}
\ No newline at end of file
+}
diff --git a/app/src/main/java/pokitmons/pokit/PokitApplication.kt b/app/src/main/java/pokitmons/pokit/PokitApplication.kt
new file mode 100644
index 00000000..77af5190
--- /dev/null
+++ b/app/src/main/java/pokitmons/pokit/PokitApplication.kt
@@ -0,0 +1,13 @@
+package pokitmons.pokit
+
+import android.app.Application
+import com.google.firebase.FirebaseApp
+import dagger.hilt.android.HiltAndroidApp
+
+@HiltAndroidApp
+class PokitApplication : Application() {
+    override fun onCreate() {
+        super.onCreate()
+        FirebaseApp.initializeApp(this)
+    }
+}
diff --git a/app/src/main/java/pokitmons/pokit/navigation/RootDestination.kt b/app/src/main/java/pokitmons/pokit/navigation/RootDestination.kt
new file mode 100644
index 00000000..aa7f1bb6
--- /dev/null
+++ b/app/src/main/java/pokitmons/pokit/navigation/RootDestination.kt
@@ -0,0 +1,82 @@
+package pokitmons.pokit.navigation
+
+import androidx.navigation.NavType
+import androidx.navigation.navArgument
+
+object Login {
+    val route: String = "login"
+}
+
+object TermOfService {
+    val route: String = "termOfService"
+}
+
+object InputNickname {
+    val route: String = "inputNickname"
+}
+
+object SelectKeyword {
+    val route: String = "selectKeyword"
+}
+
+object SignUpSuccess {
+    val route: String = "signupSuccess"
+}
+
+object Home {
+    val route: String = "home"
+}
+
+object AddLink {
+    val route: String = "addLink"
+    val linkIdArg = "link_id"
+    val routeWithArgs = "$route?$linkIdArg={$linkIdArg}"
+    var arguments = listOf(
+        navArgument(linkIdArg) {
+            nullable = true
+            type = NavType.StringType
+        }
+    )
+}
+
+object AddPokit {
+    val route: String = "addPokit"
+    val pokitIdArg = "pokit_id"
+    val routeWithArgs = "$route?$pokitIdArg={$pokitIdArg}"
+    var arguments = listOf(
+        navArgument(pokitIdArg) {
+            nullable = true
+            type = NavType.StringType
+        }
+    )
+}
+
+object PokitDetail {
+    val route: String = "pokitDetail"
+    val pokitIdArg = "pokit_id"
+    val pokitCountQuery = "pokit_count"
+    val routeWithArgs = "$route/{$pokitIdArg}?$pokitCountQuery={$pokitCountQuery}"
+    var arguments = listOf(
+        navArgument(pokitIdArg) { defaultValue = "-" },
+        navArgument(pokitCountQuery) {
+            nullable = true
+            type = NavType.StringType
+        }
+    )
+}
+
+object Search {
+    val route: String = "search"
+}
+
+object Setting {
+    val route: String = "setting"
+}
+
+object EditNickname {
+    val route: String = "editNickname"
+}
+
+object Alarm {
+    val route: String = "alarm"
+}
diff --git a/app/src/main/java/pokitmons/pokit/navigation/RootNavHost.kt b/app/src/main/java/pokitmons/pokit/navigation/RootNavHost.kt
new file mode 100644
index 00000000..238f3b8a
--- /dev/null
+++ b/app/src/main/java/pokitmons/pokit/navigation/RootNavHost.kt
@@ -0,0 +1,209 @@
+package pokitmons.pokit.navigation
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.hilt.navigation.compose.hiltViewModel
+import androidx.navigation.NavHostController
+import androidx.navigation.compose.NavHost
+import androidx.navigation.compose.composable
+import com.strayalpaca.addlink.AddLinkScreenContainer
+import com.strayalpaca.addlink.AddLinkViewModel
+import com.strayalpaca.addpokit.AddPokitScreenContainer
+import com.strayalpaca.addpokit.AddPokitViewModel
+import com.strayalpaca.pokitdetail.PokitDetailScreenContainer
+import com.strayalpaca.pokitdetail.PokitDetailViewModel
+import pokitmons.pokit.LoginViewModel
+import pokitmons.pokit.alarm.AlarmScreenContainer
+import pokitmons.pokit.alarm.AlarmViewModel
+import pokitmons.pokit.home.HomeScreen
+import pokitmons.pokit.home.pokit.PokitViewModel
+import pokitmons.pokit.keyword.KeywordScreen
+import pokitmons.pokit.login.LoginScreen
+import pokitmons.pokit.nickname.InputNicknameScreen
+import pokitmons.pokit.search.SearchScreenContainer
+import pokitmons.pokit.search.SearchViewModel
+import pokitmons.pokit.settings.SettingViewModel
+import pokitmons.pokit.settings.nickname.EditNicknameScreen
+import pokitmons.pokit.settings.setting.SettingsScreen
+import pokitmons.pokit.success.SignUpSuccessScreen
+import pokitmons.pokit.terms.TermsOfServiceScreen
+
+@Composable
+fun RootNavHost(
+    navHostController: NavHostController,
+) {
+    NavHost(
+        modifier = Modifier.background(color = Color.White),
+        navController = navHostController,
+        startDestination = Login.route
+    ) {
+        composable(Login.route) {
+            val viewModel: LoginViewModel = hiltViewModel()
+            LoginScreen(
+                loginViewModel = viewModel,
+                onNavigateToTermsOfServiceScreen = { navHostController.navigate(TermOfService.route) },
+                onNavigateToHomeScreen = {
+                    navHostController.navigate(Home.route) {
+                        popUpTo(navHostController.graph.startDestinationId) {
+                            inclusive = true
+                        }
+                    }
+                }
+            )
+        }
+
+        composable(TermOfService.route) {
+            TermsOfServiceScreen(
+                onNavigateToInputNicknameScreen = { navHostController.navigate(InputNickname.route) },
+                onBackPressed = navHostController::popBackStack
+            )
+        }
+
+        composable(InputNickname.route) {
+            val viewModel: LoginViewModel = hiltViewModel()
+            InputNicknameScreen(
+                viewModel = viewModel,
+                onNavigateToKeywordScreen = { navHostController.navigate(SelectKeyword.route) },
+                onBackPressed = navHostController::popBackStack
+            )
+        }
+
+        composable(SelectKeyword.route) {
+            val viewModel: LoginViewModel = hiltViewModel()
+            KeywordScreen(
+                viewModel = viewModel,
+                onNavigateToSignUpScreen = { navHostController.navigate(SignUpSuccess.route) },
+                onBackPressed = navHostController::popBackStack
+            )
+        }
+
+        composable(SignUpSuccess.route) {
+            SignUpSuccessScreen(
+                onNavigateToMainScreen = {
+                    navHostController.navigate(Home.route) {
+                        popUpTo(navHostController.graph.startDestinationId) {
+                            inclusive = true
+                        }
+                    }
+                }
+            )
+        }
+
+        composable(Home.route) {
+            Box(modifier = Modifier.fillMaxSize())
+        }
+
+        composable(
+            route = AddLink.routeWithArgs,
+            arguments = AddLink.arguments
+        ) {
+            val viewModel: AddLinkViewModel = hiltViewModel()
+            AddLinkScreenContainer(
+                viewModel = viewModel,
+                onBackPressed = navHostController::popBackStack,
+                onNavigateToAddPokit = {
+                    navHostController.navigate(AddPokit.route)
+                }
+            )
+        }
+
+        composable(
+            route = AddPokit.routeWithArgs,
+            arguments = AddPokit.arguments
+        ) {
+            val viewModel: AddPokitViewModel = hiltViewModel()
+            AddPokitScreenContainer(
+                viewModel = viewModel,
+                onBackPressed = navHostController::popBackStack
+            )
+        }
+
+        composable(
+            route = PokitDetail.routeWithArgs,
+            arguments = PokitDetail.arguments
+        ) {
+            val viewModel: PokitDetailViewModel = hiltViewModel()
+            PokitDetailScreenContainer(
+                viewModel = viewModel,
+                onBackPressed = navHostController::popBackStack,
+                onNavigateToLinkModify = { linkId ->
+                    navHostController.navigate("${AddLink.route}?${AddLink.linkIdArg}=$linkId")
+                },
+                onNavigateToPokitModify = { pokitId ->
+                    navHostController.navigate("${AddPokit.route}?${AddPokit.pokitIdArg}=$pokitId")
+                }
+            )
+        }
+
+        composable(
+            route = Search.route
+        ) {
+            val viewModel: SearchViewModel = hiltViewModel()
+            SearchScreenContainer(
+                viewModel = viewModel,
+                onBackPressed = navHostController::popBackStack,
+                onNavigateToLinkModify = { linkId ->
+                    navHostController.navigate("${AddLink.route}?${AddLink.linkIdArg}=$linkId")
+                }
+            )
+        }
+
+        composable(route = Setting.route) {
+            val viewModel: SettingViewModel = hiltViewModel()
+            SettingsScreen(
+                settingViewModel = viewModel,
+                onBackPressed = navHostController::popBackStack,
+                onNavigateToEditNickname = { navHostController.navigate(EditNickname.route) },
+                onNavigateToLogin = {
+                    navHostController.navigate(Login.route) {
+                        popUpTo(navHostController.graph.startDestinationId) {
+                            inclusive = true
+                        }
+                    }
+                }
+            )
+        }
+
+        composable(route = EditNickname.route) {
+            val viewModel: SettingViewModel = hiltViewModel()
+            EditNicknameScreen(
+                settingViewModel = viewModel,
+                onBackPressed = navHostController::popBackStack
+            )
+        }
+
+        composable(route = Home.route) {
+            val viewModel: PokitViewModel = hiltViewModel()
+            HomeScreen(
+                viewModel = viewModel,
+                onNavigateToSearch = { navHostController.navigate(Search.route) },
+                onNavigateToSetting = { navHostController.navigate(Setting.route) },
+                onNavigateToPokitDetail = { pokitId, linkCount ->
+                    navHostController.navigate(
+                        "${PokitDetail.route}/$pokitId?${PokitDetail.pokitCountQuery}=$linkCount"
+                    )
+                },
+                onNavigateAddLink = { navHostController.navigate(AddLink.route) },
+                onNavigateAddPokit = { navHostController.navigate(AddPokit.route) },
+                onNavigateToLinkModify = { navHostController.navigate("${AddLink.route}?${AddLink.linkIdArg}=$it") },
+                onNavigateToPokitModify = { navHostController.navigate("${AddPokit.route}?${AddPokit.pokitIdArg}=$it") },
+                onNavigateToAlarm = { navHostController.navigate(Alarm.route) }
+            )
+        }
+
+        composable(route = Alarm.route) {
+            val viewModel: AlarmViewModel = hiltViewModel()
+            AlarmScreenContainer(
+                viewModel = viewModel,
+                onBackPressed = navHostController::popBackStack,
+                onNavigateToLinkModify = { linkId ->
+                    navHostController.navigate("${AddLink.route}?${AddLink.linkIdArg}=$linkId")
+                }
+            )
+        }
+    }
+}
diff --git a/app/src/main/java/pokitmons/pokit/ui/theme/Color.kt b/app/src/main/java/pokitmons/pokit/ui/theme/Color.kt
index 730c0544..a9154712 100644
--- a/app/src/main/java/pokitmons/pokit/ui/theme/Color.kt
+++ b/app/src/main/java/pokitmons/pokit/ui/theme/Color.kt
@@ -8,4 +8,4 @@ val Pink80 = Color(0xFFEFB8C8)
 
 val Purple40 = Color(0xFF6650a4)
 val PurpleGrey40 = Color(0xFF625b71)
-val Pink40 = Color(0xFF7D5260)
\ No newline at end of file
+val Pink40 = Color(0xFF7D5260)
diff --git a/app/src/main/java/pokitmons/pokit/ui/theme/Theme.kt b/app/src/main/java/pokitmons/pokit/ui/theme/Theme.kt
index fbb08f18..63ce68b7 100644
--- a/app/src/main/java/pokitmons/pokit/ui/theme/Theme.kt
+++ b/app/src/main/java/pokitmons/pokit/ui/theme/Theme.kt
@@ -42,7 +42,7 @@ fun PokitTheme(
     darkTheme: Boolean = isSystemInDarkTheme(),
     // Dynamic color is available on Android 12+
     dynamicColor: Boolean = true,
-    content: @Composable () -> Unit
+    content: @Composable () -> Unit,
 ) {
     val colorScheme = when {
         dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> {
@@ -67,4 +67,4 @@ fun PokitTheme(
         typography = Typography,
         content = content
     )
-}
\ No newline at end of file
+}
diff --git a/app/src/main/java/pokitmons/pokit/ui/theme/Type.kt b/app/src/main/java/pokitmons/pokit/ui/theme/Type.kt
index d1e3a967..180ce696 100644
--- a/app/src/main/java/pokitmons/pokit/ui/theme/Type.kt
+++ b/app/src/main/java/pokitmons/pokit/ui/theme/Type.kt
@@ -31,4 +31,4 @@ val Typography = Typography(
         letterSpacing = 0.5.sp
     )
     */
-)
\ No newline at end of file
+)
diff --git a/app/src/main/res/drawable/ic_launcher_pooki_background.xml b/app/src/main/res/drawable/ic_launcher_pooki_background.xml
new file mode 100644
index 00000000..ca3826a4
--- /dev/null
+++ b/app/src/main/res/drawable/ic_launcher_pooki_background.xml
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector
+    android:height="108dp"
+    android:width="108dp"
+    android:viewportHeight="108"
+    android:viewportWidth="108"
+    xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="#3DDC84"
+          android:pathData="M0,0h108v108h-108z"/>
+    <path android:fillColor="#00000000" android:pathData="M9,0L9,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,0L19,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M29,0L29,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M39,0L39,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M49,0L49,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M59,0L59,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M69,0L69,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M79,0L79,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M89,0L89,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M99,0L99,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,9L108,9"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,19L108,19"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,29L108,29"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,39L108,39"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,49L108,49"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,59L108,59"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,69L108,69"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,79L108,79"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,89L108,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,99L108,99"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,29L89,29"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,39L89,39"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,49L89,49"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,59L89,59"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,69L89,69"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,79L89,79"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M29,19L29,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M39,19L39,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M49,19L49,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M59,19L59,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M69,19L69,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M79,19L79,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+</vector>
diff --git a/app/src/main/res/mipmap-anydpi-v26/ic_launcher_pooki.xml b/app/src/main/res/mipmap-anydpi-v26/ic_launcher_pooki.xml
new file mode 100644
index 00000000..16d6c6ad
--- /dev/null
+++ b/app/src/main/res/mipmap-anydpi-v26/ic_launcher_pooki.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_pooki_background"/>
+    <foreground android:drawable="@mipmap/ic_launcher_pooki_foreground"/>
+</adaptive-icon>
\ No newline at end of file
diff --git a/app/src/main/res/mipmap-anydpi-v26/ic_launcher_pooki_round.xml b/app/src/main/res/mipmap-anydpi-v26/ic_launcher_pooki_round.xml
new file mode 100644
index 00000000..16d6c6ad
--- /dev/null
+++ b/app/src/main/res/mipmap-anydpi-v26/ic_launcher_pooki_round.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_pooki_background"/>
+    <foreground android:drawable="@mipmap/ic_launcher_pooki_foreground"/>
+</adaptive-icon>
\ No newline at end of file
diff --git a/app/src/main/res/mipmap-hdpi/ic_launcher_pooki.webp b/app/src/main/res/mipmap-hdpi/ic_launcher_pooki.webp
new file mode 100644
index 00000000..32bf6809
Binary files /dev/null and b/app/src/main/res/mipmap-hdpi/ic_launcher_pooki.webp differ
diff --git a/app/src/main/res/mipmap-hdpi/ic_launcher_pooki_foreground.webp b/app/src/main/res/mipmap-hdpi/ic_launcher_pooki_foreground.webp
new file mode 100644
index 00000000..f6c54924
Binary files /dev/null and b/app/src/main/res/mipmap-hdpi/ic_launcher_pooki_foreground.webp differ
diff --git a/app/src/main/res/mipmap-hdpi/ic_launcher_pooki_round.webp b/app/src/main/res/mipmap-hdpi/ic_launcher_pooki_round.webp
new file mode 100644
index 00000000..f0ac05d8
Binary files /dev/null and b/app/src/main/res/mipmap-hdpi/ic_launcher_pooki_round.webp differ
diff --git a/app/src/main/res/mipmap-mdpi/ic_launcher_pooki.webp b/app/src/main/res/mipmap-mdpi/ic_launcher_pooki.webp
new file mode 100644
index 00000000..56045021
Binary files /dev/null and b/app/src/main/res/mipmap-mdpi/ic_launcher_pooki.webp differ
diff --git a/app/src/main/res/mipmap-mdpi/ic_launcher_pooki_foreground.webp b/app/src/main/res/mipmap-mdpi/ic_launcher_pooki_foreground.webp
new file mode 100644
index 00000000..4ec1077f
Binary files /dev/null and b/app/src/main/res/mipmap-mdpi/ic_launcher_pooki_foreground.webp differ
diff --git a/app/src/main/res/mipmap-mdpi/ic_launcher_pooki_round.webp b/app/src/main/res/mipmap-mdpi/ic_launcher_pooki_round.webp
new file mode 100644
index 00000000..d193bdd5
Binary files /dev/null and b/app/src/main/res/mipmap-mdpi/ic_launcher_pooki_round.webp differ
diff --git a/app/src/main/res/mipmap-xhdpi/ic_launcher_pooki.webp b/app/src/main/res/mipmap-xhdpi/ic_launcher_pooki.webp
new file mode 100644
index 00000000..d133a7de
Binary files /dev/null and b/app/src/main/res/mipmap-xhdpi/ic_launcher_pooki.webp differ
diff --git a/app/src/main/res/mipmap-xhdpi/ic_launcher_pooki_foreground.webp b/app/src/main/res/mipmap-xhdpi/ic_launcher_pooki_foreground.webp
new file mode 100644
index 00000000..01ba3853
Binary files /dev/null and b/app/src/main/res/mipmap-xhdpi/ic_launcher_pooki_foreground.webp differ
diff --git a/app/src/main/res/mipmap-xhdpi/ic_launcher_pooki_round.webp b/app/src/main/res/mipmap-xhdpi/ic_launcher_pooki_round.webp
new file mode 100644
index 00000000..ca2308aa
Binary files /dev/null and b/app/src/main/res/mipmap-xhdpi/ic_launcher_pooki_round.webp differ
diff --git a/app/src/main/res/mipmap-xxhdpi/ic_launcher_pooki.webp b/app/src/main/res/mipmap-xxhdpi/ic_launcher_pooki.webp
new file mode 100644
index 00000000..9eb92b03
Binary files /dev/null and b/app/src/main/res/mipmap-xxhdpi/ic_launcher_pooki.webp differ
diff --git a/app/src/main/res/mipmap-xxhdpi/ic_launcher_pooki_foreground.webp b/app/src/main/res/mipmap-xxhdpi/ic_launcher_pooki_foreground.webp
new file mode 100644
index 00000000..f5461244
Binary files /dev/null and b/app/src/main/res/mipmap-xxhdpi/ic_launcher_pooki_foreground.webp differ
diff --git a/app/src/main/res/mipmap-xxhdpi/ic_launcher_pooki_round.webp b/app/src/main/res/mipmap-xxhdpi/ic_launcher_pooki_round.webp
new file mode 100644
index 00000000..22eb982c
Binary files /dev/null and b/app/src/main/res/mipmap-xxhdpi/ic_launcher_pooki_round.webp differ
diff --git a/app/src/main/res/mipmap-xxxhdpi/ic_launcher_pooki.webp b/app/src/main/res/mipmap-xxxhdpi/ic_launcher_pooki.webp
new file mode 100644
index 00000000..9547d5a4
Binary files /dev/null and b/app/src/main/res/mipmap-xxxhdpi/ic_launcher_pooki.webp differ
diff --git a/app/src/main/res/mipmap-xxxhdpi/ic_launcher_pooki_foreground.webp b/app/src/main/res/mipmap-xxxhdpi/ic_launcher_pooki_foreground.webp
new file mode 100644
index 00000000..37cb0d80
Binary files /dev/null and b/app/src/main/res/mipmap-xxxhdpi/ic_launcher_pooki_foreground.webp differ
diff --git a/app/src/main/res/mipmap-xxxhdpi/ic_launcher_pooki_round.webp b/app/src/main/res/mipmap-xxxhdpi/ic_launcher_pooki_round.webp
new file mode 100644
index 00000000..09acb390
Binary files /dev/null and b/app/src/main/res/mipmap-xxxhdpi/ic_launcher_pooki_round.webp differ
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index f8c6127d..b2eab495 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -7,4 +7,5 @@
     <color name="teal_700">#FF018786</color>
     <color name="black">#FF000000</color>
     <color name="white">#FFFFFFFF</color>
+    <color name="brand">#FE8422</color>
 </resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index b4f8758e..90024d92 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -1,3 +1,3 @@
 <resources>
-    <string name="app_name">pokit</string>
+    <string name="app_name">Pokit</string>
 </resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/themes.xml b/app/src/main/res/values/themes.xml
index dc078bc4..95492f4f 100644
--- a/app/src/main/res/values/themes.xml
+++ b/app/src/main/res/values/themes.xml
@@ -1,5 +1,7 @@
-<?xml version="1.0" encoding="utf-8"?>
-<resources>
+<?xml version="1.0" encoding="utf-8"?><!--<resources xmlns:tools="http://schemas.android.com/tools">-->
 
-    <style name="Theme.Pokit" parent="android:Theme.Material.Light.NoActionBar" />
+<resources xmlns:tools="http://schemas.android.com/tools">
+    <style name="Theme.Pokit" parent="android:Theme.Material.Light.NoActionBar">
+        <item name="android:windowSplashScreenAnimatedIcon" tools:targetApi="s">@android:color/transparent</item>
+    </style>
 </resources>
\ No newline at end of file
diff --git a/app/src/test/java/pokitmons/pokit/ExampleUnitTest.kt b/app/src/test/java/pokitmons/pokit/ExampleUnitTest.kt
index d28f0268..a885e7ed 100644
--- a/app/src/test/java/pokitmons/pokit/ExampleUnitTest.kt
+++ b/app/src/test/java/pokitmons/pokit/ExampleUnitTest.kt
@@ -1,9 +1,8 @@
 package pokitmons.pokit
 
+import junit.framework.TestCase.assertEquals
 import org.junit.Test
 
-import org.junit.Assert.*
-
 /**
  * Example local unit test, which will execute on the development machine (host).
  *
@@ -14,4 +13,4 @@ class ExampleUnitTest {
     fun addition_isCorrect() {
         assertEquals(4, 2 + 2)
     }
-}
\ No newline at end of file
+}
diff --git a/build.gradle.kts b/build.gradle.kts
index a0985efc..c6357ec3 100644
--- a/build.gradle.kts
+++ b/build.gradle.kts
@@ -1,5 +1,15 @@
 // Top-level build file where you can add configuration options common to all sub-projects/modules.
 plugins {
-    alias(libs.plugins.androidApplication) apply false
-    alias(libs.plugins.jetbrainsKotlinAndroid) apply false
-}
\ No newline at end of file
+    alias(libs.plugins.com.android.application) apply false
+    alias(libs.plugins.org.jetbrains.kotlin.android) apply false
+    alias(libs.plugins.ktlint.gradle) apply false
+    alias(libs.plugins.org.jetbrains.kotlin.jvm) apply false
+    alias(libs.plugins.hilt) apply false
+    alias(libs.plugins.com.android.library) apply false
+    alias(libs.plugins.googleServices) apply false
+    alias(libs.plugins.kotlin.parcelize) apply false
+}
+
+subprojects {
+    apply(plugin = "org.jlleitschuh.gradle.ktlint")
+}
diff --git a/core/feature/.gitignore b/core/feature/.gitignore
new file mode 100644
index 00000000..42afabfd
--- /dev/null
+++ b/core/feature/.gitignore
@@ -0,0 +1 @@
+/build
\ No newline at end of file
diff --git a/core/feature/build.gradle.kts b/core/feature/build.gradle.kts
new file mode 100644
index 00000000..26159256
--- /dev/null
+++ b/core/feature/build.gradle.kts
@@ -0,0 +1,59 @@
+plugins {
+    alias(libs.plugins.com.android.library)
+    alias(libs.plugins.org.jetbrains.kotlin.android)
+    alias(libs.plugins.kotlin.parcelize)
+}
+
+android {
+    namespace = "pokitmons.pokit.core.feature"
+    compileSdk = 34
+
+    defaultConfig {
+        minSdk = 24
+
+        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+        consumerProguardFiles("consumer-rules.pro")
+    }
+
+    buildTypes {
+        release {
+            isMinifyEnabled = false
+            proguardFiles(
+                getDefaultProguardFile("proguard-android-optimize.txt"),
+                "proguard-rules.pro"
+            )
+        }
+    }
+    buildFeatures {
+        compose = true
+    }
+    compileOptions {
+        sourceCompatibility = JavaVersion.VERSION_1_8
+        targetCompatibility = JavaVersion.VERSION_1_8
+    }
+    kotlinOptions {
+        jvmTarget = "1.8"
+    }
+    composeOptions {
+        kotlinCompilerExtensionVersion = "1.5.1"
+    }
+}
+
+dependencies {
+
+    implementation(libs.androidx.core.ktx)
+    implementation(libs.androidx.lifecycle.runtime.ktx)
+    implementation(libs.androidx.activity.compose)
+    implementation(platform(libs.androidx.compose.bom))
+    implementation(libs.androidx.ui)
+    implementation(libs.androidx.ui.graphics)
+    implementation(libs.androidx.ui.tooling.preview)
+    implementation(libs.androidx.material3)
+    testImplementation(libs.junit)
+    androidTestImplementation(libs.androidx.junit)
+    androidTestImplementation(libs.androidx.espresso.core)
+    androidTestImplementation(platform(libs.androidx.compose.bom))
+    androidTestImplementation(libs.androidx.ui.test.junit4)
+    debugImplementation(libs.androidx.ui.tooling)
+    debugImplementation(libs.androidx.ui.test.manifest)
+}
diff --git a/core/feature/consumer-rules.pro b/core/feature/consumer-rules.pro
new file mode 100644
index 00000000..e69de29b
diff --git a/core/feature/proguard-rules.pro b/core/feature/proguard-rules.pro
new file mode 100644
index 00000000..481bb434
--- /dev/null
+++ b/core/feature/proguard-rules.pro
@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
\ No newline at end of file
diff --git a/core/feature/src/androidTest/java/pokitmons/pokit/core/feature/ExampleInstrumentedTest.kt b/core/feature/src/androidTest/java/pokitmons/pokit/core/feature/ExampleInstrumentedTest.kt
new file mode 100644
index 00000000..b32e09bf
--- /dev/null
+++ b/core/feature/src/androidTest/java/pokitmons/pokit/core/feature/ExampleInstrumentedTest.kt
@@ -0,0 +1,22 @@
+package pokitmons.pokit.core.feature
+
+import androidx.test.ext.junit.runners.AndroidJUnit4
+import androidx.test.platform.app.InstrumentationRegistry
+import org.junit.Assert.assertEquals
+import org.junit.Test
+import org.junit.runner.RunWith
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+        assertEquals("pokitmons.pokit.core.feature.test", appContext.packageName)
+    }
+}
diff --git a/core/feature/src/main/AndroidManifest.xml b/core/feature/src/main/AndroidManifest.xml
new file mode 100644
index 00000000..a5918e68
--- /dev/null
+++ b/core/feature/src/main/AndroidManifest.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+</manifest>
\ No newline at end of file
diff --git a/core/feature/src/main/java/pokitmons/pokit/core/feature/flow/CollectAsEffect.kt b/core/feature/src/main/java/pokitmons/pokit/core/feature/flow/CollectAsEffect.kt
new file mode 100644
index 00000000..bb004398
--- /dev/null
+++ b/core/feature/src/main/java/pokitmons/pokit/core/feature/flow/CollectAsEffect.kt
@@ -0,0 +1,22 @@
+package pokitmons.pokit.core.feature.flow
+
+import android.annotation.SuppressLint
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import kotlinx.coroutines.flow.Flow
+import kotlinx.coroutines.flow.flowOn
+import kotlinx.coroutines.flow.launchIn
+import kotlinx.coroutines.flow.onEach
+import kotlin.coroutines.CoroutineContext
+import kotlin.coroutines.EmptyCoroutineContext
+
+@SuppressLint("ComposableNaming")
+@Composable
+fun <T> Flow<T>.collectAsEffect(
+    context: CoroutineContext = EmptyCoroutineContext,
+    block: (T) -> Unit,
+) {
+    LaunchedEffect(Unit) {
+        onEach(block).flowOn(context).launchIn(this)
+    }
+}
diff --git a/core/feature/src/main/java/pokitmons/pokit/core/feature/flow/EventFlow.kt b/core/feature/src/main/java/pokitmons/pokit/core/feature/flow/EventFlow.kt
new file mode 100644
index 00000000..9c938339
--- /dev/null
+++ b/core/feature/src/main/java/pokitmons/pokit/core/feature/flow/EventFlow.kt
@@ -0,0 +1,47 @@
+package pokitmons.pokit.core.feature.flow
+
+import kotlinx.coroutines.InternalCoroutinesApi
+import kotlinx.coroutines.flow.Flow
+import kotlinx.coroutines.flow.FlowCollector
+import kotlinx.coroutines.flow.MutableSharedFlow
+import java.util.concurrent.atomic.AtomicBoolean
+
+interface EventFlow<out T> : Flow<T> {
+    companion object {
+        const val DEFAULT_REPLAY: Int = 1
+    }
+}
+
+interface MutableEventFlow<T> : EventFlow<T>, FlowCollector<T>
+
+fun <T> MutableEventFlow(
+    replay: Int = EventFlow.DEFAULT_REPLAY,
+): MutableEventFlow<T> = EventFlowImpl(replay)
+
+fun <T> MutableEventFlow<T>.asEventFlow(): EventFlow<T> = ReadOnlyEventFlow(this)
+
+private class ReadOnlyEventFlow<T>(flow: EventFlow<T>) : EventFlow<T> by flow
+
+private class EventFlowImpl<T>(
+    replay: Int,
+) : MutableEventFlow<T> {
+
+    private val flow: MutableSharedFlow<EventFlowSlot<T>> = MutableSharedFlow(replay = replay)
+
+    @InternalCoroutinesApi
+    override suspend fun collect(collector: FlowCollector<T>) = flow
+        .collect { slot ->
+            if (!slot.markConsumed()) {
+                collector.emit(slot.value)
+            }
+        }
+
+    override suspend fun emit(value: T) {
+        flow.emit(EventFlowSlot(value))
+    }
+}
+
+private class EventFlowSlot<T>(val value: T) {
+    private val consumed: AtomicBoolean = AtomicBoolean(false)
+    fun markConsumed(): Boolean = consumed.getAndSet(true)
+}
diff --git a/core/feature/src/main/java/pokitmons/pokit/core/feature/model/NetworkState.kt b/core/feature/src/main/java/pokitmons/pokit/core/feature/model/NetworkState.kt
new file mode 100644
index 00000000..4732be10
--- /dev/null
+++ b/core/feature/src/main/java/pokitmons/pokit/core/feature/model/NetworkState.kt
@@ -0,0 +1,5 @@
+package pokitmons.pokit.core.feature.model
+
+enum class NetworkState {
+    IDLE, LOADING, ERROR
+}
diff --git a/core/feature/src/main/java/pokitmons/pokit/core/feature/navigation/args/LinkArg.kt b/core/feature/src/main/java/pokitmons/pokit/core/feature/navigation/args/LinkArg.kt
new file mode 100644
index 00000000..eff7a88d
--- /dev/null
+++ b/core/feature/src/main/java/pokitmons/pokit/core/feature/navigation/args/LinkArg.kt
@@ -0,0 +1,14 @@
+package pokitmons.pokit.core.feature.navigation.args
+
+import android.os.Parcelable
+import kotlinx.parcelize.Parcelize
+
+@Parcelize
+data class LinkArg(
+    val id: Int,
+    val title: String,
+    val thumbnail: String,
+    val createdAt: String,
+    val domain: String,
+    val pokitId: Int,
+) : Parcelable
diff --git a/core/feature/src/main/java/pokitmons/pokit/core/feature/navigation/args/LinkUpdateEvent.kt b/core/feature/src/main/java/pokitmons/pokit/core/feature/navigation/args/LinkUpdateEvent.kt
new file mode 100644
index 00000000..2877d356
--- /dev/null
+++ b/core/feature/src/main/java/pokitmons/pokit/core/feature/navigation/args/LinkUpdateEvent.kt
@@ -0,0 +1,36 @@
+package pokitmons.pokit.core.feature.navigation.args
+
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.flow.MutableSharedFlow
+import kotlinx.coroutines.flow.asSharedFlow
+import kotlinx.coroutines.launch
+
+object LinkUpdateEvent {
+    private val _updatedLink = MutableSharedFlow<LinkArg>()
+    val updatedLink = _updatedLink.asSharedFlow()
+
+    private val _removedLink = MutableSharedFlow<Int>()
+    val removedLink = _removedLink.asSharedFlow()
+
+    private val _addedLink = MutableSharedFlow<LinkArg>()
+    val addedLink = _addedLink.asSharedFlow()
+
+    fun modifySuccess(link: LinkArg) {
+        CoroutineScope(Dispatchers.Default).launch {
+            _updatedLink.emit(link)
+        }
+    }
+
+    fun removeSuccess(linkId: Int) {
+        CoroutineScope(Dispatchers.Default).launch {
+            _removedLink.emit(linkId)
+        }
+    }
+
+    fun createSuccess(link: LinkArg) {
+        CoroutineScope(Dispatchers.Default).launch {
+            _addedLink.emit(link)
+        }
+    }
+}
diff --git a/core/feature/src/main/java/pokitmons/pokit/core/feature/navigation/args/PokitArg.kt b/core/feature/src/main/java/pokitmons/pokit/core/feature/navigation/args/PokitArg.kt
new file mode 100644
index 00000000..6a67a471
--- /dev/null
+++ b/core/feature/src/main/java/pokitmons/pokit/core/feature/navigation/args/PokitArg.kt
@@ -0,0 +1,12 @@
+package pokitmons.pokit.core.feature.navigation.args
+
+import android.os.Parcelable
+import kotlinx.parcelize.Parcelize
+
+@Parcelize
+data class PokitArg(
+    val id: Int,
+    val imageId: Int,
+    val imageUrl: String,
+    val title: String,
+) : Parcelable
diff --git a/core/feature/src/main/java/pokitmons/pokit/core/feature/navigation/args/PokitUpdateEvent.kt b/core/feature/src/main/java/pokitmons/pokit/core/feature/navigation/args/PokitUpdateEvent.kt
new file mode 100644
index 00000000..a506e3ec
--- /dev/null
+++ b/core/feature/src/main/java/pokitmons/pokit/core/feature/navigation/args/PokitUpdateEvent.kt
@@ -0,0 +1,36 @@
+package pokitmons.pokit.core.feature.navigation.args
+
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.flow.MutableSharedFlow
+import kotlinx.coroutines.flow.asSharedFlow
+import kotlinx.coroutines.launch
+
+object PokitUpdateEvent {
+    private val _updatedPokit = MutableSharedFlow<PokitArg>()
+    val updatedPokit = _updatedPokit.asSharedFlow()
+
+    private val _removedPokitId = MutableSharedFlow<Int>()
+    val removedPokitId = _removedPokitId.asSharedFlow()
+
+    private val _addedPokit = MutableSharedFlow<PokitArg>()
+    val addedPokit = _addedPokit.asSharedFlow()
+
+    fun updatePokit(pokitArg: PokitArg) {
+        CoroutineScope(Dispatchers.Default).launch {
+            _updatedPokit.emit(pokitArg)
+        }
+    }
+
+    fun removePokit(pokitId: Int) {
+        CoroutineScope(Dispatchers.Default).launch {
+            _removedPokitId.emit(pokitId)
+        }
+    }
+
+    fun createPokit(pokitArg: PokitArg) {
+        CoroutineScope(Dispatchers.Default).launch {
+            _addedPokit.emit(pokitArg)
+        }
+    }
+}
diff --git a/core/feature/src/test/java/pokitmons/pokit/core/feature/ExampleUnitTest.kt b/core/feature/src/test/java/pokitmons/pokit/core/feature/ExampleUnitTest.kt
new file mode 100644
index 00000000..00cadeb1
--- /dev/null
+++ b/core/feature/src/test/java/pokitmons/pokit/core/feature/ExampleUnitTest.kt
@@ -0,0 +1,16 @@
+package pokitmons.pokit.core.feature
+
+import org.junit.Assert.assertEquals
+import org.junit.Test
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+class ExampleUnitTest {
+    @Test
+    fun addition_isCorrect() {
+        assertEquals(4, 2 + 2)
+    }
+}
diff --git a/core/ui/.gitignore b/core/ui/.gitignore
new file mode 100644
index 00000000..42afabfd
--- /dev/null
+++ b/core/ui/.gitignore
@@ -0,0 +1 @@
+/build
\ No newline at end of file
diff --git a/core/ui/build.gradle.kts b/core/ui/build.gradle.kts
new file mode 100644
index 00000000..ebf7dcf7
--- /dev/null
+++ b/core/ui/build.gradle.kts
@@ -0,0 +1,55 @@
+plugins {
+    alias(libs.plugins.com.android.library)
+    alias(libs.plugins.org.jetbrains.kotlin.android)
+}
+
+android {
+    namespace = "pokitmons.pokit.core.ui"
+    compileSdk = 34
+
+    defaultConfig {
+        minSdk = 24
+
+        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+        consumerProguardFiles("consumer-rules.pro")
+    }
+
+    buildTypes {
+        release {
+            isMinifyEnabled = false
+            proguardFiles(getDefaultProguardFile("proguard-android-optimize.txt"), "proguard-rules.pro")
+        }
+    }
+    buildFeatures {
+        compose = true
+    }
+    compileOptions {
+        sourceCompatibility = JavaVersion.VERSION_1_8
+        targetCompatibility = JavaVersion.VERSION_1_8
+    }
+    kotlinOptions {
+        jvmTarget = "1.8"
+    }
+    composeOptions {
+        kotlinCompilerExtensionVersion = "1.5.1"
+    }
+}
+
+dependencies {
+
+    implementation(libs.androidx.core.ktx)
+    implementation(libs.androidx.lifecycle.runtime.ktx)
+    implementation(libs.androidx.activity.compose)
+    implementation(platform(libs.androidx.compose.bom))
+    implementation(libs.androidx.ui)
+    implementation(libs.androidx.ui.graphics)
+    implementation(libs.androidx.ui.tooling.preview)
+    implementation(libs.androidx.material3)
+    testImplementation(libs.junit)
+    androidTestImplementation(libs.androidx.junit)
+    androidTestImplementation(libs.androidx.espresso.core)
+    androidTestImplementation(platform(libs.androidx.compose.bom))
+    androidTestImplementation(libs.androidx.ui.test.junit4)
+    debugImplementation(libs.androidx.ui.tooling)
+    debugImplementation(libs.androidx.ui.test.manifest)
+}
diff --git a/core/ui/consumer-rules.pro b/core/ui/consumer-rules.pro
new file mode 100644
index 00000000..e69de29b
diff --git a/core/ui/proguard-rules.pro b/core/ui/proguard-rules.pro
new file mode 100644
index 00000000..481bb434
--- /dev/null
+++ b/core/ui/proguard-rules.pro
@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
\ No newline at end of file
diff --git a/core/ui/src/androidTest/java/pokitmons/pokit/core/ui/ExampleInstrumentedTest.kt b/core/ui/src/androidTest/java/pokitmons/pokit/core/ui/ExampleInstrumentedTest.kt
new file mode 100644
index 00000000..ba72dbef
--- /dev/null
+++ b/core/ui/src/androidTest/java/pokitmons/pokit/core/ui/ExampleInstrumentedTest.kt
@@ -0,0 +1,22 @@
+package pokitmons.pokit.core.ui
+
+import androidx.test.ext.junit.runners.AndroidJUnit4
+import androidx.test.platform.app.InstrumentationRegistry
+import junit.framework.TestCase.assertEquals
+import org.junit.Test
+import org.junit.runner.RunWith
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+        assertEquals("pokitmons.pokit.core.ui.test", appContext.packageName)
+    }
+}
diff --git a/core/ui/src/main/AndroidManifest.xml b/core/ui/src/main/AndroidManifest.xml
new file mode 100644
index 00000000..a5918e68
--- /dev/null
+++ b/core/ui/src/main/AndroidManifest.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+</manifest>
\ No newline at end of file
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/button/PokitButton.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/button/PokitButton.kt
new file mode 100644
index 00000000..a2827902
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/button/PokitButton.kt
@@ -0,0 +1,68 @@
+package pokitmons.pokit.core.ui.components.atom.button
+
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonIcon
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonIconPosition
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonShape
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonSize
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonState
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonStyle
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonType
+import pokitmons.pokit.core.ui.components.atom.button.subcomponents.container.PokitButtonContainer
+import pokitmons.pokit.core.ui.components.atom.button.subcomponents.icon.PokitButtonIcon
+import pokitmons.pokit.core.ui.components.atom.button.subcomponents.text.PokitButtonText
+
+@Composable
+fun PokitButton(
+    text: String?,
+    icon: PokitButtonIcon?,
+    onClick: () -> Unit,
+    modifier: Modifier = Modifier,
+    enable: Boolean = true,
+    shape: PokitButtonShape = PokitButtonShape.RECTANGLE,
+    style: PokitButtonStyle = PokitButtonStyle.FILLED,
+    size: PokitButtonSize = PokitButtonSize.MIDDLE,
+    type: PokitButtonType = PokitButtonType.PRIMARY,
+) {
+    val state = remember(enable) { getState(enable) }
+
+    PokitButtonContainer(
+        hasText = text != null,
+        iconPosition = icon?.position,
+        modifier = modifier,
+        shape = shape,
+        state = state,
+        style = style,
+        size = size,
+        type = type,
+        onClick = onClick
+    ) {
+        if (icon?.position == PokitButtonIconPosition.LEFT) {
+            PokitButtonIcon(size = size, state = state, type = type, style = style, resourceId = icon.resourceId)
+        }
+
+        text?.let {
+            PokitButtonText(
+                text = text,
+                size = size,
+                state = state,
+                type = type,
+                style = style
+            )
+        }
+
+        if (icon?.position == PokitButtonIconPosition.RIGHT) {
+            PokitButtonIcon(size = size, state = state, type = type, style = style, resourceId = icon.resourceId)
+        }
+    }
+}
+
+private fun getState(enable: Boolean): PokitButtonState {
+    return if (enable) {
+        PokitButtonState.DEFAULT
+    } else {
+        PokitButtonState.DISABLE
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/button/Preview.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/button/Preview.kt
new file mode 100644
index 00000000..78a814b3
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/button/Preview.kt
@@ -0,0 +1,85 @@
+package pokitmons.pokit.core.ui.components.atom.button
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonIcon
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonIconPosition
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonShape
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonSize
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonStyle
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonType
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+fun PokitButtonPreview() {
+    val scrollState = rememberScrollState()
+    PokitTheme {
+        Column(
+            modifier = Modifier
+                .fillMaxSize()
+                .padding(12.dp)
+                .verticalScroll(scrollState),
+            verticalArrangement = Arrangement.spacedBy(12.dp)
+        ) {
+            enumValues<PokitButtonSize>().forEach { size ->
+                enumValues<PokitButtonShape>().forEach { shape ->
+                    enumValues<PokitButtonType>().forEach { type ->
+                        enumValues<PokitButtonStyle>().forEach { style ->
+                            for (enable in arrayOf(false, true)) {
+                                Row(
+                                    horizontalArrangement = Arrangement.spacedBy(8.dp)
+                                ) {
+                                    enumValues<PokitButtonIconPosition>().forEach { iconPosition ->
+                                        PokitButton(
+                                            text = "버튼",
+                                            icon = PokitButtonIcon(resourceId = R.drawable.icon_24_search, position = iconPosition),
+                                            onClick = {},
+                                            enable = enable,
+                                            size = size,
+                                            shape = shape,
+                                            style = style,
+                                            type = type
+                                        )
+                                    }
+
+                                    PokitButton(
+                                        text = "버튼",
+                                        icon = null,
+                                        onClick = {},
+                                        enable = enable,
+                                        size = size,
+                                        shape = shape,
+                                        style = style,
+                                        type = type
+                                    )
+
+                                    PokitButton(
+                                        text = null,
+                                        icon = PokitButtonIcon(resourceId = R.drawable.icon_24_search, position = PokitButtonIconPosition.LEFT),
+                                        onClick = {},
+                                        enable = enable,
+                                        size = size,
+                                        shape = shape,
+                                        style = style,
+                                        type = type
+                                    )
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/button/attributes/ButtonAttributes.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/button/attributes/ButtonAttributes.kt
new file mode 100644
index 00000000..f48ad11b
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/button/attributes/ButtonAttributes.kt
@@ -0,0 +1,44 @@
+package pokitmons.pokit.core.ui.components.atom.button.attributes
+
+import androidx.compose.ui.graphics.Color
+
+enum class PokitButtonShape {
+    ROUND, RECTANGLE,
+}
+
+internal enum class PokitButtonState {
+    DEFAULT, DISABLE,
+}
+
+enum class PokitButtonStyle {
+    FILLED, STROKE, DEFAULT
+}
+
+enum class PokitButtonSize {
+    SMALL, MIDDLE, LARGE,
+}
+
+enum class PokitButtonType {
+    PRIMARY, SECONDARY,
+}
+
+data class PokitButtonIcon(
+    val resourceId: Int,
+    val position: PokitButtonIconPosition,
+)
+
+enum class PokitButtonIconPosition {
+    RIGHT, LEFT,
+}
+
+enum class PokitLoginButtonType {
+    GOOGLE, APPLE
+}
+
+data class PokitLoginResource(
+    val iconResourceId: Int,
+    val iconTintColor: Color = Color.Unspecified,
+    val textColor: Color,
+    val backgroundColor: Color,
+    val borderColor: Color,
+)
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/button/subcomponents/container/PokitButtonContainer.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/button/subcomponents/container/PokitButtonContainer.kt
new file mode 100644
index 00000000..f64f435d
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/button/subcomponents/container/PokitButtonContainer.kt
@@ -0,0 +1,63 @@
+package pokitmons.pokit.core.ui.components.atom.button.subcomponents.container
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.RowScope
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonIconPosition
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonShape
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonSize
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonState
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonStyle
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonType
+
+@Composable
+internal fun PokitButtonContainer(
+    hasText: Boolean,
+    iconPosition: PokitButtonIconPosition?,
+    modifier: Modifier = Modifier,
+    onClick: () -> Unit = {},
+    shape: PokitButtonShape = PokitButtonShape.RECTANGLE,
+    state: PokitButtonState = PokitButtonState.DEFAULT,
+    style: PokitButtonStyle = PokitButtonStyle.FILLED,
+    size: PokitButtonSize = PokitButtonSize.MIDDLE,
+    type: PokitButtonType = PokitButtonType.PRIMARY,
+    content: @Composable RowScope.() -> Unit,
+) {
+    val space = getItemSpace(size)
+
+    Row(
+        modifier = Modifier
+            .pokitButtonContainerModifier(
+                hasText = hasText,
+                iconPosition = iconPosition,
+                shape = shape,
+                state = state,
+                style = style,
+                size = size,
+                type = type,
+                onClick = onClick
+            )
+            .then(modifier),
+        verticalAlignment = Alignment.CenterVertically,
+        horizontalArrangement = Arrangement
+            .spacedBy(
+                space = space,
+                alignment = Alignment.CenterHorizontally
+            )
+    ) {
+        content()
+    }
+}
+
+private fun getItemSpace(size: PokitButtonSize): Dp {
+    return when (size) {
+        PokitButtonSize.SMALL -> 4.dp
+        PokitButtonSize.MIDDLE -> 8.dp
+        PokitButtonSize.LARGE -> 12.dp
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/button/subcomponents/container/PokitButtonContainerModifier.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/button/subcomponents/container/PokitButtonContainerModifier.kt
new file mode 100644
index 00000000..c90ac92d
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/button/subcomponents/container/PokitButtonContainerModifier.kt
@@ -0,0 +1,211 @@
+package pokitmons.pokit.core.ui.components.atom.button.subcomponents.container
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.Shape
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonIconPosition
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonShape
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonSize
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonState
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonStyle
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonType
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+internal fun Modifier.pokitButtonContainerModifier(
+    hasText: Boolean,
+    iconPosition: PokitButtonIconPosition?,
+    shape: PokitButtonShape,
+    state: PokitButtonState,
+    style: PokitButtonStyle,
+    size: PokitButtonSize,
+    type: PokitButtonType,
+    onClick: () -> Unit = {},
+): Modifier {
+    val buttonShape = getShape(shape, size)
+    val strokeWidth = getBorderWidth(style)
+    val padding = getPadding(size, hasText, iconPosition)
+    val backgroundColor = getBackgroundColor(type, style, state)
+    val strokeColor = getStrokeColor(type, state)
+
+    return this then Modifier
+        .clip(
+            shape = buttonShape
+        )
+        .clickable(
+            enabled = (state != PokitButtonState.DISABLE),
+            onClick = onClick,
+            indication = null,
+            interactionSource = remember { MutableInteractionSource() }
+        )
+        .background(
+            shape = buttonShape,
+            color = backgroundColor
+        )
+        .border(
+            shape = buttonShape,
+            width = strokeWidth,
+            color = strokeColor
+        )
+        .padding(
+            paddingValues = padding
+        )
+}
+
+private fun getShape(
+    shape: PokitButtonShape,
+    size: PokitButtonSize,
+): Shape {
+    return when {
+        shape == PokitButtonShape.RECTANGLE && size == PokitButtonSize.SMALL -> {
+            RoundedCornerShape(4.dp)
+        }
+
+        shape == PokitButtonShape.RECTANGLE && size == PokitButtonSize.MIDDLE -> {
+            RoundedCornerShape(8.dp)
+        }
+
+        shape == PokitButtonShape.RECTANGLE && size == PokitButtonSize.LARGE -> {
+            RoundedCornerShape(8.dp)
+        }
+
+        else -> { // rounded button
+            RoundedCornerShape(9999.dp)
+        }
+    }
+}
+
+private fun getBorderWidth(
+    style: PokitButtonStyle,
+): Dp {
+    return when (style) {
+        PokitButtonStyle.FILLED -> 0.dp
+        PokitButtonStyle.STROKE -> 1.dp
+        PokitButtonStyle.DEFAULT -> 1.dp
+    }
+}
+
+private fun getPadding(
+    size: PokitButtonSize,
+    hasText: Boolean,
+    iconPosition: PokitButtonIconPosition?,
+): PaddingValues {
+    return when (size) {
+        PokitButtonSize.SMALL -> {
+            getPaddingBySize(
+                hasText = hasText,
+                iconPosition = iconPosition,
+                verticalPaddingSize = 8.dp,
+                textSidePaddingSize = 12.dp,
+                iconSidePaddingSize = 8.dp,
+                textOnlyPadding = 12.dp
+            )
+        }
+
+        PokitButtonSize.MIDDLE -> {
+            getPaddingBySize(
+                hasText = hasText,
+                iconPosition = iconPosition,
+                verticalPaddingSize = 10.dp,
+                textSidePaddingSize = 20.dp,
+                iconSidePaddingSize = 16.dp,
+                textOnlyPadding = 16.dp
+            )
+        }
+
+        PokitButtonSize.LARGE -> {
+            getPaddingBySize(
+                hasText = hasText,
+                iconPosition = iconPosition,
+                verticalPaddingSize = 13.dp,
+                textSidePaddingSize = 24.dp,
+                iconSidePaddingSize = 20.dp,
+                textOnlyPadding = 20.dp
+            )
+        }
+    }
+}
+
+private fun getPaddingBySize(
+    hasText: Boolean,
+    iconPosition: PokitButtonIconPosition?,
+    verticalPaddingSize: Dp,
+    textSidePaddingSize: Dp,
+    iconSidePaddingSize: Dp,
+    textOnlyPadding: Dp,
+): PaddingValues {
+    return if (!hasText) { // icon only
+        PaddingValues(all = verticalPaddingSize)
+    } else if (iconPosition == PokitButtonIconPosition.LEFT) {
+        PaddingValues(start = iconSidePaddingSize, top = verticalPaddingSize, bottom = verticalPaddingSize, end = textSidePaddingSize)
+    } else if (iconPosition == PokitButtonIconPosition.RIGHT) {
+        PaddingValues(start = textSidePaddingSize, top = verticalPaddingSize, bottom = verticalPaddingSize, end = iconSidePaddingSize)
+    } else { // text only
+        PaddingValues(horizontal = textOnlyPadding, vertical = verticalPaddingSize)
+    }
+}
+
+@Composable
+private fun getBackgroundColor(
+    type: PokitButtonType,
+    style: PokitButtonStyle,
+    state: PokitButtonState,
+): Color {
+    return when {
+        state == PokitButtonState.DISABLE -> {
+            PokitTheme.colors.backgroundDisable
+        }
+
+        style == PokitButtonStyle.STROKE -> {
+            PokitTheme.colors.backgroundBase
+        }
+
+        type == PokitButtonType.PRIMARY && style == PokitButtonStyle.FILLED -> {
+            PokitTheme.colors.brand
+        }
+
+        type == PokitButtonType.SECONDARY && style == PokitButtonStyle.FILLED -> {
+            PokitTheme.colors.backgroundTertiary
+        }
+
+        else -> {
+            PokitTheme.colors.backgroundBase
+        }
+    }
+}
+
+@Composable
+private fun getStrokeColor(
+    type: PokitButtonType,
+    state: PokitButtonState,
+): Color {
+    return when {
+        state == PokitButtonState.DISABLE -> {
+            Color.Unspecified
+        }
+
+        type == PokitButtonType.PRIMARY -> {
+            PokitTheme.colors.brand
+        }
+
+        type == PokitButtonType.SECONDARY -> {
+            PokitTheme.colors.borderSecondary
+        }
+
+        else -> {
+            Color.Unspecified
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/button/subcomponents/icon/PokitButtonIcon.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/button/subcomponents/icon/PokitButtonIcon.kt
new file mode 100644
index 00000000..5a0dd969
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/button/subcomponents/icon/PokitButtonIcon.kt
@@ -0,0 +1,82 @@
+package pokitmons.pokit.core.ui.components.atom.button.subcomponents.icon
+
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.Icon
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonSize
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonState
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonStyle
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonType
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+internal fun PokitButtonIcon(
+    size: PokitButtonSize,
+    state: PokitButtonState,
+    type: PokitButtonType,
+    style: PokitButtonStyle,
+    resourceId: Int,
+) {
+    val iconColor = getColor(state = state, type = type, style = style)
+    val iconSize = getSize(size = size)
+
+    Icon(
+        painter = painterResource(id = resourceId),
+        contentDescription = null,
+        tint = iconColor,
+        modifier = Modifier.size(iconSize)
+    )
+}
+
+@Composable
+private fun getColor(
+    state: PokitButtonState,
+    type: PokitButtonType,
+    style: PokitButtonStyle,
+): Color {
+    return when {
+        style == PokitButtonStyle.DEFAULT -> {
+            PokitTheme.colors.borderSecondary
+        }
+
+        state == PokitButtonState.DISABLE -> {
+            PokitTheme.colors.iconDisable
+        }
+
+        type == PokitButtonType.PRIMARY && style == PokitButtonStyle.FILLED -> {
+            PokitTheme.colors.inverseWh
+        }
+
+        type == PokitButtonType.PRIMARY && style == PokitButtonStyle.STROKE -> {
+            PokitTheme.colors.iconPrimary
+        }
+
+        type == PokitButtonType.SECONDARY && style == PokitButtonStyle.FILLED -> {
+            PokitTheme.colors.inverseWh
+        }
+
+        type == PokitButtonType.SECONDARY && style == PokitButtonStyle.STROKE -> {
+            PokitTheme.colors.iconPrimary
+        }
+
+        else -> {
+            PokitTheme.colors.iconPrimary
+        }
+    }
+}
+
+@Composable
+private fun getSize(
+    size: PokitButtonSize,
+): Dp {
+    return when (size) {
+        PokitButtonSize.SMALL -> 16.dp
+        PokitButtonSize.MIDDLE -> 20.dp
+        PokitButtonSize.LARGE -> 24.dp
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/button/subcomponents/text/PokitButtonText.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/button/subcomponents/text/PokitButtonText.kt
new file mode 100644
index 00000000..8efd82fd
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/button/subcomponents/text/PokitButtonText.kt
@@ -0,0 +1,92 @@
+package pokitmons.pokit.core.ui.components.atom.button.subcomponents.text
+
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.text.TextStyle
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonSize
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonState
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonStyle
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonType
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+internal fun PokitButtonText(
+    text: String,
+    size: PokitButtonSize,
+    state: PokitButtonState,
+    type: PokitButtonType,
+    style: PokitButtonStyle,
+) {
+    val textStyle = getStyle(size = size, state = state, type = type, style = style)
+    val textColor = getColor(state = state, type = type, style = style)
+    Text(text = text, style = textStyle, color = textColor)
+}
+
+@Composable
+private fun getStyle(
+    size: PokitButtonSize,
+    state: PokitButtonState,
+    type: PokitButtonType,
+    style: PokitButtonStyle,
+): TextStyle {
+    return when {
+        size == PokitButtonSize.SMALL -> {
+            PokitTheme.typography.label3Regular
+        }
+
+        size == PokitButtonSize.MIDDLE -> {
+            PokitTheme.typography.label2Regular
+        }
+
+        (
+            size == PokitButtonSize.LARGE &&
+                state == PokitButtonState.DEFAULT &&
+                type == PokitButtonType.PRIMARY &&
+                style == PokitButtonStyle.FILLED
+            ) -> {
+            PokitTheme.typography.label1SemiBold
+        }
+
+        else -> {
+            PokitTheme.typography.label1Regular
+        }
+    }
+}
+
+@Composable
+private fun getColor(
+    state: PokitButtonState,
+    type: PokitButtonType,
+    style: PokitButtonStyle,
+): Color {
+    return when {
+        style == PokitButtonStyle.DEFAULT -> {
+            PokitTheme.colors.textTertiary
+        }
+
+        state == PokitButtonState.DISABLE -> {
+            PokitTheme.colors.textDisable
+        }
+
+        type == PokitButtonType.PRIMARY && style == PokitButtonStyle.FILLED -> {
+            PokitTheme.colors.inverseWh
+        }
+
+        type == PokitButtonType.PRIMARY && style == PokitButtonStyle.STROKE -> {
+            PokitTheme.colors.textSecondary
+        }
+
+        type == PokitButtonType.SECONDARY && style == PokitButtonStyle.FILLED -> {
+            PokitTheme.colors.inverseWh
+        }
+
+        type == PokitButtonType.SECONDARY && style == PokitButtonStyle.STROKE -> {
+            PokitTheme.colors.textPrimary
+        }
+
+        else -> {
+            PokitTheme.colors.textPrimary
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/checkbox/PokitCheckbox.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/checkbox/PokitCheckbox.kt
new file mode 100644
index 00000000..c366b9c8
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/checkbox/PokitCheckbox.kt
@@ -0,0 +1,153 @@
+package pokitmons.pokit.core.ui.components.atom.checkbox
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.ColorFilter
+import androidx.compose.ui.graphics.Shape
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.components.atom.checkbox.attributes.PokitCheckboxShape
+import pokitmons.pokit.core.ui.components.atom.checkbox.attributes.PokitCheckboxStyle
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+fun PokitCheckbox(
+    checked: Boolean,
+    onClick: (Boolean) -> Unit,
+    style: PokitCheckboxStyle = PokitCheckboxStyle.STROKE,
+    shape: PokitCheckboxShape = PokitCheckboxShape.RECTANGLE,
+    enabled: Boolean = true,
+) {
+    val checkboxShape = getShape(shape = shape)
+    val backgroundColor = getBackgroundColor(style = style, checked = checked, enabled = enabled)
+    val iconTintColor = getIconTintColor(style = style, checked = checked, enabled = enabled)
+    val strokeColor = getStrokeColor(style = style, checked = checked, enabled = enabled)
+
+    Image(
+        painter = painterResource(id = R.drawable.icon_24_check),
+        contentDescription = null,
+        colorFilter = ColorFilter.tint(iconTintColor),
+        modifier = Modifier
+            .size(24.dp)
+            .clip(
+                shape = checkboxShape
+            )
+            .clickable(
+                indication = null,
+                interactionSource = remember { MutableInteractionSource() },
+                enabled = enabled,
+                onClick = {
+                    onClick(!checked)
+                }
+            )
+            .background(
+                color = backgroundColor
+            )
+            .border(
+                width = 1.dp,
+                color = strokeColor,
+                shape = checkboxShape
+            )
+    )
+}
+
+@Composable
+private fun getShape(
+    shape: PokitCheckboxShape,
+): Shape {
+    return when (shape) {
+        PokitCheckboxShape.RECTANGLE -> RoundedCornerShape(4.dp)
+        PokitCheckboxShape.CIRCLE -> CircleShape
+    }
+}
+
+@Composable
+private fun getIconTintColor(
+    style: PokitCheckboxStyle,
+    checked: Boolean,
+    enabled: Boolean,
+): Color {
+    return when {
+        !enabled -> {
+            PokitTheme.colors.iconDisable
+        }
+
+        !checked -> {
+            PokitTheme.colors.iconTertiary
+        }
+
+        style == PokitCheckboxStyle.FILLED -> {
+            PokitTheme.colors.inverseWh
+        }
+
+        else -> {
+            PokitTheme.colors.brand
+        }
+    }
+}
+
+@Composable
+private fun getStrokeColor(
+    style: PokitCheckboxStyle,
+    checked: Boolean,
+    enabled: Boolean,
+): Color {
+    return when {
+        !enabled -> {
+            Color.Unspecified
+        }
+
+        !checked && (style != PokitCheckboxStyle.ICON_ONLY) -> {
+            PokitTheme.colors.borderSecondary
+        }
+
+        style == PokitCheckboxStyle.STROKE -> {
+            PokitTheme.colors.brand
+        }
+
+        else -> {
+            Color.Unspecified
+        }
+    }
+}
+
+@Composable
+private fun getBackgroundColor(
+    style: PokitCheckboxStyle,
+    checked: Boolean,
+    enabled: Boolean,
+): Color {
+    return when {
+        !enabled -> {
+            PokitTheme.colors.backgroundDisable
+        }
+
+        !checked && (style != PokitCheckboxStyle.ICON_ONLY) -> {
+            PokitTheme.colors.backgroundBase
+        }
+
+        style == PokitCheckboxStyle.FILLED -> {
+            PokitTheme.colors.brand
+        }
+
+        style == PokitCheckboxStyle.STROKE -> {
+            PokitTheme.colors.backgroundBase
+        }
+
+        else -> {
+            Color.Unspecified
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/checkbox/Preview.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/checkbox/Preview.kt
new file mode 100644
index 00000000..7442c1e8
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/checkbox/Preview.kt
@@ -0,0 +1,73 @@
+package pokitmons.pokit.core.ui.components.atom.checkbox
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.atom.checkbox.attributes.PokitCheckboxShape
+import pokitmons.pokit.core.ui.components.atom.checkbox.attributes.PokitCheckboxStyle
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+fun PokitButtonPreview() {
+    val scrollState = rememberScrollState()
+    PokitTheme {
+        Column(
+            modifier = Modifier
+                .fillMaxSize()
+                .padding(12.dp)
+                .verticalScroll(scrollState),
+            verticalArrangement = Arrangement.spacedBy(12.dp)
+        ) {
+            enumValues<PokitCheckboxShape>().forEach { shape ->
+                enumValues<PokitCheckboxStyle>().forEach { style ->
+                    Row(
+                        modifier = Modifier.fillMaxWidth(),
+                        horizontalArrangement = Arrangement.spacedBy(8.dp)
+                    ) {
+                        PokitCheckbox(
+                            checked = true,
+                            onClick = {},
+                            shape = shape,
+                            style = style,
+                            enabled = true
+                        )
+
+                        PokitCheckbox(
+                            checked = false,
+                            onClick = {},
+                            shape = shape,
+                            style = style,
+                            enabled = true
+                        )
+
+                        PokitCheckbox(
+                            checked = true,
+                            onClick = {},
+                            shape = shape,
+                            style = style,
+                            enabled = false
+                        )
+
+                        PokitCheckbox(
+                            checked = false,
+                            onClick = {},
+                            shape = shape,
+                            style = style,
+                            enabled = false
+                        )
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/checkbox/attributes/CheckboxAttributes.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/checkbox/attributes/CheckboxAttributes.kt
new file mode 100644
index 00000000..3aefeee8
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/checkbox/attributes/CheckboxAttributes.kt
@@ -0,0 +1,9 @@
+package pokitmons.pokit.core.ui.components.atom.checkbox.attributes
+
+enum class PokitCheckboxStyle {
+    FILLED, STROKE, ICON_ONLY
+}
+
+enum class PokitCheckboxShape {
+    RECTANGLE, CIRCLE
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/chip/PokitChip.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/chip/PokitChip.kt
new file mode 100644
index 00000000..6b10cfd1
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/chip/PokitChip.kt
@@ -0,0 +1,40 @@
+package pokitmons.pokit.core.ui.components.atom.chip
+
+import androidx.compose.runtime.Composable
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipIconPosiion
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipSize
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipState
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipType
+import pokitmons.pokit.core.ui.components.atom.chip.subcomponents.container.PokitChipContainer
+import pokitmons.pokit.core.ui.components.atom.chip.subcomponents.icon.PokitChipIcon
+import pokitmons.pokit.core.ui.components.atom.chip.subcomponents.text.PokitChipText
+
+@Composable
+fun<T> PokitChip(
+    data: T,
+    text: String,
+    removeIconPosition: PokitChipIconPosiion?,
+    onClickRemove: ((T) -> Unit)?,
+    onClickItem: ((T) -> Unit)?,
+    state: PokitChipState = PokitChipState.DEFAULT,
+    size: PokitChipSize = PokitChipSize.SMALL,
+    type: PokitChipType = PokitChipType.PRIMARY,
+) {
+    PokitChipContainer(
+        iconPosiion = removeIconPosition,
+        state = state,
+        size = size,
+        type = type,
+        onClick = { onClickItem?.invoke(data) }
+    ) {
+        if (removeIconPosition == PokitChipIconPosiion.LEFT) {
+            PokitChipIcon(state = state, size = size, onClick = { onClickRemove?.invoke(data) })
+        }
+
+        PokitChipText(text = text, state = state, size = size)
+
+        if (removeIconPosition == PokitChipIconPosiion.RIGHT) {
+            PokitChipIcon(state = state, size = size, onClick = { onClickRemove?.invoke(data) })
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/chip/Preview.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/chip/Preview.kt
new file mode 100644
index 00000000..4f994733
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/chip/Preview.kt
@@ -0,0 +1,78 @@
+package pokitmons.pokit.core.ui.components.atom.chip
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipIconPosiion
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipSize
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipState
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipType
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+fun PokitButtonPreview() {
+    val scrollState = rememberScrollState()
+    PokitTheme {
+        Column(
+            modifier = Modifier
+                .fillMaxSize()
+                .padding(12.dp)
+                .verticalScroll(scrollState),
+            verticalArrangement = Arrangement.spacedBy(12.dp)
+        ) {
+            enumValues<PokitChipSize>().forEach { size ->
+                enumValues<PokitChipState>().forEach { state ->
+                    enumValues<PokitChipType>().forEach { type ->
+                        Row(
+                            modifier = Modifier.fillMaxWidth(),
+                            horizontalArrangement = Arrangement.spacedBy(8.dp)
+                        ) {
+                            PokitChip(
+                                data = "String",
+                                text = "텍스트",
+                                state = state,
+                                type = type,
+                                size = size,
+                                removeIconPosition = PokitChipIconPosiion.LEFT,
+                                onClickRemove = {},
+                                onClickItem = {}
+                            )
+
+                            PokitChip(
+                                data = "String",
+                                text = "텍스트",
+                                state = state,
+                                type = type,
+                                size = size,
+                                removeIconPosition = PokitChipIconPosiion.RIGHT,
+                                onClickRemove = {},
+                                onClickItem = {}
+                            )
+
+                            PokitChip(
+                                data = "String",
+                                text = "텍스트",
+                                state = state,
+                                type = type,
+                                size = size,
+                                removeIconPosition = null,
+                                onClickRemove = {},
+                                onClickItem = {}
+                            )
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/chip/attributes/ChipAttributes.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/chip/attributes/ChipAttributes.kt
new file mode 100644
index 00000000..254ddb76
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/chip/attributes/ChipAttributes.kt
@@ -0,0 +1,17 @@
+package pokitmons.pokit.core.ui.components.atom.chip.attributes
+
+enum class PokitChipState {
+    DEFAULT, FILLED, STROKE, DISABLED
+}
+
+enum class PokitChipType {
+    PRIMARY, SECONDARY
+}
+
+enum class PokitChipSize {
+    SMALL, MEDIUM
+}
+
+enum class PokitChipIconPosiion {
+    RIGHT, LEFT,
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/chip/subcomponents/container/PokitChipContainer.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/chip/subcomponents/container/PokitChipContainer.kt
new file mode 100644
index 00000000..ce1e3545
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/chip/subcomponents/container/PokitChipContainer.kt
@@ -0,0 +1,54 @@
+package pokitmons.pokit.core.ui.components.atom.chip.subcomponents.container
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.RowScope
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipIconPosiion
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipSize
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipState
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipType
+
+@Composable
+fun PokitChipContainer(
+    iconPosiion: PokitChipIconPosiion?,
+    state: PokitChipState,
+    size: PokitChipSize,
+    type: PokitChipType,
+    modifier: Modifier = Modifier,
+    onClick: (() -> Unit)? = null,
+    content: @Composable RowScope.() -> Unit,
+) {
+    val space = getItemSpace(size)
+
+    Row(
+        modifier = Modifier
+            .pokitChipContainerModifier(
+                iconPosition = iconPosiion,
+                state = state,
+                size = size,
+                type = type,
+                onClick = onClick
+            )
+            .then(modifier),
+        verticalAlignment = Alignment.CenterVertically,
+        horizontalArrangement = Arrangement
+            .spacedBy(
+                space = space,
+                alignment = Alignment.CenterHorizontally
+            )
+    ) {
+        content()
+    }
+}
+
+private fun getItemSpace(size: PokitChipSize): Dp {
+    return when (size) {
+        PokitChipSize.SMALL -> 4.dp
+        PokitChipSize.MEDIUM -> 0.dp
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/chip/subcomponents/container/PokitChipContainerModifier.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/chip/subcomponents/container/PokitChipContainerModifier.kt
new file mode 100644
index 00000000..50788d35
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/chip/subcomponents/container/PokitChipContainerModifier.kt
@@ -0,0 +1,147 @@
+package pokitmons.pokit.core.ui.components.atom.chip.subcomponents.container
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipIconPosiion
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipSize
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipState
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipType
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+internal fun Modifier.pokitChipContainerModifier(
+    iconPosition: PokitChipIconPosiion?,
+    state: PokitChipState,
+    size: PokitChipSize,
+    type: PokitChipType,
+    onClick: (() -> Unit)? = null,
+): Modifier {
+    val backgroundColor = getBackgroundColor(state = state, type = type)
+    val strokeColor = getStrokeColor(state = state, type = type)
+    val padding = getPadding(iconPosition = iconPosition, size = size)
+
+    return this then Modifier
+        .clip(
+            shape = RoundedCornerShape(9999.dp)
+        )
+        .clickable(
+            enabled = (onClick != null && state != PokitChipState.DISABLED),
+            onClick = onClick ?: {},
+            interactionSource = remember { MutableInteractionSource() },
+            indication = null
+        )
+        .background(
+            shape = RoundedCornerShape(9999.dp),
+            color = backgroundColor
+        )
+        .border(
+            shape = RoundedCornerShape(9999.dp),
+            width = 1.dp,
+            color = strokeColor
+        )
+        .padding(
+            paddingValues = padding
+        )
+}
+
+@Composable
+private fun getBackgroundColor(
+    state: PokitChipState,
+    type: PokitChipType,
+): Color {
+    return when {
+        state == PokitChipState.DEFAULT -> {
+            PokitTheme.colors.backgroundBase
+        }
+
+        state == PokitChipState.DISABLED -> {
+            PokitTheme.colors.backgroundDisable
+        }
+
+        state == PokitChipState.STROKE -> {
+            PokitTheme.colors.backgroundBase
+        }
+
+        state == PokitChipState.FILLED && type == PokitChipType.PRIMARY -> {
+            PokitTheme.colors.brand
+        }
+
+        state == PokitChipState.FILLED && type == PokitChipType.SECONDARY -> {
+            PokitTheme.colors.backgroundTertiary
+        }
+
+        else -> {
+            PokitTheme.colors.backgroundBase
+        }
+    }
+}
+
+@Composable
+private fun getStrokeColor(
+    state: PokitChipState,
+    type: PokitChipType,
+): Color {
+    return when {
+        state == PokitChipState.DEFAULT -> {
+            PokitTheme.colors.borderSecondary
+        }
+
+        state == PokitChipState.DISABLED -> {
+            Color.Unspecified
+        }
+
+        state == PokitChipState.FILLED -> {
+            Color.Unspecified
+        }
+
+        state == PokitChipState.STROKE && type == PokitChipType.PRIMARY -> {
+            PokitTheme.colors.brand
+        }
+
+        state == PokitChipState.STROKE && type == PokitChipType.SECONDARY -> {
+            PokitTheme.colors.borderPrimary
+        }
+
+        else -> {
+            PokitTheme.colors.borderSecondary
+        }
+    }
+}
+
+private fun getPadding(
+    iconPosition: PokitChipIconPosiion?,
+    size: PokitChipSize,
+): PaddingValues {
+    return when (size) {
+        PokitChipSize.SMALL -> {
+            if (iconPosition == PokitChipIconPosiion.LEFT) {
+                PaddingValues(start = 8.dp, end = 12.dp, top = 8.dp, bottom = 8.dp)
+            } else if (iconPosition == PokitChipIconPosiion.RIGHT) {
+                PaddingValues(start = 12.dp, end = 8.dp, top = 8.dp, bottom = 8.dp)
+            } else {
+                PaddingValues(all = 8.dp)
+            }
+        }
+
+        PokitChipSize.MEDIUM -> {
+            if (iconPosition == PokitChipIconPosiion.LEFT) {
+                PaddingValues(start = 12.dp, end = 16.dp, top = 8.dp, bottom = 8.dp)
+            } else if (iconPosition == PokitChipIconPosiion.RIGHT) {
+                PaddingValues(start = 16.dp, end = 12.dp, top = 8.dp, bottom = 8.dp)
+            } else {
+                PaddingValues(horizontal = 16.dp, vertical = 8.dp)
+            }
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/chip/subcomponents/icon/PokitChipIcon.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/chip/subcomponents/icon/PokitChipIcon.kt
new file mode 100644
index 00000000..b54da0af
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/chip/subcomponents/icon/PokitChipIcon.kt
@@ -0,0 +1,63 @@
+package pokitmons.pokit.core.ui.components.atom.chip.subcomponents.icon
+
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.Icon
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipSize
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipState
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+fun PokitChipIcon(
+    state: PokitChipState,
+    size: PokitChipSize,
+    onClick: () -> Unit,
+) {
+    val iconTintColor = getIconTintColor(state = state)
+    val iconSize = getIconSize(size = size)
+
+    Icon(
+        painter = painterResource(id = R.drawable.icon_24_x),
+        contentDescription = null,
+        tint = iconTintColor,
+        modifier = Modifier
+            .size(iconSize)
+            .clickable(
+                indication = null,
+                interactionSource = remember { MutableInteractionSource() },
+                onClick = onClick,
+                enabled = (state != PokitChipState.DISABLED)
+            )
+    )
+}
+
+@Composable
+private fun getIconTintColor(
+    state: PokitChipState,
+): Color {
+    return when (state) {
+        PokitChipState.DEFAULT -> PokitTheme.colors.iconSecondary
+        PokitChipState.FILLED -> PokitTheme.colors.inverseWh
+        PokitChipState.STROKE -> PokitTheme.colors.iconPrimary
+        PokitChipState.DISABLED -> PokitTheme.colors.iconDisable
+    }
+}
+
+@Composable
+private fun getIconSize(
+    size: PokitChipSize,
+): Dp {
+    return when (size) {
+        PokitChipSize.SMALL -> 16.dp
+        PokitChipSize.MEDIUM -> 22.dp
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/chip/subcomponents/text/PokitChipText.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/chip/subcomponents/text/PokitChipText.kt
new file mode 100644
index 00000000..3a4c65a6
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/chip/subcomponents/text/PokitChipText.kt
@@ -0,0 +1,43 @@
+package pokitmons.pokit.core.ui.components.atom.chip.subcomponents.text
+
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.text.TextStyle
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipSize
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipState
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+fun PokitChipText(
+    text: String,
+    state: PokitChipState,
+    size: PokitChipSize,
+) {
+    val textStyle = getTextStyle(size = size)
+    val textColor = getTextColor(state = state)
+
+    Text(text = text, style = textStyle.copy(color = textColor))
+}
+
+@Composable
+private fun getTextColor(
+    state: PokitChipState,
+): Color {
+    return when (state) {
+        PokitChipState.DEFAULT -> PokitTheme.colors.textTertiary
+        PokitChipState.FILLED -> PokitTheme.colors.inverseWh
+        PokitChipState.STROKE -> PokitTheme.colors.textPrimary
+        PokitChipState.DISABLED -> PokitTheme.colors.textDisable
+    }
+}
+
+@Composable
+private fun getTextStyle(
+    size: PokitChipSize,
+): TextStyle {
+    return when (size) {
+        PokitChipSize.SMALL -> PokitTheme.typography.label3Regular
+        PokitChipSize.MEDIUM -> PokitTheme.typography.label2Regular
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/input/PokitInput.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/input/PokitInput.kt
new file mode 100644
index 00000000..79e24e41
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/input/PokitInput.kt
@@ -0,0 +1,154 @@
+package pokitmons.pokit.core.ui.components.atom.input
+
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.text.BasicTextField
+import androidx.compose.foundation.text.KeyboardActions
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.focus.focusRequester
+import androidx.compose.ui.focus.onFocusChanged
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.atom.input.attributes.PokitInputIcon
+import pokitmons.pokit.core.ui.components.atom.input.attributes.PokitInputIconPosition
+import pokitmons.pokit.core.ui.components.atom.input.attributes.PokitInputShape
+import pokitmons.pokit.core.ui.components.atom.input.attributes.PokitInputState
+import pokitmons.pokit.core.ui.components.atom.input.subcomponents.container.PokitInputContainer
+import pokitmons.pokit.core.ui.components.atom.input.subcomponents.icon.PokitInputIcon
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.utils.conditional
+
+@Composable
+fun PokitInput(
+    text: String,
+    hintText: String,
+    onChangeText: (String) -> Unit,
+    icon: PokitInputIcon?,
+    modifier: Modifier = Modifier,
+    onClickIcon: (() -> Unit)? = null,
+    shape: PokitInputShape = PokitInputShape.RECTANGLE,
+    readOnly: Boolean = false,
+    enable: Boolean = true,
+    isError: Boolean = false,
+    keyboardActions: KeyboardActions = KeyboardActions.Default,
+    focusRequester: FocusRequester? = null,
+) {
+    var focused by remember { mutableStateOf(false) }
+    val state = remember(focused, isError, readOnly, enable) {
+        getState(
+            enabled = enable,
+            readOnly = readOnly,
+            focused = focused,
+            error = isError,
+            text = text
+        )
+    }
+    val textColor = getTextColor(state = state)
+    val textStyle = PokitTheme.typography.body3Medium.copy(color = textColor)
+
+    BasicTextField(
+        value = text,
+        onValueChange = onChangeText,
+        textStyle = textStyle,
+        enabled = (enable && !readOnly),
+        singleLine = true,
+        modifier = Modifier
+            .onFocusChanged { focusState ->
+                focused = focusState.isFocused
+            }
+            .conditional(focusRequester != null) {
+                focusRequester(focusRequester!!)
+            },
+        keyboardActions = keyboardActions,
+        decorationBox = { innerTextField ->
+            PokitInputContainer(
+                iconPosition = icon?.position,
+                modifier = modifier,
+                shape = shape,
+                state = state
+            ) {
+                if (icon == null) {
+                    Box(modifier = Modifier.height(24.dp)) // 아이콘 없을 떄 공간 맞추기용
+                }
+
+                if (icon?.position == PokitInputIconPosition.LEFT) {
+                    PokitInputIcon(state = state, resourceId = icon.resourceId, onClick = onClickIcon)
+                    Box(modifier = Modifier.width(8.dp))
+                }
+
+                if (text.isEmpty() && !focused) {
+                    Text(text = hintText, style = textStyle)
+                }
+
+                Box(modifier = Modifier.weight(1f)) {
+                    innerTextField()
+                }
+
+                if (icon?.position == PokitInputIconPosition.RIGHT) {
+                    PokitInputIcon(state = state, resourceId = icon.resourceId, onClick = onClickIcon)
+                }
+            }
+        }
+    )
+}
+
+@Composable
+private fun getTextColor(
+    state: PokitInputState,
+): Color {
+    return when (state) {
+        PokitInputState.DEFAULT -> PokitTheme.colors.textTertiary
+
+        PokitInputState.INPUT -> PokitTheme.colors.textSecondary
+
+        PokitInputState.ACTIVE -> PokitTheme.colors.textSecondary
+
+        PokitInputState.DISABLE -> PokitTheme.colors.textDisable
+
+        PokitInputState.READ_ONLY -> PokitTheme.colors.textTertiary
+
+        PokitInputState.ERROR -> PokitTheme.colors.textSecondary
+    }
+}
+
+private fun getState(
+    enabled: Boolean,
+    readOnly: Boolean,
+    focused: Boolean,
+    error: Boolean,
+    text: String,
+): PokitInputState {
+    return when {
+        !enabled -> {
+            PokitInputState.DISABLE
+        }
+
+        readOnly -> {
+            PokitInputState.READ_ONLY
+        }
+
+        focused -> {
+            PokitInputState.ACTIVE
+        }
+
+        error -> {
+            PokitInputState.ERROR
+        }
+
+        text.isEmpty() -> {
+            PokitInputState.DEFAULT
+        }
+
+        else -> {
+            PokitInputState.INPUT
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/input/Preview.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/input/Preview.kt
new file mode 100644
index 00000000..aa576dba
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/input/Preview.kt
@@ -0,0 +1,63 @@
+package pokitmons.pokit.core.ui.components.atom.input
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.components.atom.input.attributes.PokitInputIcon
+import pokitmons.pokit.core.ui.components.atom.input.attributes.PokitInputIconPosition
+import pokitmons.pokit.core.ui.components.atom.input.attributes.PokitInputShape
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+fun PokitInputPreview() {
+    val scrollState = rememberScrollState()
+    PokitTheme {
+        Column(
+            modifier = Modifier
+                .fillMaxSize()
+                .padding(12.dp)
+                .verticalScroll(scrollState),
+            verticalArrangement = Arrangement.spacedBy(12.dp)
+        ) {
+            enumValues<PokitInputShape>().forEach { shape ->
+                for (isError in arrayOf(false, true)) {
+                    for (enabled in arrayOf(false, true)) {
+                        for (readOnly in arrayOf(false, true)) {
+                            enumValues<PokitInputIconPosition>().forEach { iconPosition ->
+                                PokitInput(
+                                    text = "",
+                                    hintText = "error:$isError, enabled:$enabled, readOnly:$readOnly",
+                                    onChangeText = {},
+                                    shape = shape,
+                                    enable = enabled,
+                                    readOnly = readOnly,
+                                    isError = isError,
+                                    icon = PokitInputIcon(iconPosition, R.drawable.icon_24_search)
+                                )
+                            }
+                            PokitInput(
+                                text = "val",
+                                hintText = "error:$isError, enabled:$enabled, readOnly:$readOnly",
+                                onChangeText = {},
+                                shape = shape,
+                                enable = enabled,
+                                readOnly = readOnly,
+                                isError = isError,
+                                icon = null
+                            )
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/input/attributes/InputAttributes.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/input/attributes/InputAttributes.kt
new file mode 100644
index 00000000..ed160427
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/input/attributes/InputAttributes.kt
@@ -0,0 +1,20 @@
+package pokitmons.pokit.core.ui.components.atom.input.attributes
+
+import pokitmons.pokit.core.ui.R
+
+enum class PokitInputShape {
+    ROUND, RECTANGLE,
+}
+
+internal enum class PokitInputState {
+    DEFAULT, INPUT, ACTIVE, DISABLE, READ_ONLY, ERROR,
+}
+
+data class PokitInputIcon(
+    val position: PokitInputIconPosition,
+    val resourceId: Int = R.drawable.icon_24_search,
+)
+
+enum class PokitInputIconPosition {
+    RIGHT, LEFT,
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/input/subcomponents/container/PokitInputContainer.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/input/subcomponents/container/PokitInputContainer.kt
new file mode 100644
index 00000000..ea8cff2b
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/input/subcomponents/container/PokitInputContainer.kt
@@ -0,0 +1,32 @@
+package pokitmons.pokit.core.ui.components.atom.input.subcomponents.container
+
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.RowScope
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import pokitmons.pokit.core.ui.components.atom.input.attributes.PokitInputIconPosition
+import pokitmons.pokit.core.ui.components.atom.input.attributes.PokitInputShape
+import pokitmons.pokit.core.ui.components.atom.input.attributes.PokitInputState
+
+@Composable
+internal fun PokitInputContainer(
+    iconPosition: PokitInputIconPosition?,
+    modifier: Modifier = Modifier,
+    shape: PokitInputShape = PokitInputShape.RECTANGLE,
+    state: PokitInputState = PokitInputState.DEFAULT,
+    content: @Composable RowScope.() -> Unit,
+) {
+    Row(
+        modifier = Modifier
+            .pokitInputContainerModifier(
+                iconPosition = iconPosition,
+                shape = shape,
+                state = state
+            )
+            .then(modifier),
+        verticalAlignment = Alignment.CenterVertically
+    ) {
+        content()
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/input/subcomponents/container/PokitInputContainerModifier.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/input/subcomponents/container/PokitInputContainerModifier.kt
new file mode 100644
index 00000000..45987e4b
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/input/subcomponents/container/PokitInputContainerModifier.kt
@@ -0,0 +1,132 @@
+package pokitmons.pokit.core.ui.components.atom.input.subcomponents.container
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.Shape
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.atom.input.attributes.PokitInputIconPosition
+import pokitmons.pokit.core.ui.components.atom.input.attributes.PokitInputShape
+import pokitmons.pokit.core.ui.components.atom.input.attributes.PokitInputState
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+internal fun Modifier.pokitInputContainerModifier(
+    iconPosition: PokitInputIconPosition?,
+    shape: PokitInputShape,
+    state: PokitInputState,
+): Modifier {
+    val inputContainerShape = getShape(shape = shape)
+    val padding = getPadding(shape = shape, iconPosition = iconPosition)
+    val backgroundColor = getBackgroundColor(state = state)
+    val strokeColor = getStrokeColor(state = state)
+
+    return this then Modifier
+        .clip(
+            shape = inputContainerShape
+        )
+        .background(
+            shape = inputContainerShape,
+            color = backgroundColor
+        )
+        .border(
+            shape = inputContainerShape,
+            width = 1.dp,
+            color = strokeColor
+        )
+        .padding(
+            paddingValues = padding
+        )
+}
+
+private fun getShape(
+    shape: PokitInputShape,
+): Shape {
+    return when (shape) {
+        PokitInputShape.RECTANGLE -> RoundedCornerShape(8.dp)
+        PokitInputShape.ROUND -> RoundedCornerShape(9999.dp)
+    }
+}
+
+private fun getPadding(
+    shape: PokitInputShape,
+    iconPosition: PokitInputIconPosition?,
+): PaddingValues {
+    val verticalPadding = getVerticalPadding(shape = shape)
+
+    return when {
+        shape == PokitInputShape.RECTANGLE -> {
+            PaddingValues(horizontal = 12.dp, vertical = verticalPadding)
+        }
+
+        shape == PokitInputShape.ROUND && iconPosition == null -> {
+            PaddingValues(horizontal = 20.dp, vertical = verticalPadding)
+        }
+
+        shape == PokitInputShape.ROUND && iconPosition == PokitInputIconPosition.LEFT -> {
+            PaddingValues(horizontal = 16.dp, vertical = verticalPadding)
+        }
+
+        else -> {
+            PaddingValues(start = 20.dp, end = 16.dp, top = verticalPadding, bottom = verticalPadding)
+        }
+    }
+}
+
+private fun getVerticalPadding(
+    shape: PokitInputShape,
+): Dp {
+    return when (shape) {
+        PokitInputShape.ROUND -> {
+            8.dp
+        }
+        PokitInputShape.RECTANGLE -> {
+            13.dp
+        }
+    }
+}
+
+@Composable
+private fun getBackgroundColor(
+    state: PokitInputState,
+): Color {
+    return when (state) {
+        PokitInputState.DEFAULT -> PokitTheme.colors.backgroundPrimary
+
+        PokitInputState.INPUT -> PokitTheme.colors.backgroundPrimary
+
+        PokitInputState.ACTIVE -> PokitTheme.colors.backgroundBase
+
+        PokitInputState.DISABLE -> PokitTheme.colors.backgroundDisable
+
+        PokitInputState.READ_ONLY -> PokitTheme.colors.backgroundSecondary
+
+        PokitInputState.ERROR -> PokitTheme.colors.backgroundBase
+    }
+}
+
+@Composable
+private fun getStrokeColor(
+    state: PokitInputState,
+): Color {
+    return when (state) {
+        PokitInputState.DEFAULT -> Color.Unspecified
+
+        PokitInputState.INPUT -> Color.Unspecified
+
+        PokitInputState.ACTIVE -> PokitTheme.colors.brand
+
+        PokitInputState.DISABLE -> PokitTheme.colors.borderDisable
+
+        PokitInputState.READ_ONLY -> PokitTheme.colors.borderSecondary
+
+        PokitInputState.ERROR -> PokitTheme.colors.error
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/input/subcomponents/icon/PokitInputIcon.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/input/subcomponents/icon/PokitInputIcon.kt
new file mode 100644
index 00000000..0dec8891
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/input/subcomponents/icon/PokitInputIcon.kt
@@ -0,0 +1,57 @@
+package pokitmons.pokit.core.ui.components.atom.input.subcomponents.icon
+
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.Icon
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.atom.input.attributes.PokitInputState
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+internal fun PokitInputIcon(
+    state: PokitInputState,
+    resourceId: Int,
+    onClick: (() -> Unit)? = null,
+) {
+    val iconColor = getColor(state = state)
+
+    Icon(
+        painter = painterResource(id = resourceId),
+        contentDescription = null,
+        tint = iconColor,
+        modifier = Modifier.size(24.dp).then(
+            other = onClick?.let { method ->
+                Modifier.clickable(
+                    indication = null,
+                    interactionSource = remember { MutableInteractionSource() },
+                    onClick = method
+                )
+            } ?: Modifier
+        )
+    )
+}
+
+@Composable
+private fun getColor(
+    state: PokitInputState,
+): Color {
+    return when (state) {
+        PokitInputState.DEFAULT -> PokitTheme.colors.iconSecondary
+
+        PokitInputState.INPUT -> PokitTheme.colors.iconPrimary
+
+        PokitInputState.ACTIVE -> PokitTheme.colors.iconPrimary
+
+        PokitInputState.DISABLE -> PokitTheme.colors.iconDisable
+
+        PokitInputState.READ_ONLY -> PokitTheme.colors.iconSecondary
+
+        PokitInputState.ERROR -> PokitTheme.colors.error
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/inputarea/PokitInputArea.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/inputarea/PokitInputArea.kt
new file mode 100644
index 00000000..717374f8
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/inputarea/PokitInputArea.kt
@@ -0,0 +1,118 @@
+package pokitmons.pokit.core.ui.components.atom.inputarea
+
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.text.BasicTextField
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.focus.onFocusChanged
+import androidx.compose.ui.graphics.Color
+import pokitmons.pokit.core.ui.components.atom.inputarea.attributes.PokitInputAreaState
+import pokitmons.pokit.core.ui.components.atom.inputarea.subcomponents.PokitInputAreaContainer
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+fun PokitInputArea(
+    text: String,
+    hintText: String,
+    onChangeText: (String) -> Unit,
+    modifier: Modifier = Modifier,
+    readOnly: Boolean = false,
+    enable: Boolean = true,
+    isError: Boolean = false,
+) {
+    var focused by remember { mutableStateOf(false) }
+    val state = remember(focused, isError, readOnly, enable) {
+        getState(
+            enabled = enable,
+            readOnly = readOnly,
+            focused = focused,
+            error = isError,
+            text = text
+        )
+    }
+    val textColor = getTextColor(state = state)
+    val textStyle = PokitTheme.typography.body3Regular.copy(color = textColor)
+
+    BasicTextField(
+        value = text,
+        onValueChange = onChangeText,
+        textStyle = textStyle,
+        enabled = (enable && !readOnly),
+        minLines = 5,
+        modifier = Modifier.onFocusChanged { focusState ->
+            focused = focusState.isFocused
+        },
+        decorationBox = { innerTextField ->
+            PokitInputAreaContainer(
+                state = state,
+                modifier = modifier
+            ) {
+                if (text.isEmpty() && !focused) {
+                    Text(text = hintText, style = textStyle)
+                }
+
+                Box(modifier = Modifier.weight(1f)) {
+                    innerTextField()
+                }
+            }
+        }
+    )
+}
+
+@Composable
+private fun getTextColor(
+    state: PokitInputAreaState,
+): Color {
+    return when (state) {
+        PokitInputAreaState.DEFAULT -> PokitTheme.colors.textTertiary
+
+        PokitInputAreaState.INPUT -> PokitTheme.colors.textSecondary
+
+        PokitInputAreaState.ACTIVE -> PokitTheme.colors.textSecondary
+
+        PokitInputAreaState.DISABLE -> PokitTheme.colors.textDisable
+
+        PokitInputAreaState.READ_ONLY -> PokitTheme.colors.textTertiary
+
+        PokitInputAreaState.ERROR -> PokitTheme.colors.textSecondary
+    }
+}
+
+private fun getState(
+    enabled: Boolean,
+    readOnly: Boolean,
+    focused: Boolean,
+    error: Boolean,
+    text: String,
+): PokitInputAreaState {
+    return when {
+        !enabled -> {
+            PokitInputAreaState.DISABLE
+        }
+
+        readOnly -> {
+            PokitInputAreaState.READ_ONLY
+        }
+
+        focused -> {
+            PokitInputAreaState.ACTIVE
+        }
+
+        error -> {
+            PokitInputAreaState.ERROR
+        }
+
+        text.isEmpty() -> {
+            PokitInputAreaState.DEFAULT
+        }
+
+        else -> {
+            PokitInputAreaState.INPUT
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/inputarea/Preview.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/inputarea/Preview.kt
new file mode 100644
index 00000000..856a0467
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/inputarea/Preview.kt
@@ -0,0 +1,45 @@
+package pokitmons.pokit.core.ui.components.atom.inputarea
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+fun PokitInputAreaPreview() {
+    val scrollState = rememberScrollState()
+    PokitTheme {
+        Column(
+            modifier = Modifier
+                .fillMaxSize()
+                .padding(12.dp)
+                .verticalScroll(scrollState),
+            verticalArrangement = Arrangement.spacedBy(12.dp)
+        ) {
+            for (isError in arrayOf(false, true)) {
+                for (enabled in arrayOf(false, true)) {
+                    for (readOnly in arrayOf(false, true)) {
+                        PokitInputArea(
+                            text = "text",
+                            hintText = "내용을 입력해주세요",
+                            onChangeText = {},
+                            enable = enabled,
+                            readOnly = readOnly,
+                            isError = isError,
+                            modifier = Modifier.fillMaxWidth()
+                        )
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/inputarea/attributes/PokitInputAreaState.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/inputarea/attributes/PokitInputAreaState.kt
new file mode 100644
index 00000000..e1b9a57a
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/inputarea/attributes/PokitInputAreaState.kt
@@ -0,0 +1,5 @@
+package pokitmons.pokit.core.ui.components.atom.inputarea.attributes
+
+enum class PokitInputAreaState {
+    DEFAULT, INPUT, ACTIVE, DISABLE, READ_ONLY, ERROR,
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/inputarea/subcomponents/PokitInputContainer.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/inputarea/subcomponents/PokitInputContainer.kt
new file mode 100644
index 00000000..8f67aeb4
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/inputarea/subcomponents/PokitInputContainer.kt
@@ -0,0 +1,24 @@
+package pokitmons.pokit.core.ui.components.atom.inputarea.subcomponents
+
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.RowScope
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import pokitmons.pokit.core.ui.components.atom.inputarea.attributes.PokitInputAreaState
+
+@Composable
+internal fun PokitInputAreaContainer(
+    modifier: Modifier = Modifier,
+    state: PokitInputAreaState = PokitInputAreaState.DEFAULT,
+    content: @Composable RowScope.() -> Unit,
+) {
+    Row(
+        modifier = Modifier
+            .pokitInputAreaContainerModifier(
+                state = state
+            )
+            .then(modifier)
+    ) {
+        content()
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/inputarea/subcomponents/PokitInputContainerModifier.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/inputarea/subcomponents/PokitInputContainerModifier.kt
new file mode 100644
index 00000000..21eba74e
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/inputarea/subcomponents/PokitInputContainerModifier.kt
@@ -0,0 +1,78 @@
+package pokitmons.pokit.core.ui.components.atom.inputarea.subcomponents
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.atom.inputarea.attributes.PokitInputAreaState
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+internal fun Modifier.pokitInputAreaContainerModifier(
+    state: PokitInputAreaState,
+): Modifier {
+    val inputContainerShape = RoundedCornerShape(8.dp)
+    val backgroundColor = getBackgroundColor(state = state)
+    val strokeColor = getStrokeColor(state = state)
+
+    return this then Modifier
+        .clip(
+            shape = inputContainerShape
+        )
+        .background(
+            shape = inputContainerShape,
+            color = backgroundColor
+        )
+        .border(
+            shape = inputContainerShape,
+            width = 1.dp,
+            color = strokeColor
+        )
+        .padding(
+            paddingValues = PaddingValues(16.dp)
+        )
+}
+
+@Composable
+private fun getBackgroundColor(
+    state: PokitInputAreaState,
+): Color {
+    return when (state) {
+        PokitInputAreaState.DEFAULT -> PokitTheme.colors.backgroundBase
+
+        PokitInputAreaState.INPUT -> PokitTheme.colors.backgroundBase
+
+        PokitInputAreaState.ACTIVE -> PokitTheme.colors.backgroundBase
+
+        PokitInputAreaState.DISABLE -> PokitTheme.colors.backgroundDisable
+
+        PokitInputAreaState.READ_ONLY -> PokitTheme.colors.backgroundSecondary
+
+        PokitInputAreaState.ERROR -> PokitTheme.colors.backgroundBase
+    }
+}
+
+@Composable
+private fun getStrokeColor(
+    state: PokitInputAreaState,
+): Color {
+    return when (state) {
+        PokitInputAreaState.DEFAULT -> PokitTheme.colors.borderSecondary
+
+        PokitInputAreaState.INPUT -> PokitTheme.colors.borderSecondary
+
+        PokitInputAreaState.ACTIVE -> PokitTheme.colors.brand
+
+        PokitInputAreaState.DISABLE -> PokitTheme.colors.borderDisable
+
+        PokitInputAreaState.READ_ONLY -> PokitTheme.colors.borderSecondary
+
+        PokitInputAreaState.ERROR -> PokitTheme.colors.error
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/loading/LoadingProgress.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/loading/LoadingProgress.kt
new file mode 100644
index 00000000..1e832cb3
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/loading/LoadingProgress.kt
@@ -0,0 +1,24 @@
+package pokitmons.pokit.core.ui.components.atom.loading
+
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.width
+import androidx.compose.material3.CircularProgressIndicator
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+fun LoadingProgress(modifier: Modifier = Modifier) {
+    Box(
+        modifier = modifier,
+        contentAlignment = Alignment.Center
+    ) {
+        CircularProgressIndicator(
+            modifier = Modifier.width(64.dp),
+            color = PokitTheme.colors.brand,
+            trackColor = PokitTheme.colors.borderTertiary
+        )
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/loginbutton/PokitLoginButton.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/loginbutton/PokitLoginButton.kt
new file mode 100644
index 00000000..a42618f9
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/atom/loginbutton/PokitLoginButton.kt
@@ -0,0 +1,86 @@
+package pokitmons.pokit.core.ui.components.atom.loginbutton
+
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitLoginButtonType
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitLoginResource
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+fun PokitLoginButton(
+    modifier: Modifier = Modifier,
+    onClick: () -> Unit,
+    loginType: PokitLoginButtonType,
+    text: String,
+) {
+    val loginResource: PokitLoginResource = getLoginResource(loginType)
+
+    Surface(
+        modifier = Modifier
+            .height(50.dp)
+            .border(
+                shape = RoundedCornerShape(8.dp),
+                width = 1.dp,
+                color = loginResource.borderColor
+            ),
+        shape = RoundedCornerShape(8.dp),
+        color = loginResource.backgroundColor,
+        onClick = onClick
+    ) {
+        Row(
+            modifier = modifier.fillMaxWidth(),
+            verticalAlignment = Alignment.CenterVertically,
+            horizontalArrangement = Arrangement.Center
+        ) {
+            Icon(
+                modifier = Modifier
+                    .size(24.dp),
+                painter = painterResource(id = loginResource.iconResourceId),
+                tint = loginResource.iconTintColor,
+                contentDescription = null
+            )
+            Text(
+                modifier = Modifier
+                    .padding(start = 12.dp),
+                text = text,
+                color = loginResource.textColor,
+                style = PokitTheme.typography.label1Regular
+            )
+        }
+    }
+}
+
+@Composable
+private fun getLoginResource(loginType: PokitLoginButtonType): PokitLoginResource {
+    return when (loginType) {
+        PokitLoginButtonType.APPLE -> PokitLoginResource(
+            iconResourceId = R.drawable.icon_24_apple,
+            iconTintColor = PokitTheme.colors.inverseWh,
+            textColor = PokitTheme.colors.inverseWh,
+            backgroundColor = PokitTheme.colors.backgroundTertiary,
+            borderColor = PokitTheme.colors.backgroundTertiary
+        )
+
+        PokitLoginButtonType.GOOGLE -> PokitLoginResource(
+            iconResourceId = R.drawable.icon_24_google,
+            textColor = PokitTheme.colors.textPrimary,
+            backgroundColor = PokitTheme.colors.backgroundBase,
+            borderColor = PokitTheme.colors.borderSecondary
+        )
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/labeledinput/LabeledInput.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/labeledinput/LabeledInput.kt
new file mode 100644
index 00000000..76934443
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/labeledinput/LabeledInput.kt
@@ -0,0 +1,151 @@
+package pokitmons.pokit.core.ui.components.block.labeledinput
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.focus.onFocusChanged
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.components.atom.input.PokitInput
+import pokitmons.pokit.core.ui.components.atom.input.attributes.PokitInputState
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+fun LabeledInput(
+    label: String,
+    inputText: String,
+    hintText: String,
+    onChangeText: (String) -> Unit,
+    modifier: Modifier = Modifier,
+    sub: String = "",
+    maxLength: Int? = null,
+    readOnly: Boolean = false,
+    enable: Boolean = true,
+    isError: Boolean = false,
+) {
+    var focused by remember { mutableStateOf(false) }
+    val state = remember(focused, isError, readOnly, enable) {
+        getState(
+            enabled = enable,
+            readOnly = readOnly,
+            focused = focused,
+            error = isError,
+            text = inputText
+        )
+    }
+    val subTextColor = getSubTextColor(state)
+
+    Column(
+        modifier = modifier
+            .onFocusChanged { focusState ->
+                focused = focusState.hasFocus
+            }
+    ) {
+        Text(
+            text = label,
+            style = PokitTheme.typography.body2Medium.copy(color = PokitTheme.colors.textSecondary)
+        )
+
+        Spacer(modifier = Modifier.height(8.dp))
+
+        PokitInput(
+            text = inputText,
+            hintText = hintText,
+            onChangeText = onChangeText,
+            icon = null,
+            isError = isError,
+            enable = enable,
+            readOnly = readOnly
+        )
+
+        Spacer(modifier = Modifier.height(4.dp))
+
+        Row(
+            modifier = Modifier.fillMaxWidth(),
+            verticalAlignment = Alignment.CenterVertically
+        ) {
+            if (state == PokitInputState.ERROR) {
+                Icon(
+                    painter = painterResource(id = R.drawable.icon_24_info),
+                    contentDescription = null,
+                    modifier = Modifier.size(20.dp),
+                    tint = PokitTheme.colors.error
+                )
+
+                Spacer(modifier = Modifier.width(4.dp))
+            }
+
+            Text(
+                text = sub,
+                style = PokitTheme.typography.detail1.copy(color = subTextColor)
+            )
+
+            Spacer(modifier = Modifier.weight(1f))
+
+            if (maxLength != null) {
+                Text(
+                    text = "${inputText.length}/$maxLength",
+                    style = PokitTheme.typography.detail1.copy(color = subTextColor)
+                )
+            }
+        }
+    }
+}
+
+private fun getState(
+    enabled: Boolean,
+    readOnly: Boolean,
+    focused: Boolean,
+    error: Boolean,
+    text: String,
+): PokitInputState {
+    return when {
+        !enabled -> {
+            PokitInputState.DISABLE
+        }
+
+        readOnly -> {
+            PokitInputState.READ_ONLY
+        }
+
+        focused -> {
+            PokitInputState.ACTIVE
+        }
+
+        error -> {
+            PokitInputState.ERROR
+        }
+
+        text.isEmpty() -> {
+            PokitInputState.DEFAULT
+        }
+
+        else -> {
+            PokitInputState.INPUT
+        }
+    }
+}
+
+@Composable
+private fun getSubTextColor(state: PokitInputState): Color {
+    return when (state) {
+        PokitInputState.ERROR -> PokitTheme.colors.error
+        PokitInputState.DISABLE -> PokitTheme.colors.textDisable
+        else -> PokitTheme.colors.textTertiary
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/labeledinput/Preview.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/labeledinput/Preview.kt
new file mode 100644
index 00000000..ee2620dc
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/labeledinput/Preview.kt
@@ -0,0 +1,34 @@
+package pokitmons.pokit.core.ui.components.block.labeledinput
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.atom.input.attributes.PokitInputState
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+fun PokitInputPreview() {
+    val scrollState = rememberScrollState()
+    PokitTheme {
+        Column(
+            modifier = Modifier
+                .fillMaxSize()
+                .padding(12.dp)
+                .verticalScroll(scrollState),
+            verticalArrangement = Arrangement.spacedBy(24.dp)
+        ) {
+            enumValues<PokitInputState>().forEach { state ->
+                LabeledInput(label = "Label", sub = "내용을 입력해주세요", maxLength = 10, inputText = "으앙", hintText = "내용을 입력해주세요", onChangeText = {})
+                LabeledInput(label = "Label", sub = "", maxLength = null, inputText = "으앙", hintText = "내용을 입력해주세요", onChangeText = {})
+            }
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/linkcard/LinkCard.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/linkcard/LinkCard.kt
new file mode 100644
index 00000000..99d7c89f
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/linkcard/LinkCard.kt
@@ -0,0 +1,156 @@
+package pokitmons.pokit.core.ui.components.block.linkcard
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.heightIn
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.painter.Painter
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextOverflow
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.utils.noRippleClickable
+
+@Composable
+fun<T> LinkCard(
+    item: T,
+    title: String,
+    sub: String,
+    painter: Painter,
+    notRead: Boolean,
+    badgeText: String?,
+    onClickKebab: (T) -> Unit,
+    onClickItem: (T) -> Unit,
+    modifier: Modifier = Modifier,
+) {
+    Box(modifier = modifier) {
+        Row(
+            modifier = Modifier
+                .clip(RoundedCornerShape(8.dp))
+                .noRippleClickable { onClickItem(item) }
+        ) {
+            Box(
+                modifier = Modifier
+                    .height(94.dp)
+                    .width(124.dp)
+            ) {
+                Image(
+                    painter = painter,
+                    contentDescription = null,
+                    modifier = Modifier
+                        .fillMaxSize()
+                        .clip(RoundedCornerShape(8.dp))
+                        .background(Color.Gray),
+                    contentScale = ContentScale.Crop
+                )
+            }
+
+            Spacer(modifier = Modifier.width(12.dp))
+
+            Column(
+                modifier = Modifier
+                    .weight(1f)
+                    .heightIn(min = 94.dp)
+                    .padding(vertical = 3.dp),
+                verticalArrangement = Arrangement.SpaceBetween
+            ) {
+                Column(
+                    modifier = Modifier.fillMaxWidth()
+                ) {
+                    Row(
+                        modifier = Modifier.fillMaxWidth(),
+                        horizontalArrangement = Arrangement.SpaceBetween
+                    ) {
+                        Text(
+                            modifier = Modifier.weight(1f),
+                            text = title,
+                            style = PokitTheme.typography.body3Medium.copy(color = PokitTheme.colors.textPrimary),
+                            maxLines = 2,
+                            minLines = 2,
+                            overflow = TextOverflow.Ellipsis
+                        )
+
+                        IconButton(
+                            onClick = { onClickKebab(item) },
+                            modifier = Modifier.size(24.dp)
+                        ) {
+                            Icon(
+                                painter = painterResource(id = R.drawable.icon_24_kebab),
+                                contentDescription = null
+                            )
+                        }
+                    }
+
+                    Spacer(modifier = Modifier.height(8.dp))
+
+                    Text(
+                        text = sub,
+                        style = PokitTheme.typography.detail2.copy(color = PokitTheme.colors.textTertiary),
+                        maxLines = 1,
+                        overflow = TextOverflow.Ellipsis
+                    )
+                }
+
+                Spacer(modifier = Modifier.height(4.dp))
+
+                Row(
+                    modifier = Modifier.fillMaxWidth(),
+                    horizontalArrangement = Arrangement.spacedBy(6.dp)
+                ) {
+                    badgeText?.let { badge ->
+                        Text(
+                            text = badge,
+                            modifier = Modifier
+                                .background(
+                                    color = PokitTheme.colors.backgroundPrimary,
+                                    shape = RoundedCornerShape(4.dp)
+                                )
+                                .padding(horizontal = 8.dp, vertical = 4.dp),
+                            style = PokitTheme.typography.label4.copy(color = PokitTheme.colors.textTertiary)
+                        )
+                    }
+
+                    if (notRead) {
+                        Text(
+                            text = stringResource(id = R.string.not_read),
+                            modifier = Modifier
+                                .border(
+                                    width = 1.dp,
+                                    color = PokitTheme.colors.borderTertiary,
+                                    shape = RoundedCornerShape(4.dp)
+                                )
+                                .background(
+                                    color = PokitTheme.colors.backgroundBase,
+                                    shape = RoundedCornerShape(4.dp)
+                                )
+                                .padding(horizontal = 8.dp, vertical = 4.dp),
+                            style = PokitTheme.typography.label4.copy(color = PokitTheme.colors.textTertiary)
+                        )
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/linkcard/Preview.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/linkcard/Preview.kt
new file mode 100644
index 00000000..68b8616b
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/linkcard/Preview.kt
@@ -0,0 +1,51 @@
+package pokitmons.pokit.core.ui.components.block.linkcard
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+fun LinkCardPreview() {
+    PokitTheme {
+        Column(
+            modifier = Modifier
+                .fillMaxSize()
+                .background(Color.LightGray)
+                .padding(12.dp),
+            verticalArrangement = Arrangement.spacedBy(12.dp)
+        ) {
+            LinkCard(
+                title = "타이틀\n컴포스는 왜 이런가",
+                sub = "2024.06.25. youtube.comyoutube.comyoutube.comyoutube",
+                badgeText = "텍스트",
+                painter = painterResource(id = R.drawable.icon_24_link),
+                notRead = true,
+                item = 3,
+                onClickKebab = { value: Int -> },
+                onClickItem = { value: Int -> }
+            )
+
+            LinkCard(
+                title = "동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세",
+                sub = "2024.06.25. youtube.com",
+                badgeText = "텍스트",
+                painter = painterResource(id = R.drawable.icon_24_link),
+                notRead = true,
+                item = 3,
+                onClickKebab = { value: Int -> },
+                onClickItem = { value: Int -> }
+            )
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/linkurlcard/LinkUrlCard.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/linkurlcard/LinkUrlCard.kt
new file mode 100644
index 00000000..2e610797
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/linkurlcard/LinkUrlCard.kt
@@ -0,0 +1,81 @@
+package pokitmons.pokit.core.ui.components.block.linkurlcard
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.IntrinsicSize
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.painter.Painter
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.platform.LocalUriHandler
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.utils.noRippleClickable
+
+@Composable
+fun LinkUrlCard(
+    modifier: Modifier = Modifier,
+    thumbnailPainter: Painter,
+    url: String,
+    title: String,
+    openWebBrowserByClick: Boolean,
+) {
+    val uriHandler = LocalUriHandler.current
+
+    Row(
+        modifier = modifier
+            .fillMaxWidth()
+            .clip(RoundedCornerShape(12.dp))
+            .height(IntrinsicSize.Min)
+            .noRippleClickable {
+                if (openWebBrowserByClick) {
+                    uriHandler.openUri(url)
+                }
+            }
+            .border(
+                width = 1.dp,
+                color = PokitTheme.colors.borderTertiary,
+                shape = RoundedCornerShape(12.dp)
+            )
+    ) {
+        Image(
+            painter = thumbnailPainter,
+            contentDescription = null,
+            contentScale = ContentScale.Crop,
+            modifier = Modifier.width(124.dp).fillMaxHeight()
+        )
+
+        Column(
+            modifier = Modifier
+                .padding(start = 16.dp, end = 20.dp, top = 16.dp, bottom = 16.dp)
+                .weight(1f)
+        ) {
+            Text(
+                modifier = Modifier.fillMaxWidth(),
+                text = title,
+                maxLines = 2,
+                style = PokitTheme.typography.body3Medium.copy(color = PokitTheme.colors.textSecondary)
+            )
+
+            Spacer(modifier = Modifier.height(8.dp))
+
+            Text(
+                modifier = Modifier.fillMaxWidth(),
+                text = url,
+                maxLines = 2,
+                style = PokitTheme.typography.detail2.copy(color = PokitTheme.colors.textTertiary)
+            )
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/linkurlcard/Preview.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/linkurlcard/Preview.kt
new file mode 100644
index 00000000..ebb1a9a6
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/linkurlcard/Preview.kt
@@ -0,0 +1,42 @@
+package pokitmons.pokit.core.ui.components.block.linkurlcard
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Surface
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+private fun LinkUrlCardPreview() {
+    PokitTheme {
+        Surface(modifier = Modifier.fillMaxSize()) {
+            Column(
+                modifier = Modifier.fillMaxSize(),
+                verticalArrangement = Arrangement.spacedBy(12.dp)
+            ) {
+                LinkUrlCard(
+                    thumbnailPainter = painterResource(id = R.drawable.icon_24_google),
+                    url = "https://naver.com",
+                    title = "네이버",
+                    openWebBrowserByClick = false
+                )
+
+                LinkUrlCard(
+                    modifier = Modifier.padding(20.dp),
+                    thumbnailPainter = painterResource(id = R.drawable.icon_24_google),
+                    url = "https://naver.com",
+                    title = "네이버",
+                    openWebBrowserByClick = false
+                )
+            }
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pokitcard/PokitCard.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pokitcard/PokitCard.kt
new file mode 100644
index 00000000..1d3a6038
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pokitcard/PokitCard.kt
@@ -0,0 +1,102 @@
+package pokitmons.pokit.core.ui.components.block.pokitcard
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.painter.Painter
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextOverflow
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.utils.noRippleClickable
+
+@Composable
+fun PokitCard(
+    text: String,
+    linkCount: Int,
+    painter: Painter?,
+    onClick: () -> Unit,
+    onClickKebab: () -> Unit,
+    modifier: Modifier = Modifier,
+) {
+    Column(
+        modifier = modifier
+            .clip(
+                shape = RoundedCornerShape(8.dp)
+            )
+            .background(
+                color = PokitTheme.colors.backgroundPrimary,
+                shape = RoundedCornerShape(8.dp)
+            )
+            .noRippleClickable { onClick() }
+            .padding(top = 12.dp, start = 12.dp, bottom = 8.dp, end = 8.dp)
+    ) {
+        Row(
+            modifier = Modifier.fillMaxWidth()
+        ) {
+            Text(
+                modifier = Modifier.weight(1f),
+                text = text,
+                style = PokitTheme.typography.body1SemiBold.copy(color = PokitTheme.colors.textPrimary),
+                maxLines = 1,
+                overflow = TextOverflow.Ellipsis
+            )
+
+            IconButton(
+                onClick = { onClickKebab() },
+                modifier = Modifier
+                    .size(24.dp)
+                    .align(Alignment.Top)
+            ) {
+                Icon(
+                    painter = painterResource(id = R.drawable.icon_24_kebab),
+                    contentDescription = null,
+                    modifier = Modifier.size(24.dp)
+                )
+            }
+        }
+
+        Spacer(modifier = Modifier.height(4.dp))
+
+        Text(
+            text = stringResource(id = R.string.pokit_count_format, linkCount),
+            style = PokitTheme.typography.detail2.copy(color = PokitTheme.colors.textTertiary)
+        )
+
+        Spacer(modifier = Modifier.height(18.dp))
+
+        Row(
+            modifier = Modifier
+                .height(84.dp)
+                .fillMaxWidth(1f),
+            horizontalArrangement = Arrangement.End
+        ) {
+            if (painter != null) {
+                Image(
+                    modifier = Modifier.size(84.dp),
+                    contentScale = ContentScale.Crop,
+                    painter = painter,
+                    contentDescription = null
+                )
+            }
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pokitcard/Preview.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pokitcard/Preview.kt
new file mode 100644
index 00000000..0720267d
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pokitcard/Preview.kt
@@ -0,0 +1,48 @@
+package pokitmons.pokit.core.ui.components.block.pokitcard
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+fun PokitardPreview() {
+    PokitTheme {
+        Column(
+            modifier = Modifier.fillMaxSize(),
+            verticalArrangement = Arrangement.spacedBy(8.dp)
+        ) {
+            Row(
+                modifier = Modifier.fillMaxWidth(),
+                horizontalArrangement = Arrangement.spacedBy(8.dp)
+            ) {
+                PokitCard(
+                    modifier = Modifier.weight(1f),
+                    text = "요리/레시피",
+                    linkCount = 10,
+                    painter = null,
+                    onClick = { },
+                    onClickKebab = { }
+                )
+
+                PokitCard(
+                    modifier = Modifier.weight(1f),
+                    text = "요리/레시피",
+                    linkCount = 5,
+                    painter = painterResource(id = R.drawable.icon_24_google),
+                    onClick = { },
+                    onClickKebab = { }
+                )
+            }
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pokitlist/PokitList.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pokitlist/PokitList.kt
new file mode 100644
index 00000000..3830ee42
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pokitlist/PokitList.kt
@@ -0,0 +1,86 @@
+package pokitmons.pokit.core.ui.components.block.pokitlist
+
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.text.style.TextOverflow
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.block.pokitlist.attributes.PokitListState
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+fun <T> PokitList(
+    item: T,
+    title: String,
+    sub: String,
+    onClickItem: (T) -> Unit,
+    modifier: Modifier = Modifier,
+    state: PokitListState = PokitListState.DEFAULT,
+) {
+    val titleTextColor = getTitleTextColor(state = state)
+    val subTextColor = getSubTextColor(state = state)
+
+    Row(
+        modifier = modifier
+            .clickable(
+                enabled = state != PokitListState.DISABLE,
+                onClick = { onClickItem(item) },
+                indication = null,
+                interactionSource = remember { MutableInteractionSource() }
+            )
+            .padding(horizontal = 20.dp, vertical = 12.dp),
+        verticalAlignment = Alignment.CenterVertically
+    ) {
+        Spacer(modifier = Modifier.width(8.dp))
+
+        Column(
+            modifier = Modifier.weight(1f)
+        ) {
+            Text(
+                text = title,
+                style = PokitTheme.typography.body1Bold.copy(color = titleTextColor),
+                overflow = TextOverflow.Ellipsis
+            )
+
+            Spacer(modifier = Modifier.height(4.dp))
+
+            Text(
+                text = sub,
+                style = PokitTheme.typography.detail1.copy(color = subTextColor)
+            )
+        }
+    }
+}
+
+@Composable
+private fun getTitleTextColor(
+    state: PokitListState,
+): Color {
+    return when (state) {
+        PokitListState.DEFAULT -> PokitTheme.colors.textPrimary
+        PokitListState.ACTIVE -> PokitTheme.colors.textPrimary
+        PokitListState.DISABLE -> PokitTheme.colors.textDisable
+    }
+}
+
+@Composable
+private fun getSubTextColor(
+    state: PokitListState,
+): Color {
+    return when (state) {
+        PokitListState.DEFAULT -> PokitTheme.colors.textTertiary
+        PokitListState.ACTIVE -> PokitTheme.colors.textTertiary
+        PokitListState.DISABLE -> PokitTheme.colors.textDisable
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pokitlist/Preview.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pokitlist/Preview.kt
new file mode 100644
index 00000000..b245fcba
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pokitlist/Preview.kt
@@ -0,0 +1,46 @@
+package pokitmons.pokit.core.ui.components.block.pokitlist
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.block.pokitlist.attributes.PokitListState
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+fun PokitListPreview() {
+    PokitTheme {
+        Column(
+            modifier = Modifier.fillMaxSize(),
+            verticalArrangement = Arrangement.spacedBy(8.dp)
+        ) {
+            PokitList(
+                state = PokitListState.DISABLE,
+                item = "STRING",
+                title = "카테고리입니당",
+                sub = "15개 항목",
+                onClickItem = {}
+            )
+
+            PokitList(
+                state = PokitListState.DEFAULT,
+                item = "STRING",
+                title = "카테고리입니당",
+                sub = "15개 항목",
+                onClickItem = {}
+            )
+
+            PokitList(
+                state = PokitListState.ACTIVE,
+                item = "STRING",
+                title = "카테고리입니당",
+                sub = "15개 항목",
+                onClickItem = {}
+            )
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pokitlist/attributes/PokitListState.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pokitlist/attributes/PokitListState.kt
new file mode 100644
index 00000000..aab7815d
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pokitlist/attributes/PokitListState.kt
@@ -0,0 +1,5 @@
+package pokitmons.pokit.core.ui.components.block.pokitlist.attributes
+
+enum class PokitListState {
+    DEFAULT, ACTIVE, DISABLE
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pokittoast/PokitToast.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pokittoast/PokitToast.kt
new file mode 100644
index 00000000..494115cf
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pokittoast/PokitToast.kt
@@ -0,0 +1,60 @@
+package pokitmons.pokit.core.ui.components.block.pokittoast
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+fun PokitToast(
+    modifier: Modifier = Modifier,
+    text: String,
+    onClick: (() -> Unit)? = null,
+    onClickClose: () -> Unit = {},
+) {
+    Row(
+        modifier = modifier
+            .clip(RoundedCornerShape(9999.dp))
+            .background(PokitTheme.colors.backgroundTertiary)
+            .clickable(
+                enabled = onClick != null,
+                onClick = onClick ?: {}
+            )
+            .padding(start = 20.dp, end = 14.dp, top = 12.dp, bottom = 12.dp),
+        verticalAlignment = Alignment.CenterVertically
+    ) {
+        Text(
+            text = text,
+            style = PokitTheme.typography.body3Medium.copy(color = PokitTheme.colors.inverseWh),
+            modifier = Modifier.weight(1f)
+        )
+
+        Spacer(modifier = Modifier.width(12.dp))
+
+        IconButton(
+            onClick = onClickClose,
+            modifier = Modifier.size(36.dp)
+        ) {
+            Icon(
+                painter = painterResource(id = R.drawable.icon_24_x),
+                contentDescription = null,
+                tint = PokitTheme.colors.inverseWh
+            )
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pokittoast/Preview.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pokittoast/Preview.kt
new file mode 100644
index 00000000..663d3435
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pokittoast/Preview.kt
@@ -0,0 +1,28 @@
+package pokitmons.pokit.core.ui.components.block.pokittoast
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+private fun Preview() {
+    PokitTheme {
+        Column(
+            modifier = Modifier.fillMaxSize(),
+            verticalArrangement = Arrangement.spacedBy(8.dp)
+        ) {
+            PokitToast(
+                modifier = Modifier.padding(20.dp),
+                text = "최대 30개의 포킷을 생성할 수 있습니다.\n포킷을 삭제한 뒤에 추가해주세요.",
+                onClick = {}
+            )
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pushcard/Preview.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pushcard/Preview.kt
new file mode 100644
index 00000000..77effd63
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pushcard/Preview.kt
@@ -0,0 +1,58 @@
+package pokitmons.pokit.core.ui.components.block.pushcard
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+fun PushCardPreview() {
+    PokitTheme {
+        Column(
+            modifier = Modifier.fillMaxSize(),
+            verticalArrangement = Arrangement.spacedBy(8.dp)
+        ) {
+            PushCard(
+                title = "일단 글 링크의 타이틀은 조금 길수도 있으니까 아무렇게나 길게 적어봅니다",
+                sub = "내일 알림이 예정되어 있어요!\n잊지 말고 링크를 확인하세요!",
+                timeString = "1시간 전",
+                painter = null,
+                onClick = {},
+                read = false
+            )
+
+            PushCard(
+                title = "일단 글 링크의 타이틀은 조금 길수도 있으니까 아무렇게나 길게 적어봅니다",
+                sub = "내일 알림이 예정되어 있어요!\n잊지 말고 링크를 확인하세요!",
+                timeString = "1시간 전",
+                painter = null,
+                onClick = {},
+                read = true
+            )
+
+            PushCard(
+                title = "일단 글 링크의 타이틀은 조금 길수도 있으니까 아무렇게나 길게 적어봅니다",
+                sub = "내일 알림이 예정되어 있어요!\n잊지 말고 링크를 확인하세요!",
+                timeString = "1시간 전",
+                painter = painterResource(id = R.drawable.icon_24_google),
+                onClick = {},
+                read = false
+            )
+            PushCard(
+                title = "일단 글 링크의 타이틀은 조금 길수도 있으니까 아무렇게나 길게 적어봅니다",
+                sub = "내일 알림이 예정되어 있어요!\n잊지 말고 링크를 확인하세요!",
+                timeString = "1시간 전",
+                painter = painterResource(id = R.drawable.icon_24_google),
+                onClick = {},
+                read = true
+            )
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pushcard/PushCard.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pushcard/PushCard.kt
new file mode 100644
index 00000000..0621b518
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/pushcard/PushCard.kt
@@ -0,0 +1,94 @@
+package pokitmons.pokit.core.ui.components.block.pushcard
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.painter.Painter
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.text.style.TextOverflow
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.utils.noRippleClickable
+
+@Composable
+fun PushCard(
+    title: String,
+    sub: String,
+    timeString: String,
+    painter: Painter?,
+    read: Boolean,
+    onClick: () -> Unit,
+    modifier: Modifier = Modifier,
+) {
+    val titleTextColor = getTitleTextColor(read = read)
+
+    Row(
+        modifier = modifier
+            .noRippleClickable { onClick() }
+            .padding(all = 20.dp),
+        horizontalArrangement = Arrangement.spacedBy(16.dp),
+        verticalAlignment = Alignment.CenterVertically
+    ) {
+        if (painter != null) {
+            Image(
+                modifier = Modifier
+                    .width(94.dp)
+                    .height(70.dp)
+                    .clip(shape = RoundedCornerShape(2.dp)),
+                painter = painter,
+                contentDescription = null,
+                contentScale = ContentScale.Crop
+            )
+        }
+
+        Column(
+            modifier = Modifier.weight(1f)
+        ) {
+            Text(
+                text = title,
+                style = PokitTheme.typography.body2Bold.copy(color = titleTextColor),
+                maxLines = 1,
+                overflow = TextOverflow.Ellipsis
+            )
+
+            Spacer(modifier = Modifier.height(4.dp))
+
+            Text(
+                text = sub,
+                style = PokitTheme.typography.detail2.copy(color = PokitTheme.colors.textSecondary),
+                minLines = 2,
+                maxLines = 2
+            )
+
+            Spacer(modifier = Modifier.height(8.dp))
+
+            Text(
+                text = timeString,
+                style = PokitTheme.typography.detail2.copy(color = PokitTheme.colors.textTertiary)
+            )
+        }
+    }
+}
+
+@Composable
+private fun getTitleTextColor(
+    read: Boolean,
+): Color {
+    return if (read) {
+        PokitTheme.colors.textPrimary
+    } else {
+        PokitTheme.colors.textDisable
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/select/PokitSelect.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/select/PokitSelect.kt
new file mode 100644
index 00000000..557718b8
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/select/PokitSelect.kt
@@ -0,0 +1,136 @@
+package pokitmons.pokit.core.ui.components.block.select
+
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.components.block.select.attributes.PokitSelectState
+import pokitmons.pokit.core.ui.components.block.select.modifier.pokitSelectContentContainerModifier
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+fun PokitSelect(
+    text: String,
+    hintText: String,
+    label: String,
+    modifier: Modifier = Modifier,
+    onClick: () -> Unit = {},
+    readOnly: Boolean = false,
+    enable: Boolean = true,
+) {
+    val state = remember(readOnly, enable, text) {
+        getState(text = text, readOnly = readOnly, enable = enable)
+    }
+    val labelTextColor = getLabelTextColor(state = state)
+    val contentTextColor = getContentTextColor(state = state)
+    val iconTintColor = getIconTintColor(state = state)
+
+    Column(
+        modifier = modifier
+    ) {
+        Text(
+            text = label,
+            style = PokitTheme.typography.body2Medium.copy(color = labelTextColor)
+        )
+
+        Spacer(modifier = Modifier.height(8.dp))
+
+        Row(
+            modifier = Modifier
+                .pokitSelectContentContainerModifier(state)
+                .clip(RoundedCornerShape(8.dp))
+                .clickable(
+                    onClick = onClick,
+                    enabled = (state != PokitSelectState.DISABLE) && (state != PokitSelectState.READ_ONLY),
+                    indication = null,
+                    interactionSource = remember { MutableInteractionSource() }
+                )
+                .padding(all = 12.dp),
+            verticalAlignment = Alignment.CenterVertically
+        ) {
+            Text(
+                text = text.ifEmpty { hintText },
+                style = PokitTheme.typography.body3Medium.copy(contentTextColor),
+                modifier = Modifier.weight(1f)
+            )
+
+            Icon(
+                painter = painterResource(id = R.drawable.icon_24_arrow_down),
+                contentDescription = null,
+                modifier = Modifier.size(24.dp),
+                tint = iconTintColor
+            )
+        }
+    }
+}
+
+private fun getState(
+    text: String,
+    readOnly: Boolean,
+    enable: Boolean,
+): PokitSelectState {
+    return when {
+        !enable -> {
+            PokitSelectState.DISABLE
+        }
+
+        readOnly -> {
+            PokitSelectState.READ_ONLY
+        }
+
+        text.isEmpty() -> {
+            PokitSelectState.DEFAULT
+        }
+
+        else -> {
+            PokitSelectState.INPUT
+        }
+    }
+}
+
+@Composable
+private fun getLabelTextColor(
+    state: PokitSelectState,
+): Color {
+    return when (state) {
+        PokitSelectState.DISABLE -> PokitTheme.colors.textDisable
+        else -> PokitTheme.colors.textSecondary
+    }
+}
+
+@Composable
+private fun getContentTextColor(
+    state: PokitSelectState,
+): Color {
+    return when (state) {
+        PokitSelectState.DISABLE -> PokitTheme.colors.textDisable
+        PokitSelectState.INPUT -> PokitTheme.colors.textSecondary
+        else -> PokitTheme.colors.textTertiary
+    }
+}
+
+@Composable
+private fun getIconTintColor(
+    state: PokitSelectState,
+): Color {
+    return when (state) {
+        PokitSelectState.DISABLE -> PokitTheme.colors.iconDisable
+        else -> PokitTheme.colors.iconSecondary
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/select/Preview.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/select/Preview.kt
new file mode 100644
index 00000000..e5793fad
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/select/Preview.kt
@@ -0,0 +1,43 @@
+package pokitmons.pokit.core.ui.components.block.select
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+private fun PokitSelectPreview() {
+    PokitTheme {
+        Column(
+            modifier = Modifier.fillMaxSize(),
+            verticalArrangement = Arrangement.spacedBy(8.dp)
+        ) {
+            for (enabled in arrayOf(false, true)) {
+                for (readOnly in arrayOf(false, true)) {
+                    PokitSelect(
+                        text = "입력",
+                        hintText = "선택해주세요",
+                        label = "Label",
+                        onClick = {},
+                        enable = enabled,
+                        readOnly = readOnly
+                    )
+
+                    PokitSelect(
+                        text = "",
+                        hintText = "선택해주세요",
+                        label = "Label",
+                        onClick = {},
+                        enable = enabled,
+                        readOnly = readOnly
+                    )
+                }
+            }
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/select/attributes/PokitSelectState.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/select/attributes/PokitSelectState.kt
new file mode 100644
index 00000000..666af8a9
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/select/attributes/PokitSelectState.kt
@@ -0,0 +1,5 @@
+package pokitmons.pokit.core.ui.components.block.select.attributes
+
+internal enum class PokitSelectState {
+    DEFAULT, INPUT, DISABLE, READ_ONLY
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/select/modifier/PokitSelectContainerModifier.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/select/modifier/PokitSelectContainerModifier.kt
new file mode 100644
index 00000000..d1584e0b
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/select/modifier/PokitSelectContainerModifier.kt
@@ -0,0 +1,58 @@
+package pokitmons.pokit.core.ui.components.block.select.modifier
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.block.select.attributes.PokitSelectState
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+internal fun Modifier.pokitSelectContentContainerModifier(
+    state: PokitSelectState,
+): Modifier {
+    val backgroundColor = getBackgroundColor(state = state)
+    val strokeColor = getStrokeColor(state = state)
+
+    return this then Modifier
+        .clip(
+            shape = RoundedCornerShape(8.dp)
+        )
+        .background(
+            color = backgroundColor,
+            shape = RoundedCornerShape(8.dp)
+        )
+        .border(
+            shape = RoundedCornerShape(8.dp),
+            width = 1.dp,
+            color = strokeColor
+        )
+}
+
+@Composable
+private fun getBackgroundColor(
+    state: PokitSelectState,
+): Color {
+    return when (state) {
+        PokitSelectState.DEFAULT -> PokitTheme.colors.backgroundBase
+        PokitSelectState.INPUT -> PokitTheme.colors.backgroundBase
+        PokitSelectState.DISABLE -> PokitTheme.colors.backgroundDisable
+        PokitSelectState.READ_ONLY -> PokitTheme.colors.backgroundSecondary
+    }
+}
+
+@Composable
+private fun getStrokeColor(
+    state: PokitSelectState,
+): Color {
+    return when (state) {
+        PokitSelectState.DEFAULT -> PokitTheme.colors.borderSecondary
+        PokitSelectState.INPUT -> PokitTheme.colors.borderSecondary
+        PokitSelectState.DISABLE -> PokitTheme.colors.borderDisable
+        PokitSelectState.READ_ONLY -> PokitTheme.colors.borderSecondary
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/switchradio/PokitRadio.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/switchradio/PokitRadio.kt
new file mode 100644
index 00000000..583b4a93
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/switchradio/PokitRadio.kt
@@ -0,0 +1,39 @@
+package pokitmons.pokit.core.ui.components.block.switchradio
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Row
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.block.switchradio.attributes.PokitSwitchRadioStyle
+import pokitmons.pokit.core.ui.components.block.switchradio.subcomponents.SwitchRadioItem
+
+@Composable
+fun <T> PokitSwitchRadio(
+    itemList: List<T>,
+    selectedItem: T,
+    onClickItem: (T) -> Unit,
+    getTitleFromItem: (T) -> String,
+    modifier: Modifier = Modifier,
+    style: PokitSwitchRadioStyle = PokitSwitchRadioStyle.FILLED,
+    itemSpace: Dp = 8.dp,
+    enabled: Boolean = true,
+) {
+    Row(
+        modifier = modifier,
+        horizontalArrangement = Arrangement.spacedBy(itemSpace)
+    ) {
+        for (item in itemList) {
+            SwitchRadioItem(
+                text = getTitleFromItem(item),
+                data = item,
+                onClickItem = { onClickItem(item) },
+                style = style,
+                selected = selectedItem == item,
+                enabled = enabled,
+                modifier = Modifier.weight(1f)
+            )
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/switchradio/Preview.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/switchradio/Preview.kt
new file mode 100644
index 00000000..f64b411a
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/switchradio/Preview.kt
@@ -0,0 +1,52 @@
+package pokitmons.pokit.core.ui.components.block.switchradio
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.block.switchradio.attributes.PokitSwitchRadioStyle
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+private fun PokitSwitchRadioPreview() {
+    val scrollState = rememberScrollState()
+    val sampleItemList = listOf("텍스트1", "텍스트2")
+    PokitTheme {
+        Column(
+            modifier = Modifier
+                .fillMaxSize()
+                .padding(12.dp)
+                .verticalScroll(scrollState),
+            verticalArrangement = Arrangement.spacedBy(12.dp)
+        ) {
+            enumValues<PokitSwitchRadioStyle>().forEach { style ->
+                PokitSwitchRadio(
+                    itemList = sampleItemList,
+                    selectedItem = sampleItemList[0],
+                    onClickItem = {},
+                    getTitleFromItem = { it },
+                    modifier = Modifier.fillMaxWidth(),
+                    style = style
+                )
+
+                PokitSwitchRadio(
+                    itemList = sampleItemList,
+                    selectedItem = sampleItemList[0],
+                    onClickItem = {},
+                    getTitleFromItem = { it },
+                    modifier = Modifier.fillMaxWidth(),
+                    style = style,
+                    enabled = false
+                )
+            }
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/switchradio/attributes/PokitSwitchRadioStyle.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/switchradio/attributes/PokitSwitchRadioStyle.kt
new file mode 100644
index 00000000..a99e18f0
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/switchradio/attributes/PokitSwitchRadioStyle.kt
@@ -0,0 +1,5 @@
+package pokitmons.pokit.core.ui.components.block.switchradio.attributes
+
+enum class PokitSwitchRadioStyle {
+    FILLED, STROKE
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/switchradio/subcomponents/RadioItem.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/switchradio/subcomponents/RadioItem.kt
new file mode 100644
index 00000000..00985b93
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/switchradio/subcomponents/RadioItem.kt
@@ -0,0 +1,133 @@
+package pokitmons.pokit.core.ui.components.block.switchradio.subcomponents
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.block.switchradio.attributes.PokitSwitchRadioStyle
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+internal fun <T> SwitchRadioItem(
+    text: String,
+    data: T,
+    onClickItem: (T) -> Unit,
+    style: PokitSwitchRadioStyle,
+    selected: Boolean,
+    enabled: Boolean,
+    modifier: Modifier = Modifier,
+) {
+    val shape = RoundedCornerShape(8.dp)
+    val backgroundColor = getBackgroundColor(style = style, selected = selected, enabled = enabled)
+    val strokeColor = getStrokeColor(style = style, selected = selected, enabled = enabled)
+    val textColor = getTextColor(style = style, selected = selected, enabled = enabled)
+
+    Text(
+        text = text,
+        modifier = modifier
+            .clip(shape = shape)
+            .clickable(
+                indication = null,
+                interactionSource = remember { MutableInteractionSource() },
+                enabled = enabled,
+                onClick = { onClickItem(data) }
+            )
+            .background(
+                shape = shape,
+                color = backgroundColor
+            )
+            .border(
+                width = 1.dp,
+                shape = shape,
+                color = strokeColor
+            )
+            .padding(all = 16.dp),
+        style = PokitTheme.typography.body2Medium.copy(color = textColor),
+        textAlign = TextAlign.Center
+    )
+}
+
+@Composable
+private fun getBackgroundColor(
+    style: PokitSwitchRadioStyle,
+    selected: Boolean,
+    enabled: Boolean,
+): Color {
+    return when {
+        !enabled -> {
+            PokitTheme.colors.backgroundDisable
+        }
+
+        style == PokitSwitchRadioStyle.STROKE -> {
+            PokitTheme.colors.backgroundBase
+        }
+
+        style == PokitSwitchRadioStyle.FILLED && selected -> {
+            PokitTheme.colors.brand
+        }
+
+        style == PokitSwitchRadioStyle.FILLED && !selected -> {
+            PokitTheme.colors.backgroundPrimary
+        }
+
+        else -> {
+            Color.Unspecified
+        }
+    }
+}
+
+@Composable
+private fun getStrokeColor(
+    style: PokitSwitchRadioStyle,
+    selected: Boolean,
+    enabled: Boolean,
+): Color {
+    return when {
+        enabled && selected && style == PokitSwitchRadioStyle.STROKE -> {
+            PokitTheme.colors.brand
+        }
+
+        else -> {
+            Color.Unspecified
+        }
+    }
+}
+
+@Composable
+private fun getTextColor(
+    style: PokitSwitchRadioStyle,
+    selected: Boolean,
+    enabled: Boolean,
+): Color {
+    return when {
+        !enabled -> {
+            PokitTheme.colors.textDisable
+        }
+
+        !selected -> {
+            PokitTheme.colors.textTertiary
+        }
+
+        style == PokitSwitchRadioStyle.STROKE -> {
+            PokitTheme.colors.brand
+        }
+
+        style == PokitSwitchRadioStyle.FILLED -> {
+            PokitTheme.colors.inverseWh
+        }
+
+        else -> {
+            Color.Unspecified
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/tap/PokitTap.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/tap/PokitTap.kt
new file mode 100644
index 00000000..4109b575
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/tap/PokitTap.kt
@@ -0,0 +1,61 @@
+package pokitmons.pokit.core.ui.components.block.tap
+
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.HorizontalDivider
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.utils.noRippleClickable
+
+@Composable
+fun <T> PokitTap(
+    text: String,
+    data: T,
+    onClick: (T) -> Unit,
+    selectedItem: T,
+    modifier: Modifier = Modifier,
+) {
+    val textStyle = getTextStyle(selected = (data == selectedItem))
+
+    Box(
+        modifier = modifier
+            .noRippleClickable {
+                onClick(data)
+            }
+    ) {
+        Text(
+            text = text,
+            style = textStyle,
+            modifier = Modifier
+                .align(Alignment.TopCenter)
+                .padding(bottom = 16.dp, top = 4.dp)
+        )
+
+        if (selectedItem == data) {
+            HorizontalDivider(
+                thickness = 2.dp,
+                color = PokitTheme.colors.brand,
+                modifier = Modifier
+                    .align(Alignment.BottomCenter)
+                    .fillMaxWidth()
+            )
+        }
+    }
+}
+
+@Composable
+private fun getTextStyle(
+    selected: Boolean,
+): TextStyle {
+    return if (selected) {
+        PokitTheme.typography.label1SemiBold.copy(color = PokitTheme.colors.textSecondary)
+    } else {
+        PokitTheme.typography.label1Regular.copy(color = PokitTheme.colors.textTertiary)
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/tap/Preview.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/tap/Preview.kt
new file mode 100644
index 00000000..4778a5bf
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/block/tap/Preview.kt
@@ -0,0 +1,50 @@
+package pokitmons.pokit.core.ui.components.block.tap
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+private fun PokitSwitchRadioPreview() {
+    val scrollState = rememberScrollState()
+    val sampleTapList = listOf("tap1", "tap2")
+    var currentSelectedTap by remember { mutableStateOf(sampleTapList[0]) }
+
+    PokitTheme {
+        Column(
+            modifier = Modifier
+                .fillMaxSize()
+                .padding(12.dp)
+                .verticalScroll(scrollState),
+            verticalArrangement = Arrangement.spacedBy(12.dp)
+        ) {
+            Row(
+                modifier = Modifier.fillMaxWidth()
+            ) {
+                sampleTapList.forEach { tap ->
+                    PokitTap(
+                        text = tap,
+                        data = tap,
+                        onClick = { currentSelectedTap = it },
+                        selectedItem = currentSelectedTap
+                    )
+                }
+            }
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/bottomsheet/PokitBottomSheet.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/bottomsheet/PokitBottomSheet.kt
new file mode 100644
index 00000000..53bb0d50
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/bottomsheet/PokitBottomSheet.kt
@@ -0,0 +1,113 @@
+package pokitmons.pokit.core.ui.components.template.bottomsheet
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.ColumnScope
+import androidx.compose.foundation.layout.ExperimentalLayoutApi
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.WindowInsets
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.navigationBarsIgnoringVisibility
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.layout.windowInsetsBottomHeight
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.ModalBottomSheet
+import androidx.compose.material3.Surface
+import androidx.compose.material3.rememberModalBottomSheetState
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.RectangleShape
+import androidx.compose.ui.unit.dp
+import kotlinx.coroutines.launch
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@OptIn(ExperimentalMaterial3Api::class, ExperimentalLayoutApi::class)
+@Composable
+fun PokitBottomSheet(
+    onHideBottomSheet: () -> Unit,
+    show: Boolean = false,
+    skipPartiallyExpanded: Boolean = true,
+    content: @Composable (ColumnScope.() -> Unit),
+) {
+    val bottomSheetState = rememberModalBottomSheetState(skipPartiallyExpanded = skipPartiallyExpanded)
+    var visibility by remember { mutableStateOf(show) }
+    val scope = rememberCoroutineScope()
+
+    LaunchedEffect(show) {
+        if (visibility && !show) {
+            scope.launch {
+                bottomSheetState.hide()
+            }.invokeOnCompletion {
+                onHideBottomSheet()
+                visibility = false
+            }
+        } else {
+            visibility = show
+        }
+    }
+
+    if (visibility) {
+        ModalBottomSheet(
+            onDismissRequest = remember {
+                {
+                    onHideBottomSheet()
+                    visibility = false
+                }
+            },
+            shape = RectangleShape,
+            sheetState = bottomSheetState,
+            scrimColor = Color.Transparent,
+            containerColor = Color.Transparent,
+            dragHandle = null
+        ) {
+            Spacer(modifier = Modifier.height(8.dp).background(Color.Transparent))
+
+            Surface(
+                shape = RoundedCornerShape(topStart = 20.dp, topEnd = 20.dp),
+                color = PokitTheme.colors.backgroundBase,
+                shadowElevation = 8.dp
+            ) {
+                Column(
+                    modifier = Modifier.fillMaxWidth()
+                ) {
+                    Column(
+                        modifier = Modifier.fillMaxWidth(),
+                        horizontalAlignment = Alignment.CenterHorizontally
+                    ) {
+                        Spacer(modifier = Modifier.height(8.dp))
+
+                        Box(
+                            Modifier
+                                .clip(RoundedCornerShape(4.dp))
+                                .width(36.dp)
+                                .height(4.dp)
+                                .background(color = PokitTheme.colors.iconTertiary)
+                        )
+
+                        Spacer(modifier = Modifier.height(12.dp))
+                    }
+
+                    content()
+
+                    Spacer(
+                        Modifier.windowInsetsBottomHeight(
+                            WindowInsets.navigationBarsIgnoringVisibility
+                        )
+                    )
+                }
+            }
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/bottomsheet/Preview.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/bottomsheet/Preview.kt
new file mode 100644
index 00000000..b66f5e21
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/bottomsheet/Preview.kt
@@ -0,0 +1,61 @@
+package pokitmons.pokit.core.ui.components.template.bottomsheet
+
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.material3.Button
+import androidx.compose.material3.HorizontalDivider
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.components.template.bottomsheet.subcomponents.PokitBottomSheetItem
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+private fun PokitSwitchRadioPreview() {
+    var showBottomSheet by remember { mutableStateOf(false) }
+
+    PokitTheme {
+        Surface(modifier = Modifier.fillMaxSize()) {
+            Surface(
+                modifier = Modifier.fillMaxSize(),
+                color = PokitTheme.colors.backgroundBase
+            ) {
+                Button(onClick = { showBottomSheet = true }) {
+                    Text(text = "Click!")
+                }
+            }
+
+            PokitBottomSheet(
+                onHideBottomSheet = { showBottomSheet = false },
+                show = showBottomSheet
+            ) {
+                PokitBottomSheetItem(
+                    text = "즐겨찾기",
+                    resourceId = R.drawable.icon_24_star_1,
+                    data = "즐겨찾기",
+                    onClick = { }
+                )
+
+                HorizontalDivider(
+                    thickness = 1.dp,
+                    color = PokitTheme.colors.borderTertiary
+                )
+
+                PokitBottomSheetItem(
+                    text = "공유하기",
+                    resourceId = R.drawable.icon_24_share,
+                    data = "공유하기",
+                    onClick = { showBottomSheet = false }
+                )
+            }
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/bottomsheet/subcomponents/PokitBottomSheetItem.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/bottomsheet/subcomponents/PokitBottomSheetItem.kt
new file mode 100644
index 00000000..3e2ddca5
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/bottomsheet/subcomponents/PokitBottomSheetItem.kt
@@ -0,0 +1,48 @@
+package pokitmons.pokit.core.ui.components.template.bottomsheet.subcomponents
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.ColorFilter
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.utils.noRippleClickable
+
+@Composable
+fun <T> PokitBottomSheetItem(
+    text: String,
+    resourceId: Int,
+    data: T,
+    onClick: (T) -> Unit,
+) {
+    Row(
+        modifier = Modifier
+            .noRippleClickable {
+                onClick(data)
+            }
+            .padding(horizontal = 24.dp, vertical = 20.dp)
+            .fillMaxWidth(),
+        horizontalArrangement = Arrangement.SpaceBetween,
+        verticalAlignment = Alignment.CenterVertically
+    ) {
+        Text(
+            text = text,
+            style = PokitTheme.typography.body1Medium.copy(color = PokitTheme.colors.textSecondary)
+        )
+
+        Image(
+            painter = painterResource(id = resourceId),
+            contentDescription = null,
+            modifier = Modifier.size(24.dp),
+            colorFilter = ColorFilter.tint(color = PokitTheme.colors.iconPrimary)
+        )
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/linkdetailbottomsheet/LinkDetailBottomSheet.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/linkdetailbottomsheet/LinkDetailBottomSheet.kt
new file mode 100644
index 00000000..4b11f0bc
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/linkdetailbottomsheet/LinkDetailBottomSheet.kt
@@ -0,0 +1,242 @@
+package pokitmons.pokit.core.ui.components.template.linkdetailbottomsheet
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.HorizontalDivider
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.ColorFilter
+import androidx.compose.ui.graphics.painter.Painter
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.text.style.TextOverflow
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.components.block.linkurlcard.LinkUrlCard
+import pokitmons.pokit.core.ui.components.template.bottomsheet.PokitBottomSheet
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.theme.color.Orange50
+
+@Composable
+fun LinkDetailBottomSheet(
+    title: String,
+    memo: String,
+    url: String,
+    thumbnailPainter: Painter,
+    bookmark: Boolean,
+    openWebBrowserByClick: Boolean,
+    pokitName: String,
+    dateString: String,
+    onHideBottomSheet: () -> Unit,
+    show: Boolean = false,
+    useRemind: Boolean = false,
+    onClickBookmark: (() -> Unit)? = null,
+    onClickRemoveLink: (() -> Unit)? = null,
+    onClickModifyLink: (() -> Unit)? = null,
+    onClickShareLink: (() -> Unit)? = null,
+) {
+    PokitBottomSheet(
+        onHideBottomSheet = onHideBottomSheet,
+        show = show
+    ) {
+        Column(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(horizontal = 20.dp)
+        ) {
+            Row(
+                modifier = Modifier.fillMaxWidth(),
+                verticalAlignment = Alignment.CenterVertically
+            ) {
+                if (useRemind) {
+                    Image(
+                        painter = painterResource(id = R.drawable.icon_24_bell),
+                        contentDescription = null,
+                        modifier = Modifier
+                            .size(20.dp)
+                            .background(
+                                color = PokitTheme.colors.brand,
+                                shape = CircleShape
+                            )
+                            .padding(2.dp),
+                        colorFilter = ColorFilter.tint(PokitTheme.colors.inverseWh)
+                    )
+
+                    Spacer(modifier = Modifier.width(4.dp))
+                }
+
+                Text(
+                    text = pokitName,
+                    modifier = Modifier
+                        .border(
+                            width = 1.dp,
+                            color = PokitTheme.colors.borderTertiary,
+                            shape = RoundedCornerShape(4.dp)
+                        )
+                        .background(
+                            color = PokitTheme.colors.backgroundBase,
+                            shape = RoundedCornerShape(4.dp)
+                        )
+                        .padding(horizontal = 8.dp, vertical = 4.dp),
+                    style = PokitTheme.typography.label4.copy(color = PokitTheme.colors.textTertiary)
+                )
+            }
+
+            Spacer(modifier = Modifier.height(8.dp))
+
+            Text(
+                text = title,
+                maxLines = 2,
+                overflow = TextOverflow.Ellipsis,
+                style = PokitTheme.typography.title3.copy(color = PokitTheme.colors.textPrimary)
+            )
+
+            Spacer(modifier = Modifier.height(8.dp))
+
+            Text(
+                modifier = Modifier.fillMaxWidth(),
+                text = dateString,
+                style = PokitTheme.typography.detail2.copy(color = PokitTheme.colors.textTertiary),
+                textAlign = TextAlign.End
+            )
+        }
+
+        Spacer(modifier = Modifier.height(12.dp))
+
+        HorizontalDivider(
+            thickness = 1.dp,
+            color = PokitTheme.colors.borderTertiary
+        )
+
+        Column(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(horizontal = 20.dp, vertical = 24.dp)
+        ) {
+            LinkUrlCard(
+                thumbnailPainter = thumbnailPainter,
+                url = url,
+                title = title,
+                openWebBrowserByClick = openWebBrowserByClick
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            Text(
+                text = memo,
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .background(
+                        color = Orange50,
+                        shape = RoundedCornerShape(8.dp)
+                    )
+                    .padding(16.dp),
+                style = PokitTheme.typography.body3Regular.copy(color = PokitTheme.colors.textPrimary),
+                maxLines = 4,
+                minLines = 4
+            )
+        }
+
+        HorizontalDivider(
+            thickness = 1.dp,
+            color = PokitTheme.colors.borderTertiary
+        )
+
+        Row(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(top = 10.dp, start = 10.dp, end = 10.dp),
+            verticalAlignment = Alignment.CenterVertically
+        ) {
+            Image(
+                modifier = Modifier
+                    .size(36.dp)
+                    .padding(6.dp)
+                    .clickable(
+                        indication = null,
+                        interactionSource = remember { MutableInteractionSource() },
+                        onClick = {
+                            onClickBookmark?.invoke()
+                        }
+                    ),
+                painter = painterResource(id = R.drawable.icon_24_star),
+                contentDescription = "bookmark",
+                colorFilter = ColorFilter.tint(
+                    color = if (bookmark) PokitTheme.colors.brand else PokitTheme.colors.iconTertiary
+                )
+            )
+
+            Spacer(modifier = Modifier.weight(1f))
+
+            onClickShareLink?.let {
+                Image(
+                    modifier = Modifier
+                        .size(36.dp)
+                        .padding(6.dp)
+                        .clickable(
+                            indication = null,
+                            interactionSource = remember { MutableInteractionSource() },
+                            onClick = onClickShareLink
+                        ),
+                    painter = painterResource(id = R.drawable.icon_24_share),
+                    contentDescription = "share",
+                    colorFilter = ColorFilter.tint(
+                        color = PokitTheme.colors.iconSecondary
+                    )
+                )
+            }
+
+            onClickModifyLink?.let {
+                Image(
+                    modifier = Modifier
+                        .size(36.dp)
+                        .padding(6.dp)
+                        .clickable(
+                            indication = null,
+                            interactionSource = remember { MutableInteractionSource() },
+                            onClick = onClickModifyLink
+                        ),
+                    painter = painterResource(id = R.drawable.icon_24_edit),
+                    contentDescription = "edit",
+                    colorFilter = ColorFilter.tint(
+                        color = PokitTheme.colors.iconSecondary
+                    )
+                )
+            }
+
+            onClickRemoveLink?.let {
+                Image(
+                    modifier = Modifier
+                        .size(36.dp)
+                        .padding(6.dp)
+                        .clickable(
+                            indication = null,
+                            interactionSource = remember { MutableInteractionSource() },
+                            onClick = onClickRemoveLink
+                        ),
+                    painter = painterResource(id = R.drawable.icon_24_trash),
+                    contentDescription = "remove",
+                    colorFilter = ColorFilter.tint(
+                        color = PokitTheme.colors.iconSecondary
+                    )
+                )
+            }
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/linkdetailbottomsheet/Preview.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/linkdetailbottomsheet/Preview.kt
new file mode 100644
index 00000000..3d162637
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/linkdetailbottomsheet/Preview.kt
@@ -0,0 +1,35 @@
+package pokitmons.pokit.core.ui.components.template.linkdetailbottomsheet
+
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.material3.Surface
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.Preview
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+private fun LinkDetailBottomSheetPreview() {
+    PokitTheme {
+        Surface(modifier = Modifier.fillMaxSize()) {
+            LinkDetailBottomSheet(
+                title = "title",
+                memo = "some memo",
+                url = "https://naver.com",
+                thumbnailPainter = painterResource(id = R.drawable.icon_24_google),
+                bookmark = true,
+                openWebBrowserByClick = false,
+                show = true,
+                pokitName = "TEXT",
+                dateString = "2024.08.27",
+                onHideBottomSheet = { },
+                onClickBookmark = { },
+                onClickModifyLink = { },
+                onClickRemoveLink = { },
+                onClickShareLink = { }
+            )
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/modifybottomsheet/ModifyBottomSheetContent.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/modifybottomsheet/ModifyBottomSheetContent.kt
new file mode 100644
index 00000000..4ea40913
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/modifybottomsheet/ModifyBottomSheetContent.kt
@@ -0,0 +1,45 @@
+package pokitmons.pokit.core.ui.components.template.modifybottomsheet
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.components.template.modifybottomsheet.subcomponents.ModifyBottomSheetItem
+
+@Composable
+fun ModifyBottomSheetContent(
+    onClickShare: (() -> Unit)? = null,
+    onClickModify: (() -> Unit)? = null,
+    onClickRemove: (() -> Unit)? = null,
+) {
+    Column(
+        modifier = Modifier.fillMaxWidth()
+    ) {
+        onClickShare?.let { onClickShare ->
+            ModifyBottomSheetItem(
+                onClick = onClickShare,
+                title = stringResource(id = R.string.share),
+                painter = painterResource(id = R.drawable.icon_24_share)
+            )
+        }
+
+        onClickModify?.let { onClickModify ->
+            ModifyBottomSheetItem(
+                onClick = onClickModify,
+                title = stringResource(id = R.string.modify),
+                painter = painterResource(id = R.drawable.icon_24_edit)
+            )
+        }
+
+        onClickRemove?.let { onClickRemove ->
+            ModifyBottomSheetItem(
+                onClick = onClickRemove,
+                title = stringResource(id = R.string.remove),
+                painter = painterResource(id = R.drawable.icon_24_trash)
+            )
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/modifybottomsheet/Preview.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/modifybottomsheet/Preview.kt
new file mode 100644
index 00000000..ec0be10f
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/modifybottomsheet/Preview.kt
@@ -0,0 +1,22 @@
+package pokitmons.pokit.core.ui.components.template.modifybottomsheet
+
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.material3.Surface
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+private fun ModifyBottomSheetContentPreview() {
+    PokitTheme {
+        Surface(modifier = Modifier.fillMaxSize()) {
+            ModifyBottomSheetContent(
+                onClickRemove = {},
+                onClickModify = {},
+                onClickShare = {}
+            )
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/modifybottomsheet/subcomponents/ModifyBottomSheetItem.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/modifybottomsheet/subcomponents/ModifyBottomSheetItem.kt
new file mode 100644
index 00000000..8a0d35eb
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/modifybottomsheet/subcomponents/ModifyBottomSheetItem.kt
@@ -0,0 +1,45 @@
+package pokitmons.pokit.core.ui.components.template.modifybottomsheet.subcomponents
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.painter.Painter
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.utils.noRippleClickable
+
+@Composable
+internal fun ModifyBottomSheetItem(
+    onClick: () -> Unit,
+    title: String,
+    painter: Painter,
+) {
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .noRippleClickable {
+                onClick()
+            }
+            .padding(horizontal = 24.dp, vertical = 20.dp),
+        verticalAlignment = Alignment.CenterVertically,
+        horizontalArrangement = Arrangement.SpaceBetween
+    ) {
+        Text(
+            text = title,
+            style = PokitTheme.typography.body1Medium.copy(color = PokitTheme.colors.textSecondary)
+        )
+
+        Image(
+            modifier = Modifier.size(24.dp),
+            painter = painter,
+            contentDescription = null
+        )
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/onebuttonbottomsheet/OneButtonBottomSheetContent.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/onebuttonbottomsheet/OneButtonBottomSheetContent.kt
new file mode 100644
index 00000000..6011bca5
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/onebuttonbottomsheet/OneButtonBottomSheetContent.kt
@@ -0,0 +1,76 @@
+package pokitmons.pokit.core.ui.components.template.onebuttonbottomsheet
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.components.atom.button.PokitButton
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonShape
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonSize
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonStyle
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonType
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+fun OneButtonBottomSheetContent(
+    title: String,
+    subText: String? = null,
+    buttonText: String = stringResource(id = R.string.confirmation),
+    onClickButton: () -> Unit = {},
+) {
+    Column(
+        modifier = Modifier.fillMaxWidth()
+    ) {
+        Spacer(modifier = Modifier.height(36.dp))
+
+        Text(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(horizontal = 20.dp),
+            text = title,
+            textAlign = TextAlign.Center,
+            style = PokitTheme.typography.title2.copy(color = PokitTheme.colors.textPrimary)
+        )
+
+        subText?.let { subText ->
+            Spacer(modifier = Modifier.height(8.dp))
+
+            Text(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(horizontal = 20.dp),
+                text = subText,
+                textAlign = TextAlign.Center,
+                style = PokitTheme.typography.body2Medium.copy(color = PokitTheme.colors.textSecondary)
+            )
+        }
+
+        Spacer(modifier = Modifier.height(20.dp))
+
+        Row(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(top = 16.dp, start = 20.dp, end = 20.dp, bottom = 28.dp)
+        ) {
+            PokitButton(
+                text = buttonText,
+                icon = null,
+                onClick = onClickButton,
+                shape = PokitButtonShape.RECTANGLE,
+                type = PokitButtonType.PRIMARY,
+                size = PokitButtonSize.LARGE,
+                style = PokitButtonStyle.FILLED,
+                modifier = Modifier.weight(1f)
+            )
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/onebuttonbottomsheet/Preview.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/onebuttonbottomsheet/Preview.kt
new file mode 100644
index 00000000..6d84b526
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/onebuttonbottomsheet/Preview.kt
@@ -0,0 +1,39 @@
+package pokitmons.pokit.core.ui.components.template.onebuttonbottomsheet
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.material3.HorizontalDivider
+import androidx.compose.material3.Surface
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+private fun Preview() {
+    PokitTheme {
+        Surface(modifier = Modifier.fillMaxSize()) {
+            Column(
+                modifier = Modifier.fillMaxWidth()
+            ) {
+                OneButtonBottomSheetContent(
+                    title = "로그인 오류",
+                    subText = "현재 서버 오류로 로그인에 실패했습니다.\n잠시 후에 다시 시도해 주세요."
+                )
+
+                HorizontalDivider(
+                    modifier = Modifier.height(16.dp).background(PokitTheme.colors.borderTertiary)
+                )
+
+                OneButtonBottomSheetContent(
+                    title = "여기에 타이틀이 들어갑니다"
+                )
+            }
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/pooki/Pooki.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/pooki/Pooki.kt
new file mode 100644
index 00000000..d811e8ec
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/pooki/Pooki.kt
@@ -0,0 +1,47 @@
+package pokitmons.pokit.core.ui.components.template.pooki
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+fun Pooki(
+    modifier: Modifier = Modifier,
+    title: String,
+    sub: String,
+) {
+    Box(
+        modifier = modifier,
+        contentAlignment = Alignment.Center
+    ) {
+        Column(
+            horizontalAlignment = Alignment.CenterHorizontally
+        ) {
+            Image(
+                modifier = Modifier
+                    .size(180.dp),
+                painter = painterResource(id = R.drawable.pooki),
+                contentDescription = "pooki"
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            Text(text = title, style = PokitTheme.typography.title2.copy(color = PokitTheme.colors.textPrimary))
+
+            Spacer(modifier = Modifier.height(8.dp))
+
+            Text(text = sub, style = PokitTheme.typography.body2Medium.copy(color = PokitTheme.colors.textSecondary))
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/pooki/Preview.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/pooki/Preview.kt
new file mode 100644
index 00000000..1a33b261
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/pooki/Preview.kt
@@ -0,0 +1,18 @@
+package pokitmons.pokit.core.ui.components.template.pooki
+
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.material3.Surface
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+private fun Preview() {
+    PokitTheme {
+        Surface(modifier = Modifier.fillMaxSize()) {
+            Pooki(title = "저장된 포킷이 없어요!", sub = "포킷을 생성해 링크를 저장해보세요")
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/pookiempty/EmptyPooki.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/pookiempty/EmptyPooki.kt
new file mode 100644
index 00000000..67d7f820
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/pookiempty/EmptyPooki.kt
@@ -0,0 +1,47 @@
+package pokitmons.pokit.core.ui.components.template.pookiempty
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+fun EmptyPooki(
+    modifier: Modifier = Modifier,
+    title: String,
+    sub: String,
+) {
+    Box(
+        modifier = modifier,
+        contentAlignment = Alignment.Center
+    ) {
+        Column(
+            horizontalAlignment = Alignment.CenterHorizontally
+        ) {
+            Image(
+                modifier = Modifier
+                    .size(180.dp),
+                painter = painterResource(id = R.drawable.empty_pooki),
+                contentDescription = "empty"
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            Text(text = title, style = PokitTheme.typography.title2.copy(color = PokitTheme.colors.textPrimary))
+
+            Spacer(modifier = Modifier.height(8.dp))
+
+            Text(text = sub, style = PokitTheme.typography.body2Medium.copy(color = PokitTheme.colors.textSecondary))
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/pookiempty/Preview.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/pookiempty/Preview.kt
new file mode 100644
index 00000000..175f345b
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/pookiempty/Preview.kt
@@ -0,0 +1,18 @@
+package pokitmons.pokit.core.ui.components.template.pookiempty
+
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.material3.Surface
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+private fun Preview() {
+    PokitTheme {
+        Surface(modifier = Modifier.fillMaxSize()) {
+            EmptyPooki(title = "저장된 포킷이 없어요!", sub = "포킷을 생성해 링크를 저장해보세요")
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/pookierror/ErrorPokki.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/pookierror/ErrorPokki.kt
new file mode 100644
index 00000000..67429cc2
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/pookierror/ErrorPokki.kt
@@ -0,0 +1,68 @@
+package pokitmons.pokit.core.ui.components.template.pookierror
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.components.atom.button.PokitButton
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonSize
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonStyle
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonType
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+fun ErrorPooki(
+    modifier: Modifier = Modifier,
+    pookiSize: Dp = 180.dp,
+    title: String,
+    sub: String,
+    onClickRetry: (() -> Unit)? = null,
+) {
+    Box(
+        modifier = modifier,
+        contentAlignment = Alignment.Center
+    ) {
+        Column(
+            horizontalAlignment = Alignment.CenterHorizontally
+        ) {
+            Image(
+                modifier = Modifier
+                    .size(pookiSize),
+                painter = painterResource(id = R.drawable.cry_pooki),
+                contentDescription = "empty"
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            Text(text = title, style = PokitTheme.typography.title2.copy(color = PokitTheme.colors.textPrimary))
+
+            Spacer(modifier = Modifier.height(8.dp))
+
+            Text(text = sub, style = PokitTheme.typography.body2Medium.copy(color = PokitTheme.colors.textSecondary))
+
+            onClickRetry?.let { onClick ->
+                Spacer(modifier = Modifier.height(16.dp))
+
+                PokitButton(
+                    type = PokitButtonType.SECONDARY,
+                    size = PokitButtonSize.SMALL,
+                    style = PokitButtonStyle.DEFAULT,
+                    text = stringResource(id = R.string.retry),
+                    icon = null,
+                    onClick = onClick
+                )
+            }
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/pookierror/Preview.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/pookierror/Preview.kt
new file mode 100644
index 00000000..80673356
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/pookierror/Preview.kt
@@ -0,0 +1,19 @@
+package pokitmons.pokit.core.ui.components.template.pookierror
+
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.material3.Surface
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+private fun Preview() {
+    PokitTheme {
+        Surface(modifier = Modifier.fillMaxSize()) {
+            ErrorPooki(title = "오류가 발생했어요", sub = "조금 뒤 다시 접속해주세요", onClickRetry = null)
+            // ErrorPooki(title = "오류가 발생했어요", sub = "조금 뒤 다시 접속해주세요", onClickRetry = {})
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/removeItemBottomSheet/Preview.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/removeItemBottomSheet/Preview.kt
new file mode 100644
index 00000000..530009e7
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/removeItemBottomSheet/Preview.kt
@@ -0,0 +1,41 @@
+package pokitmons.pokit.core.ui.components.template.removeItemBottomSheet
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.material3.HorizontalDivider
+import androidx.compose.material3.Surface
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+private fun RemoveItemBottomSheetContentPreview() {
+    PokitTheme {
+        Surface(modifier = Modifier.fillMaxSize()) {
+            Column(modifier = Modifier.fillMaxWidth()) {
+                TwoButtonBottomSheetContent(
+                    title = "포킷을 정말 삭제하시겠습니까?",
+                    subText = "함께 저장한 모든 링크가 삭제되며,\n복구하실 수 없습니다.",
+                    onClickLeftButton = {},
+                    onClickRightButton = {}
+                )
+
+                HorizontalDivider(
+                    modifier = Modifier.height(16.dp).background(PokitTheme.colors.borderTertiary)
+                )
+
+                TwoButtonBottomSheetContent(
+                    title = "로그아웃 하시겠습니까?",
+                    onClickLeftButton = {},
+                    onClickRightButton = {}
+                )
+            }
+        }
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/removeItemBottomSheet/TwoButtonBottomSheetContent.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/removeItemBottomSheet/TwoButtonBottomSheetContent.kt
new file mode 100644
index 00000000..a5adac04
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/components/template/removeItemBottomSheet/TwoButtonBottomSheetContent.kt
@@ -0,0 +1,84 @@
+package pokitmons.pokit.core.ui.components.template.removeItemBottomSheet
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.components.atom.button.PokitButton
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonShape
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonSize
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonStyle
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonType
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+fun TwoButtonBottomSheetContent(
+    title: String,
+    subText: String? = null,
+    leftButtonText: String = stringResource(id = R.string.cancellation),
+    rightButtonText: String = stringResource(id = R.string.removal),
+    onClickLeftButton: () -> Unit,
+    onClickRightButton: () -> Unit,
+) {
+    Column(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(top = 36.dp, start = 20.dp, end = 20.dp, bottom = 20.dp),
+        horizontalAlignment = Alignment.CenterHorizontally
+    ) {
+        Text(
+            text = title,
+            style = PokitTheme.typography.title2.copy(color = PokitTheme.colors.textPrimary)
+        )
+
+        Spacer(modifier = Modifier.height(8.dp))
+
+        subText?.let { subString ->
+            Text(
+                text = subString,
+                style = PokitTheme.typography.body2Medium.copy(color = PokitTheme.colors.textSecondary),
+                textAlign = TextAlign.Center
+            )
+        }
+    }
+
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(top = 16.dp, start = 20.dp, end = 20.dp, bottom = 28.dp),
+        horizontalArrangement = Arrangement.spacedBy(8.dp)
+    ) {
+        PokitButton(
+            text = leftButtonText,
+            icon = null,
+            onClick = onClickLeftButton,
+            shape = PokitButtonShape.RECTANGLE,
+            type = PokitButtonType.SECONDARY,
+            size = PokitButtonSize.LARGE,
+            style = PokitButtonStyle.STROKE,
+            modifier = Modifier.weight(1f)
+        )
+
+        PokitButton(
+            text = rightButtonText,
+            icon = null,
+            onClick = onClickRightButton,
+            shape = PokitButtonShape.RECTANGLE,
+            type = PokitButtonType.PRIMARY,
+            size = PokitButtonSize.LARGE,
+            style = PokitButtonStyle.FILLED,
+            modifier = Modifier.weight(1f)
+        )
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/theme/Font.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/theme/Font.kt
new file mode 100644
index 00000000..a54bb92e
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/theme/Font.kt
@@ -0,0 +1,28 @@
+package pokitmons.pokit.core.ui.theme
+
+import androidx.compose.ui.text.font.Font
+import androidx.compose.ui.text.font.FontFamily
+import androidx.compose.ui.text.font.FontStyle
+import androidx.compose.ui.text.font.FontWeight
+import pokitmons.pokit.core.ui.R
+
+val pretendard = FontFamily(
+    Font(R.font.pretendard_black, FontWeight.Black, FontStyle.Normal),
+    Font(R.font.pretendard_bold, FontWeight.Bold, FontStyle.Normal),
+    Font(R.font.pretendard_extra_bold, FontWeight.ExtraBold, FontStyle.Normal),
+    Font(R.font.pretendard_extra_light, FontWeight.ExtraLight, FontStyle.Normal),
+    Font(R.font.pretendard_light, FontWeight.Light, FontStyle.Normal),
+    Font(R.font.pretendard_medium, FontWeight.Medium, FontStyle.Normal),
+    Font(R.font.pretendard_semi_bold, FontWeight.SemiBold, FontStyle.Normal),
+    Font(R.font.pretendard_thin, FontWeight.Thin, FontStyle.Normal),
+
+    Font(R.font.pretendard_black, FontWeight.W900, FontStyle.Normal),
+    Font(R.font.pretendard_extra_bold, FontWeight.W800, FontStyle.Normal),
+    Font(R.font.pretendard_bold, FontWeight.W700, FontStyle.Normal),
+    Font(R.font.pretendard_semi_bold, FontWeight.W600, FontStyle.Normal),
+    Font(R.font.pretendard_medium, FontWeight.W500, FontStyle.Normal),
+    Font(R.font.pretendard_regular, FontWeight.W400, FontStyle.Normal),
+    Font(R.font.pretendard_light, FontWeight.W300, FontStyle.Normal),
+    Font(R.font.pretendard_extra_light, FontWeight.W200, FontStyle.Normal),
+    Font(R.font.pretendard_thin, FontWeight.W100, FontStyle.Normal)
+)
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/theme/Theme.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/theme/Theme.kt
new file mode 100644
index 00000000..ea2d0427
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/theme/Theme.kt
@@ -0,0 +1,55 @@
+package pokitmons.pokit.core.ui.theme
+
+import android.app.Activity
+import androidx.compose.foundation.isSystemInDarkTheme
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.runtime.ReadOnlyComposable
+import androidx.compose.runtime.SideEffect
+import androidx.compose.ui.graphics.toArgb
+import androidx.compose.ui.platform.LocalView
+import androidx.core.view.WindowCompat
+import pokitmons.pokit.core.ui.theme.color.LocalPokitColorDarkScheme
+import pokitmons.pokit.core.ui.theme.color.LocalPokitColorScheme
+import pokitmons.pokit.core.ui.theme.color.PokitColors
+
+object PokitTheme {
+    val colors: PokitColors
+        @Composable
+        @ReadOnlyComposable
+        get() = LocalPokitColorScheme.current
+
+    val typography: PokitTypography
+        @Composable
+        @ReadOnlyComposable
+        get() = LocalPokitTypography.current
+}
+
+@Composable
+fun PokitTheme(
+    darkTheme: Boolean = isSystemInDarkTheme(),
+    typography: PokitTypography = PokitTheme.typography,
+    content: @Composable () -> Unit,
+) {
+    val colorScheme = when {
+        darkTheme -> LocalPokitColorDarkScheme.current
+        else -> LocalPokitColorScheme.current
+    }
+
+    val view = LocalView.current
+    if (!view.isInEditMode) {
+        SideEffect {
+            val window = (view.context as Activity).window
+            window.statusBarColor = colorScheme.backgroundBase.toArgb()
+            // dark theme 지원시 true 대신 !darkTheme를 할당하도록 수정 예정
+            WindowCompat.getInsetsController(window, view).isAppearanceLightStatusBars = true
+        }
+    }
+
+    CompositionLocalProvider(
+        LocalPokitColorScheme provides colorScheme,
+        LocalPokitTypography provides typography
+    ) {
+        content()
+    }
+}
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/theme/Type.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/theme/Type.kt
new file mode 100644
index 00000000..8fd5c4e5
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/theme/Type.kt
@@ -0,0 +1,166 @@
+package pokitmons.pokit.core.ui.theme
+
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.Immutable
+import androidx.compose.runtime.staticCompositionLocalOf
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontWeight
+import pokitmons.pokit.core.ui.theme.typography.PokitTypo
+
+@Immutable
+data class PokitTypography(
+    private val _title1: PokitTypo = PokitTypo(
+        fontFamily = pretendard,
+        fontSize = 24,
+        fontWeight = FontWeight.Bold,
+        lineHeight = 32,
+        letterSpacing = (-0.26f)
+    ),
+    private val _title2: PokitTypo = PokitTypo(
+        fontFamily = pretendard,
+        fontSize = 20,
+        fontWeight = FontWeight.Bold,
+        lineHeight = 28,
+        letterSpacing = (-0.6f)
+    ),
+    private val _title3: PokitTypo = PokitTypo(
+        fontFamily = pretendard,
+        fontSize = 18,
+        fontWeight = FontWeight.Medium,
+        lineHeight = 24
+    ),
+    private val _body1Bold: PokitTypo = PokitTypo(
+        fontFamily = pretendard,
+        fontSize = 18,
+        fontWeight = FontWeight.Bold,
+        lineHeight = 24,
+        letterSpacing = (-0.54f)
+    ),
+    private val _body1SemiBold: PokitTypo = PokitTypo(
+        fontFamily = pretendard,
+        fontSize = 18,
+        fontWeight = FontWeight.SemiBold,
+        lineHeight = 24,
+        letterSpacing = (-0.54f)
+    ),
+    private val _body1Medium: PokitTypo = PokitTypo(
+        fontFamily = pretendard,
+        fontSize = 18,
+        fontWeight = FontWeight.Medium,
+        lineHeight = 24,
+        letterSpacing = (-0.54f)
+    ),
+    private val _body2Bold: PokitTypo = PokitTypo(
+        fontFamily = pretendard,
+        fontSize = 16,
+        fontWeight = FontWeight.Bold,
+        lineHeight = 20,
+        letterSpacing = (-0.176f)
+    ),
+    private val _body2Medium: PokitTypo = PokitTypo(
+        fontFamily = pretendard,
+        fontSize = 16,
+        fontWeight = FontWeight.Medium,
+        lineHeight = 20,
+        letterSpacing = (-0.176f)
+    ),
+    private val _body3Medium: PokitTypo = PokitTypo(
+        fontFamily = pretendard,
+        fontSize = 14,
+        fontWeight = FontWeight.Medium,
+        lineHeight = 18,
+        letterSpacing = (-0.154f)
+    ),
+    private val _body3Regular: PokitTypo = PokitTypo(
+        fontFamily = pretendard,
+        fontSize = 14,
+        fontWeight = FontWeight.W400,
+        lineHeight = 24,
+        letterSpacing = (-0.42f)
+    ),
+    private val _detail1: PokitTypo = PokitTypo(
+        fontFamily = pretendard,
+        fontSize = 14,
+        fontWeight = FontWeight.Medium,
+        lineHeight = 20,
+        letterSpacing = (-0.154f)
+    ),
+    private val _detail2: PokitTypo = PokitTypo(
+        fontFamily = pretendard,
+        fontSize = 12,
+        fontWeight = FontWeight.W400,
+        lineHeight = 16,
+        letterSpacing = (-0.132f)
+    ),
+    private val _label1SemiBold: PokitTypo = PokitTypo(
+        fontFamily = pretendard,
+        fontSize = 18,
+        fontWeight = FontWeight.SemiBold,
+        lineHeight = 24,
+        letterSpacing = (-0.2f)
+    ),
+    private val _label1Regular: PokitTypo = PokitTypo(
+        fontFamily = pretendard,
+        fontSize = 18,
+        fontWeight = FontWeight.W400,
+        lineHeight = 24,
+        letterSpacing = (-0.2f)
+    ),
+    private val _label2SemiBold: PokitTypo = PokitTypo(
+        fontFamily = pretendard,
+        fontSize = 16,
+        fontWeight = FontWeight.SemiBold,
+        lineHeight = 20,
+        letterSpacing = (-0.18f)
+    ),
+    private val _label2Regular: PokitTypo = PokitTypo(
+        fontFamily = pretendard,
+        fontSize = 16,
+        fontWeight = FontWeight.W400,
+        lineHeight = 20,
+        letterSpacing = (-0.18f)
+    ),
+    private val _label3SemiBold: PokitTypo = PokitTypo(
+        fontFamily = pretendard,
+        fontSize = 14,
+        fontWeight = FontWeight.SemiBold,
+        lineHeight = 16,
+        letterSpacing = (-0.154f)
+    ),
+    private val _label3Regular: PokitTypo = PokitTypo(
+        fontFamily = pretendard,
+        fontSize = 14,
+        fontWeight = FontWeight.W400,
+        lineHeight = 16,
+        letterSpacing = (-0.154f)
+    ),
+    private val _label4: PokitTypo = PokitTypo(
+        fontFamily = pretendard,
+        fontSize = 10,
+        fontWeight = FontWeight.W400,
+        lineHeight = 12,
+        letterSpacing = (-0.11f)
+    ),
+) {
+    val title1: TextStyle @Composable get() = _title1.toDpTextStyle
+    val title2: TextStyle @Composable get() = _title2.toDpTextStyle
+    val title3: TextStyle @Composable get() = _title3.toDpTextStyle
+    val body1Bold: TextStyle @Composable get() = _body1Bold.toDpTextStyle
+    val body1SemiBold: TextStyle @Composable get() = _body1SemiBold.toDpTextStyle
+    val body1Medium: TextStyle @Composable get() = _body1Medium.toDpTextStyle
+    val body2Bold: TextStyle @Composable get() = _body2Bold.toDpTextStyle
+    val body2Medium: TextStyle @Composable get() = _body2Medium.toDpTextStyle
+    val body3Medium: TextStyle @Composable get() = _body3Medium.toDpTextStyle
+    val body3Regular: TextStyle @Composable get() = _body3Regular.toDpTextStyle
+    val detail1: TextStyle @Composable get() = _detail1.toDpTextStyle
+    val detail2: TextStyle @Composable get() = _detail2.toDpTextStyle
+    val label1SemiBold: TextStyle @Composable get() = _label1SemiBold.toDpTextStyle
+    val label1Regular: TextStyle @Composable get() = _label1Regular.toDpTextStyle
+    val label2SemiBold: TextStyle @Composable get() = _label2SemiBold.toDpTextStyle
+    val label2Regular: TextStyle @Composable get() = _label2Regular.toDpTextStyle
+    val label3SemiBold: TextStyle @Composable get() = _label3SemiBold.toDpTextStyle
+    val label3Regular: TextStyle @Composable get() = _label3Regular.toDpTextStyle
+    val label4: TextStyle @Composable get() = _label4.toDpTextStyle
+}
+
+internal val LocalPokitTypography = staticCompositionLocalOf { PokitTypography() }
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/theme/color/ColorSystem.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/theme/color/ColorSystem.kt
new file mode 100644
index 00000000..ba175484
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/theme/color/ColorSystem.kt
@@ -0,0 +1,40 @@
+package pokitmons.pokit.core.ui.theme.color
+
+import androidx.compose.runtime.Immutable
+import androidx.compose.runtime.staticCompositionLocalOf
+import androidx.compose.ui.graphics.Color
+
+@Immutable
+data class PokitColors(
+    val textPrimary: Color = Gray900,
+    val textSecondary: Color = Gray700,
+    val textTertiary: Color = Gray400,
+    val textDisable: Color = Gray500,
+    val iconPrimary: Color = Gray800,
+    val iconSecondary: Color = Gray400,
+    val iconTertiary: Color = Gray200,
+    val iconDisable: Color = Gray500,
+    val backgroundBase: Color = White,
+    val backgroundBaseIcon: Color = Color(0xCCD9D9D9),
+    val backgroundPrimary: Color = Gray50,
+    val backgroundSecondary: Color = Gray100,
+    val backgroundTertiary: Color = Gray700,
+    val backgroundDisable: Color = Gray200,
+    val borderPrimary: Color = Gray700,
+    val borderSecondary: Color = Gray200,
+    val borderTertiary: Color = Gray100,
+    val borderDisable: Color = Gray200,
+    val brand: Color = Brand,
+    val brandBold: Color = Orange700,
+    val info: Color = Blue700,
+    val warning: Color = Yellow400,
+    val success: Color = Green400,
+    val error: Color = Red500,
+    val inverseWh: Color = White,
+)
+
+internal fun pokitColorsLight(): PokitColors = PokitColors()
+internal fun pokitColorsDark(): PokitColors = PokitColors(error = Red100)
+
+internal val LocalPokitColorScheme = staticCompositionLocalOf { pokitColorsLight() }
+internal val LocalPokitColorDarkScheme = staticCompositionLocalOf { pokitColorsDark() }
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/theme/color/Colors.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/theme/color/Colors.kt
new file mode 100644
index 00000000..f8cafcee
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/theme/color/Colors.kt
@@ -0,0 +1,73 @@
+package pokitmons.pokit.core.ui.theme.color
+
+import androidx.compose.ui.graphics.Color
+
+val Black = Color.Black
+val Gray900 = Color(0xFF080808)
+val Gray800 = Color(0xFF262626)
+val Gray700 = Color(0xFF434343)
+val Gray600 = Color(0xFF555555)
+val Gray500 = Color(0xFF7B7B7B)
+val Gray400 = Color(0xFF9D9D9D)
+val Gray300 = Color(0xFFC4C4C4)
+val Gray200 = Color(0xFFD9D9D9)
+val Gray100 = Color(0xFFE9E9E9)
+val Gray50 = Color(0xFFF5F5F5)
+val White = Color.White
+
+val Orange900 = Color(0xFFE35B16)
+val Orange800 = Color(0xFFED7419)
+val Orange700 = Color(0xFFF3831B)
+val Orange600 = Color(0xFFFa921E)
+val Orange500 = Color(0xFFFE8422)
+val Orange400 = Color(0xFFFEAC36)
+val Orange300 = Color(0xFFFEBB57)
+val Orange200 = Color(0xFFFECF87)
+val Orange100 = Color(0xFFFEE2B6)
+val Orange50 = Color(0xFFFFF4E2)
+
+val Red900 = Color(0xFFC2191F)
+val Red800 = Color(0xFFD0272B)
+val Red700 = Color(0xFFDD2F33)
+val Red600 = Color(0xFFF03939)
+val Red500 = Color(0xFFFF443A)
+val Red400 = Color(0xFFF85454)
+val Red300 = Color(0xFFED7577)
+val Red200 = Color(0xFFF59C9D)
+val Red100 = Color(0xFFFFCED4)
+val Red50 = Color(0xFFFFECEF)
+
+val Yellow900 = Color(0xFFFF6D00)
+val Yellow800 = Color(0xFFFF8F00)
+val Yellow700 = Color(0xFFFFA100)
+val Yellow600 = Color(0xFFFFB500)
+val Yellow500 = Color(0xFFFFC300)
+val Yellow400 = Color(0xFFFFCC00)
+val Yellow300 = Color(0xFFFFD743)
+val Yellow200 = Color(0xFFFFE17C)
+val Yellow100 = Color(0xFFFFEDB0)
+val Yellow50 = Color(0xFFFFF8E0)
+
+val Green900 = Color(0xFF006900)
+val Green800 = Color(0xFF008911)
+val Green700 = Color(0xFF009A20)
+val Green600 = Color(0xFF00Ad2D)
+val Green500 = Color(0xFF00BC37)
+val Green400 = Color(0xFF34C759)
+val Green300 = Color(0xFF64D278)
+val Green200 = Color(0xFF93DEA0)
+val Green100 = Color(0xFFC0EBC5)
+val Green50 = Color(0xFFE5F7E8)
+
+val Blue900 = Color(0xFF1F47CD)
+val Blue800 = Color(0xFF1269Ec)
+val Blue700 = Color(0xFF007BFF)
+val Blue600 = Color(0xFF008FFF)
+val Blue500 = Color(0xFF009Eff)
+val Blue400 = Color(0xFF1DADFF)
+val Blue300 = Color(0xFF56BDFF)
+val Blue200 = Color(0xFF8DD0FF)
+val Blue100 = Color(0xFFBBE2FF)
+val Blue50 = Color(0xFFE3F1FF)
+
+val Brand = Color(0xFFFE8422)
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/theme/typography/PokitTypo.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/theme/typography/PokitTypo.kt
new file mode 100644
index 00000000..bdca7aba
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/theme/typography/PokitTypo.kt
@@ -0,0 +1,55 @@
+package pokitmons.pokit.core.ui.theme.typography
+
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.platform.LocalDensity
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontFamily
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.Density
+import androidx.compose.ui.unit.TextUnit
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+
+data class PokitTypo(
+    val fontWeight: FontWeight,
+    val fontFamily: FontFamily,
+    val fontSize: Int,
+    val lineHeight: Int,
+    val letterSpacing: Float = 0f,
+) {
+    val toDpTextStyle: TextStyle
+        @Composable get() =
+            TextStyle(
+                fontWeight = fontWeight,
+                fontFamily = fontFamily,
+                fontSize = fontSize.textDp,
+                letterSpacing = letterSpacing.textDp,
+                lineHeight = lineHeight.textDp
+            )
+
+    val toSpTextStyle: TextStyle
+        @Composable get() =
+            TextStyle(
+                fontWeight = fontWeight,
+                fontFamily = fontFamily,
+                fontSize = fontSize.sp,
+                letterSpacing = letterSpacing.sp,
+                lineHeight = lineHeight.sp
+            )
+}
+
+private fun Int.textDp(density: Density): TextUnit =
+    with(density) {
+        this@textDp.dp.toSp()
+    }
+
+private val Int.textDp: TextUnit
+    @Composable get() = this.textDp(density = LocalDensity.current)
+
+private fun Float.textDp(density: Density): TextUnit =
+    with(density) {
+        this@textDp.dp.toSp()
+    }
+
+private val Float.textDp: TextUnit
+    @Composable get() = this.textDp(density = LocalDensity.current)
diff --git a/core/ui/src/main/java/pokitmons/pokit/core/ui/utils/ModifierUtils.kt b/core/ui/src/main/java/pokitmons/pokit/core/ui/utils/ModifierUtils.kt
new file mode 100644
index 00000000..b390060c
--- /dev/null
+++ b/core/ui/src/main/java/pokitmons/pokit/core/ui/utils/ModifierUtils.kt
@@ -0,0 +1,24 @@
+package pokitmons.pokit.core.ui.utils
+
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+
+internal fun Modifier.conditional(condition: Boolean, modifier: Modifier.() -> Modifier): Modifier {
+    return if (condition) {
+        then(modifier(Modifier))
+    } else {
+        this
+    }
+}
+
+@Composable
+fun Modifier.noRippleClickable(onClick: () -> Unit): Modifier {
+    return this.clickable(
+        interactionSource = remember { MutableInteractionSource() },
+        indication = null,
+        onClick = onClick
+    )
+}
diff --git a/core/ui/src/main/res/drawable-hdpi/big_pooki.png b/core/ui/src/main/res/drawable-hdpi/big_pooki.png
new file mode 100644
index 00000000..a1dc2b36
Binary files /dev/null and b/core/ui/src/main/res/drawable-hdpi/big_pooki.png differ
diff --git a/core/ui/src/main/res/drawable-hdpi/cry_pooki.png b/core/ui/src/main/res/drawable-hdpi/cry_pooki.png
new file mode 100644
index 00000000..7dbe473c
Binary files /dev/null and b/core/ui/src/main/res/drawable-hdpi/cry_pooki.png differ
diff --git a/core/ui/src/main/res/drawable-hdpi/empty_pooki.png b/core/ui/src/main/res/drawable-hdpi/empty_pooki.png
new file mode 100644
index 00000000..f76c39ce
Binary files /dev/null and b/core/ui/src/main/res/drawable-hdpi/empty_pooki.png differ
diff --git a/core/ui/src/main/res/drawable-hdpi/party_popper.png b/core/ui/src/main/res/drawable-hdpi/party_popper.png
new file mode 100644
index 00000000..395d288f
Binary files /dev/null and b/core/ui/src/main/res/drawable-hdpi/party_popper.png differ
diff --git a/core/ui/src/main/res/drawable-hdpi/pooki.png b/core/ui/src/main/res/drawable-hdpi/pooki.png
new file mode 100644
index 00000000..8cc25883
Binary files /dev/null and b/core/ui/src/main/res/drawable-hdpi/pooki.png differ
diff --git a/core/ui/src/main/res/drawable-mdpi/big_pooki.png b/core/ui/src/main/res/drawable-mdpi/big_pooki.png
new file mode 100644
index 00000000..ab47481e
Binary files /dev/null and b/core/ui/src/main/res/drawable-mdpi/big_pooki.png differ
diff --git a/core/ui/src/main/res/drawable-mdpi/cry_pooki.png b/core/ui/src/main/res/drawable-mdpi/cry_pooki.png
new file mode 100644
index 00000000..72b0b0d5
Binary files /dev/null and b/core/ui/src/main/res/drawable-mdpi/cry_pooki.png differ
diff --git a/core/ui/src/main/res/drawable-mdpi/empty_pooki.png b/core/ui/src/main/res/drawable-mdpi/empty_pooki.png
new file mode 100644
index 00000000..cc886afc
Binary files /dev/null and b/core/ui/src/main/res/drawable-mdpi/empty_pooki.png differ
diff --git a/core/ui/src/main/res/drawable-mdpi/party_popper.png b/core/ui/src/main/res/drawable-mdpi/party_popper.png
new file mode 100644
index 00000000..68649dfe
Binary files /dev/null and b/core/ui/src/main/res/drawable-mdpi/party_popper.png differ
diff --git a/core/ui/src/main/res/drawable-mdpi/pooki.png b/core/ui/src/main/res/drawable-mdpi/pooki.png
new file mode 100644
index 00000000..a33a2181
Binary files /dev/null and b/core/ui/src/main/res/drawable-mdpi/pooki.png differ
diff --git a/core/ui/src/main/res/drawable-xhdpi/big_pooki.png b/core/ui/src/main/res/drawable-xhdpi/big_pooki.png
new file mode 100644
index 00000000..c129ea2f
Binary files /dev/null and b/core/ui/src/main/res/drawable-xhdpi/big_pooki.png differ
diff --git a/core/ui/src/main/res/drawable-xhdpi/cry_pooki.png b/core/ui/src/main/res/drawable-xhdpi/cry_pooki.png
new file mode 100644
index 00000000..14bcf0df
Binary files /dev/null and b/core/ui/src/main/res/drawable-xhdpi/cry_pooki.png differ
diff --git a/core/ui/src/main/res/drawable-xhdpi/empty_pooki.png b/core/ui/src/main/res/drawable-xhdpi/empty_pooki.png
new file mode 100644
index 00000000..357179b8
Binary files /dev/null and b/core/ui/src/main/res/drawable-xhdpi/empty_pooki.png differ
diff --git a/core/ui/src/main/res/drawable-xhdpi/party_popper.png b/core/ui/src/main/res/drawable-xhdpi/party_popper.png
new file mode 100644
index 00000000..47ab9426
Binary files /dev/null and b/core/ui/src/main/res/drawable-xhdpi/party_popper.png differ
diff --git a/core/ui/src/main/res/drawable-xhdpi/pooki.png b/core/ui/src/main/res/drawable-xhdpi/pooki.png
new file mode 100644
index 00000000..c17d09fc
Binary files /dev/null and b/core/ui/src/main/res/drawable-xhdpi/pooki.png differ
diff --git a/core/ui/src/main/res/drawable-xxhdpi/big_pooki.png b/core/ui/src/main/res/drawable-xxhdpi/big_pooki.png
new file mode 100644
index 00000000..f89d6f9a
Binary files /dev/null and b/core/ui/src/main/res/drawable-xxhdpi/big_pooki.png differ
diff --git a/core/ui/src/main/res/drawable-xxhdpi/cry_pooki.png b/core/ui/src/main/res/drawable-xxhdpi/cry_pooki.png
new file mode 100644
index 00000000..c2ec17c9
Binary files /dev/null and b/core/ui/src/main/res/drawable-xxhdpi/cry_pooki.png differ
diff --git a/core/ui/src/main/res/drawable-xxhdpi/empty_pooki.png b/core/ui/src/main/res/drawable-xxhdpi/empty_pooki.png
new file mode 100644
index 00000000..752d8ce4
Binary files /dev/null and b/core/ui/src/main/res/drawable-xxhdpi/empty_pooki.png differ
diff --git a/core/ui/src/main/res/drawable-xxhdpi/party_popper.png b/core/ui/src/main/res/drawable-xxhdpi/party_popper.png
new file mode 100644
index 00000000..38e75d86
Binary files /dev/null and b/core/ui/src/main/res/drawable-xxhdpi/party_popper.png differ
diff --git a/core/ui/src/main/res/drawable-xxhdpi/pooki.png b/core/ui/src/main/res/drawable-xxhdpi/pooki.png
new file mode 100644
index 00000000..3fd0412c
Binary files /dev/null and b/core/ui/src/main/res/drawable-xxhdpi/pooki.png differ
diff --git a/core/ui/src/main/res/drawable-xxxhdpi/big_pooki.png b/core/ui/src/main/res/drawable-xxxhdpi/big_pooki.png
new file mode 100644
index 00000000..29377d0d
Binary files /dev/null and b/core/ui/src/main/res/drawable-xxxhdpi/big_pooki.png differ
diff --git a/core/ui/src/main/res/drawable-xxxhdpi/cry_pooki.png b/core/ui/src/main/res/drawable-xxxhdpi/cry_pooki.png
new file mode 100644
index 00000000..830fd495
Binary files /dev/null and b/core/ui/src/main/res/drawable-xxxhdpi/cry_pooki.png differ
diff --git a/core/ui/src/main/res/drawable-xxxhdpi/empty_pooki.png b/core/ui/src/main/res/drawable-xxxhdpi/empty_pooki.png
new file mode 100644
index 00000000..da4c5ba3
Binary files /dev/null and b/core/ui/src/main/res/drawable-xxxhdpi/empty_pooki.png differ
diff --git a/core/ui/src/main/res/drawable-xxxhdpi/party_popper.png b/core/ui/src/main/res/drawable-xxxhdpi/party_popper.png
new file mode 100644
index 00000000..be739b2a
Binary files /dev/null and b/core/ui/src/main/res/drawable-xxxhdpi/party_popper.png differ
diff --git a/core/ui/src/main/res/drawable-xxxhdpi/pooki.png b/core/ui/src/main/res/drawable-xxxhdpi/pooki.png
new file mode 100644
index 00000000..6a2fcade
Binary files /dev/null and b/core/ui/src/main/res/drawable-xxxhdpi/pooki.png differ
diff --git a/core/ui/src/main/res/drawable/icon_18_align.xml b/core/ui/src/main/res/drawable/icon_18_align.xml
new file mode 100644
index 00000000..d0de91a0
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_18_align.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="18dp"
+    android:height="18dp"
+    android:viewportWidth="18"
+    android:viewportHeight="18">
+  <path
+      android:pathData="M12.938,3L12.862,3.005C12.587,3.042 12.376,3.278 12.376,3.563L12.375,13.082L9.96,10.668L9.897,10.614C9.677,10.451 9.364,10.469 9.165,10.669C8.945,10.888 8.945,11.245 9.165,11.464L12.543,14.839L12.606,14.894C12.826,15.057 13.139,15.039 13.338,14.839L16.71,11.464L16.765,11.401C16.928,11.18 16.91,10.868 16.71,10.668L16.647,10.614C16.427,10.451 16.114,10.469 15.915,10.669L13.5,13.085L13.501,3.563L13.495,3.486C13.458,3.212 13.223,3 12.938,3ZM4.661,3.165L1.29,6.536L1.235,6.599C1.072,6.819 1.09,7.132 1.29,7.332L1.353,7.386C1.573,7.549 1.886,7.531 2.085,7.332L4.498,4.918L4.498,14.441L4.503,14.517C4.541,14.792 4.776,15.004 5.061,15.004L5.137,14.999C5.412,14.961 5.623,14.726 5.623,14.441L5.623,4.919L8.04,7.332L8.103,7.386C8.323,7.549 8.636,7.531 8.835,7.331C9.055,7.111 9.054,6.755 8.835,6.536L5.456,3.164L5.393,3.11C5.173,2.947 4.86,2.965 4.661,3.165Z"
+      android:fillColor="#262626"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24__discover.xml b/core/ui/src/main/res/drawable/icon_24__discover.xml
new file mode 100644
index 00000000..40daba7f
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24__discover.xml
@@ -0,0 +1,13 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <group>
+    <clip-path
+        android:pathData="M0,0h24v24h-24z"/>
+    <path
+        android:pathData="M12,10.9C11.39,10.9 10.9,11.39 10.9,12C10.9,12.61 11.39,13.1 12,13.1C12.61,13.1 13.1,12.61 13.1,12C13.1,11.39 12.61,10.9 12,10.9ZM12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2ZM14.19,14.19L6,18L9.81,9.81L18,6L14.19,14.19Z"
+        android:fillColor="#262626"/>
+  </group>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_align.xml b/core/ui/src/main/res/drawable/icon_24_align.xml
new file mode 100644
index 00000000..8550f6f1
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_align.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M17.251,4L17.149,4.007C16.783,4.057 16.501,4.37 16.501,4.75L16.5,17.442L13.28,14.224L13.196,14.152C12.902,13.934 12.486,13.958 12.219,14.225C11.927,14.518 11.927,14.993 12.22,15.285L16.724,19.785L16.808,19.858C17.101,20.076 17.518,20.051 17.784,19.785L22.281,15.285L22.353,15.201C22.571,14.907 22.546,14.491 22.28,14.224L22.196,14.152C21.902,13.934 21.486,13.958 21.219,14.225L18,17.446L18.001,4.75L17.994,4.648C17.944,4.282 17.631,4 17.251,4ZM6.214,4.22L1.72,8.715L1.647,8.799C1.429,9.092 1.453,9.509 1.72,9.775L1.804,9.848C2.097,10.066 2.514,10.042 2.78,9.775L5.997,6.557L5.998,19.255L6.005,19.357C6.054,19.723 6.368,20.005 6.748,20.005L6.849,19.998C7.216,19.948 7.498,19.635 7.498,19.255L7.497,6.559L10.72,9.776L10.804,9.848C11.098,10.066 11.514,10.041 11.781,9.775C12.073,9.482 12.073,9.007 11.779,8.714L7.275,4.219L7.19,4.147C6.897,3.929 6.48,3.954 6.214,4.22Z"
+      android:fillColor="#212121"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_apple.xml b/core/ui/src/main/res/drawable/icon_24_apple.xml
new file mode 100644
index 00000000..5897d736
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_apple.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M14.893,4.376C15.716,3.481 16.17,2.252 16.098,1C14.977,1 13.677,1.656 12.854,2.622C12.21,3.421 11.518,4.674 11.768,5.926C12.925,6.069 14.178,5.342 14.893,4.376ZM15.991,6.2C14.249,6.2 12.711,7.167 11.888,7.167C11.029,7.167 9.776,6.153 8.369,6.2C6.532,6.236 4.85,7.322 3.908,8.92C3.24,10.065 2.978,11.413 3.001,12.785C3.037,15.373 4.051,18.069 5.244,19.786C6.162,21.098 7.2,22.506 8.667,22.506C9.991,22.506 10.48,21.623 12.21,21.623C13.82,21.623 14.321,22.506 15.716,22.506C17.183,22.506 18.15,21.17 19.02,19.846C20.118,18.307 20.487,16.84 20.535,16.78C20.487,16.78 17.72,15.659 17.613,12.462C17.613,9.659 19.891,8.395 19.986,8.336C18.746,6.427 16.742,6.2 15.991,6.2Z"
+      android:fillColor="#2E3240"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_arrow.xml b/core/ui/src/main/res/drawable/icon_24_arrow.xml
new file mode 100644
index 00000000..3dc23d78
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_arrow.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M11.47,7.47C11.763,7.177 12.237,7.177 12.53,7.47L19.53,14.47C19.823,14.763 19.823,15.237 19.53,15.53C19.237,15.823 18.763,15.823 18.47,15.53L12,9.061L5.53,15.53C5.237,15.823 4.763,15.823 4.47,15.53C4.177,15.237 4.177,14.763 4.47,14.47L11.47,7.47Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_arrow_down.xml b/core/ui/src/main/res/drawable/icon_24_arrow_down.xml
new file mode 100644
index 00000000..1ee77ced
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_arrow_down.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M4.47,8.47C4.763,8.177 5.237,8.177 5.53,8.47L12,14.939L18.47,8.47C18.763,8.177 19.237,8.177 19.53,8.47C19.823,8.763 19.823,9.237 19.53,9.53L12.53,16.53C12.237,16.823 11.763,16.823 11.47,16.53L4.47,9.53C4.177,9.237 4.177,8.763 4.47,8.47Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_arrow_left.xml b/core/ui/src/main/res/drawable/icon_24_arrow_left.xml
new file mode 100644
index 00000000..a68b0c47
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_arrow_left.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M15.53,4.47C15.823,4.763 15.823,5.237 15.53,5.53L9.061,12L15.53,18.47C15.823,18.763 15.823,19.237 15.53,19.53C15.237,19.823 14.763,19.823 14.47,19.53L7.47,12.53C7.177,12.237 7.177,11.763 7.47,11.47L14.47,4.47C14.763,4.177 15.237,4.177 15.53,4.47Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_arrow_right.xml b/core/ui/src/main/res/drawable/icon_24_arrow_right.xml
new file mode 100644
index 00000000..e0abb1fc
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_arrow_right.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M8.47,4.47C8.763,4.177 9.237,4.177 9.53,4.47L16.53,11.47C16.823,11.763 16.823,12.237 16.53,12.53L9.53,19.53C9.237,19.823 8.763,19.823 8.47,19.53C8.177,19.237 8.177,18.763 8.47,18.47L14.939,12L8.47,5.53C8.177,5.237 8.177,4.763 8.47,4.47Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_bell.xml b/core/ui/src/main/res/drawable/icon_24_bell.xml
new file mode 100644
index 00000000..4b920822
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_bell.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M9.255,4.832C9.342,3.391 10.538,2.25 12,2.25C13.462,2.25 14.658,3.391 14.745,4.832C17.104,5.883 18.75,8.248 18.75,11V14.158C18.75,14.498 18.885,14.824 19.125,15.065L20.53,16.47C20.745,16.684 20.809,17.007 20.693,17.287C20.577,17.567 20.303,17.75 20,17.75H15.75V18C15.75,20.071 14.071,21.75 12,21.75C9.929,21.75 8.25,20.071 8.25,18V17.75H4C3.697,17.75 3.423,17.567 3.307,17.287C3.191,17.007 3.255,16.684 3.47,16.47L4.875,15.065C5.115,14.824 5.25,14.498 5.25,14.158V11C5.25,8.248 6.896,5.883 9.255,4.832ZM9.75,17.75V18C9.75,19.243 10.757,20.25 12,20.25C13.243,20.25 14.25,19.243 14.25,18V17.75H9.75ZM12,3.75C11.31,3.75 10.75,4.31 10.75,5V5.341C10.75,5.659 10.55,5.943 10.25,6.049C8.21,6.77 6.75,8.715 6.75,11V14.158C6.75,14.896 6.457,15.604 5.935,16.125L5.811,16.25H18.189L18.065,16.125C17.543,15.604 17.25,14.896 17.25,14.158V11C17.25,8.715 15.79,6.77 13.75,6.049C13.45,5.943 13.25,5.659 13.25,5.341V5C13.25,4.31 12.69,3.75 12,3.75Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_check.xml b/core/ui/src/main/res/drawable/icon_24_check.xml
new file mode 100644
index 00000000..01c0684f
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_check.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M20.049,6.351C20.517,6.82 20.517,7.58 20.049,8.049L10.448,17.649C9.98,18.117 9.22,18.117 8.751,17.649L3.951,12.849C3.483,12.38 3.483,11.62 3.951,11.151C4.42,10.683 5.18,10.683 5.649,11.151L9.6,15.103L18.351,6.351C18.82,5.883 19.58,5.883 20.049,6.351Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_dash.xml b/core/ui/src/main/res/drawable/icon_24_dash.xml
new file mode 100644
index 00000000..d1a74b5b
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_dash.xml
@@ -0,0 +1,13 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M18,12H6"
+      android:strokeLineJoin="round"
+      android:strokeWidth="2"
+      android:fillColor="#00000000"
+      android:strokeColor="#000000"
+      android:strokeLineCap="round"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_edit.xml b/core/ui/src/main/res/drawable/icon_24_edit.xml
new file mode 100644
index 00000000..6ef11daf
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_edit.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M16.97,2.97C17.508,2.431 18.239,2.129 19,2.129C19.761,2.129 20.492,2.431 21.03,2.97C21.569,3.508 21.871,4.238 21.871,5C21.871,5.762 21.569,6.492 21.03,7.03L19.531,8.529C19.531,8.53 19.531,8.53 19.53,8.53C19.53,8.531 19.53,8.531 19.529,8.531L12.53,15.53C12.39,15.671 12.199,15.75 12,15.75H9C8.586,15.75 8.25,15.414 8.25,15V12C8.25,11.801 8.329,11.61 8.47,11.47L15.47,4.47L16.97,2.97ZM16,6.061L9.75,12.311V14.25H11.689L17.939,8L16,6.061ZM19,6.939L17.061,5L18.03,4.03C18.288,3.773 18.636,3.629 19,3.629C19.364,3.629 19.712,3.773 19.97,4.03C20.227,4.287 20.371,4.636 20.371,5C20.371,5.364 20.227,5.712 19.97,5.97L19,6.939ZM4.055,7.055C4.571,6.54 5.271,6.25 6,6.25H9C9.414,6.25 9.75,6.586 9.75,7C9.75,7.414 9.414,7.75 9,7.75H6C5.668,7.75 5.351,7.882 5.116,8.116C4.882,8.351 4.75,8.668 4.75,9V18C4.75,18.331 4.882,18.649 5.116,18.884C5.351,19.118 5.668,19.25 6,19.25H15C15.332,19.25 15.649,19.118 15.884,18.884C16.118,18.649 16.25,18.331 16.25,18V15C16.25,14.586 16.586,14.25 17,14.25C17.414,14.25 17.75,14.586 17.75,15V18C17.75,18.729 17.46,19.429 16.944,19.944C16.429,20.46 15.729,20.75 15,20.75H6C5.271,20.75 4.571,20.46 4.055,19.944C3.54,19.429 3.25,18.729 3.25,18V9C3.25,8.271 3.54,7.571 4.055,7.055Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_filter.xml b/core/ui/src/main/res/drawable/icon_24_filter.xml
new file mode 100644
index 00000000..5923a12a
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_filter.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M3.75,6.563H5.802C5.963,7.155 6.314,7.678 6.802,8.051C7.29,8.423 7.886,8.625 8.5,8.625C9.114,8.625 9.711,8.423 10.198,8.051C10.686,7.678 11.037,7.155 11.198,6.563H20.25C20.449,6.563 20.64,6.484 20.78,6.343C20.921,6.202 21,6.012 21,5.813C21,5.614 20.921,5.423 20.78,5.282C20.64,5.142 20.449,5.063 20.25,5.063H11.198C11.037,4.47 10.686,3.948 10.198,3.575C9.711,3.202 9.114,3 8.5,3C7.886,3 7.29,3.202 6.802,3.575C6.314,3.948 5.963,4.47 5.802,5.063H3.75C3.551,5.063 3.36,5.142 3.22,5.282C3.079,5.423 3,5.614 3,5.813C3,6.012 3.079,6.202 3.22,6.343C3.36,6.484 3.551,6.563 3.75,6.563ZM8.5,4.5C8.759,4.5 9.013,4.577 9.229,4.721C9.445,4.866 9.613,5.071 9.712,5.31C9.812,5.55 9.838,5.814 9.787,6.069C9.736,6.323 9.611,6.557 9.428,6.741C9.244,6.924 9.01,7.049 8.756,7.1C8.501,7.151 8.237,7.125 7.997,7.025C7.758,6.926 7.553,6.758 7.408,6.542C7.264,6.326 7.187,6.072 7.187,5.813C7.188,5.465 7.326,5.131 7.572,4.885C7.818,4.639 8.152,4.501 8.5,4.5ZM20.25,11.249H18.198C18.037,10.657 17.686,10.134 17.198,9.761C16.711,9.388 16.114,9.186 15.5,9.186C14.886,9.186 14.29,9.388 13.802,9.761C13.314,10.134 12.963,10.657 12.802,11.249H3.75C3.551,11.249 3.36,11.328 3.22,11.469C3.079,11.61 3,11.8 3,11.999C3,12.198 3.079,12.389 3.22,12.53C3.36,12.67 3.551,12.749 3.75,12.749H12.802C12.963,13.342 13.314,13.865 13.802,14.238C14.29,14.611 14.886,14.813 15.5,14.813C16.114,14.813 16.711,14.611 17.198,14.238C17.686,13.865 18.037,13.342 18.198,12.749H20.25C20.449,12.749 20.64,12.67 20.78,12.53C20.921,12.389 21,12.198 21,11.999C21,11.8 20.921,11.61 20.78,11.469C20.64,11.328 20.449,11.249 20.25,11.249ZM15.5,13.312C15.241,13.312 14.987,13.235 14.771,13.091C14.555,12.946 14.387,12.741 14.288,12.502C14.188,12.262 14.162,11.998 14.213,11.743C14.264,11.489 14.389,11.255 14.572,11.071C14.756,10.888 14.99,10.763 15.244,10.712C15.499,10.661 15.763,10.687 16.003,10.787C16.242,10.886 16.447,11.054 16.591,11.27C16.736,11.486 16.813,11.74 16.813,11.999C16.812,12.347 16.674,12.681 16.428,12.927C16.182,13.173 15.848,13.311 15.5,13.312ZM11.198,17.438H20.25C20.449,17.438 20.64,17.517 20.78,17.657C20.921,17.798 21,17.989 21,18.188C21,18.387 20.921,18.577 20.78,18.718C20.64,18.859 20.449,18.938 20.25,18.938H11.198C11.037,19.53 10.686,20.053 10.198,20.426C9.711,20.798 9.114,21 8.5,21C7.886,21 7.29,20.798 6.802,20.426C6.314,20.053 5.963,19.53 5.802,18.938H3.75C3.551,18.938 3.36,18.859 3.22,18.718C3.079,18.577 3,18.387 3,18.188C3,17.989 3.079,17.798 3.22,17.657C3.36,17.517 3.551,17.438 3.75,17.438H5.802C5.963,16.845 6.314,16.323 6.802,15.95C7.29,15.577 7.886,15.375 8.5,15.375C9.114,15.375 9.711,15.577 10.198,15.95C10.686,16.323 11.037,16.845 11.198,17.438ZM7.771,19.279C7.986,19.423 8.24,19.5 8.5,19.5C8.848,19.5 9.181,19.361 9.427,19.115C9.673,18.869 9.812,18.536 9.812,18.188C9.812,17.928 9.735,17.674 9.591,17.458C9.447,17.243 9.242,17.074 9.002,16.975C8.762,16.876 8.498,16.85 8.244,16.9C7.989,16.951 7.755,17.076 7.572,17.26C7.388,17.443 7.263,17.677 7.212,17.932C7.162,18.186 7.188,18.45 7.287,18.69C7.386,18.93 7.555,19.135 7.771,19.279Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_folder.xml b/core/ui/src/main/res/drawable/icon_24_folder.xml
new file mode 100644
index 00000000..73b4786f
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_folder.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M2,6.143V16.857C2,18.041 2.995,19 4.222,19H19.778C21.005,19 22,18.041 22,16.857V8.286C22,7.102 21.005,6.143 19.778,6.143H13.111L10.889,4H4.222C2.995,4 2,4.959 2,6.143Z"
+      android:fillColor="#000000"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_folderline.xml b/core/ui/src/main/res/drawable/icon_24_folderline.xml
new file mode 100644
index 00000000..8e7eadcc
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_folderline.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M2.25,7C2.25,5.481 3.481,4.25 5,4.25H11C11.199,4.25 11.39,4.329 11.53,4.47L13.311,6.25H19C20.519,6.25 21.75,7.481 21.75,9V17C21.75,18.519 20.519,19.75 19,19.75H5C3.481,19.75 2.25,18.519 2.25,17V7ZM5,5.75C4.31,5.75 3.75,6.31 3.75,7V17C3.75,17.69 4.31,18.25 5,18.25H19C19.69,18.25 20.25,17.69 20.25,17V9C20.25,8.31 19.69,7.75 19,7.75H13C12.801,7.75 12.61,7.671 12.47,7.53L10.689,5.75H5Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_google.xml b/core/ui/src/main/res/drawable/icon_24_google.xml
new file mode 100644
index 00000000..58c3c545
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_google.xml
@@ -0,0 +1,26 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M8.75,2.55C6.309,3.387 4.229,5.217 3.07,7.533C2.666,8.332 2.375,9.18 2.197,10.06C1.755,12.241 2.062,14.568 3.065,16.555C3.717,17.851 4.654,19.006 5.786,19.908C6.859,20.761 8.103,21.398 9.429,21.749C11.1,22.197 12.878,22.186 14.56,21.803C16.08,21.452 17.518,20.723 18.666,19.665C19.879,18.547 20.747,17.079 21.205,15.497C21.706,13.774 21.771,11.933 21.458,10.162C18.316,10.162 15.169,10.162 12.027,10.162C12.027,11.469 12.027,12.775 12.027,14.082C13.848,14.082 15.67,14.082 17.492,14.082C17.281,15.335 16.538,16.479 15.487,17.186C14.824,17.635 14.064,17.921 13.277,18.061C12.49,18.196 11.671,18.212 10.884,18.056C10.081,17.894 9.321,17.559 8.653,17.089C7.586,16.339 6.772,15.243 6.357,14.006C5.932,12.748 5.926,11.35 6.357,10.098C6.659,9.212 7.155,8.397 7.812,7.727C8.621,6.896 9.672,6.302 10.809,6.059C11.779,5.854 12.803,5.892 13.751,6.178C14.56,6.421 15.304,6.869 15.913,7.452C16.527,6.837 17.141,6.221 17.756,5.606C18.079,5.276 18.419,4.958 18.731,4.618C17.799,3.754 16.699,3.057 15.503,2.615C13.347,1.815 10.922,1.799 8.75,2.55Z"
+      android:fillColor="#ffffff"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M8.75,2.55C10.917,1.799 13.347,1.815 15.503,2.609C16.699,3.052 17.793,3.743 18.731,4.612C18.419,4.952 18.079,5.271 17.756,5.6C17.141,6.216 16.527,6.831 15.913,7.447C15.304,6.864 14.56,6.421 13.751,6.172C12.803,5.886 11.779,5.843 10.809,6.054C9.677,6.297 8.626,6.89 7.812,7.722C7.155,8.386 6.659,9.207 6.357,10.092C5.263,9.239 4.169,8.391 3.07,7.538C4.229,5.217 6.309,3.387 8.75,2.55Z"
+      android:fillColor="#EA4335"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M2.202,10.054C2.38,9.18 2.671,8.327 3.075,7.528C4.169,8.381 5.263,9.228 6.363,10.081C5.932,11.339 5.932,12.738 6.363,13.99C5.269,14.843 4.175,15.696 3.081,16.544C2.068,14.563 1.76,12.236 2.202,10.054Z"
+      android:fillColor="#FBBC05"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M12.027,10.157C15.169,10.157 18.316,10.157 21.458,10.157C21.771,11.922 21.701,13.764 21.205,15.491C20.747,17.073 19.879,18.542 18.666,19.659C17.605,18.833 16.543,18.007 15.481,17.181C16.532,16.474 17.276,15.329 17.486,14.077C15.665,14.077 13.843,14.077 12.021,14.077C12.027,12.77 12.027,11.464 12.027,10.157Z"
+      android:fillColor="#4285F4"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M3.07,16.549C4.164,15.702 5.258,14.849 6.352,13.996C6.772,15.232 7.581,16.328 8.648,17.079C9.316,17.548 10.081,17.883 10.879,18.045C11.666,18.207 12.479,18.185 13.272,18.05C14.059,17.91 14.818,17.624 15.481,17.176C16.543,18.002 17.605,18.828 18.666,19.654C17.518,20.717 16.08,21.441 14.56,21.792C12.878,22.175 11.1,22.186 9.429,21.738C8.104,21.387 6.859,20.755 5.786,19.897C4.66,19 3.722,17.845 3.07,16.549Z"
+      android:fillColor="#34A853"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_home.xml b/core/ui/src/main/res/drawable/icon_24_home.xml
new file mode 100644
index 00000000..537da895
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_home.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M20.164,8.638L13.221,3.419C12.482,2.86 11.486,2.86 10.746,3.419L3.804,8.638C3.289,9.01 3,9.601 3,10.191V18.577C3,19.913 4.125,21 5.507,21H10.329V16.651C10.329,16.651 10.425,16.434 10.554,16.434H13.414C13.414,16.434 13.639,16.527 13.639,16.651V21H18.621C19.939,21 21,19.975 21,18.701V10.16C21,9.538 20.711,8.979 20.196,8.607L20.164,8.638Z"
+      android:fillColor="#000000"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_info.xml b/core/ui/src/main/res/drawable/icon_24_info.xml
new file mode 100644
index 00000000..42177b55
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_info.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12.333,4.75C8.145,4.75 4.75,8.145 4.75,12.333C4.75,16.521 8.145,19.917 12.333,19.917C16.521,19.917 19.917,16.521 19.917,12.333C19.917,8.145 16.521,4.75 12.333,4.75ZM3.25,12.333C3.25,7.317 7.317,3.25 12.333,3.25C17.35,3.25 21.417,7.317 21.417,12.333C21.417,17.35 17.35,21.417 12.333,21.417C7.317,21.417 3.25,17.35 3.25,12.333ZM12.333,11.583C12.748,11.583 13.083,11.919 13.083,12.333V16.333C13.083,16.747 12.748,17.083 12.333,17.083C11.919,17.083 11.583,16.747 11.583,16.333V12.333C11.583,11.919 11.919,11.583 12.333,11.583ZM12.333,8.25C11.919,8.25 11.583,8.586 11.583,9C11.583,9.414 11.919,9.75 12.333,9.75H12.333C12.748,9.75 13.083,9.414 13.083,9C13.083,8.586 12.748,8.25 12.333,8.25H12.333Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_kebab.xml b/core/ui/src/main/res/drawable/icon_24_kebab.xml
new file mode 100644
index 00000000..e7a9293f
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_kebab.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M10.5,5C10.5,4.172 11.172,3.5 12,3.5C12.828,3.5 13.5,4.172 13.5,5C13.5,5.828 12.828,6.5 12,6.5C11.172,6.5 10.5,5.828 10.5,5ZM10.5,12C10.5,11.172 11.172,10.5 12,10.5C12.828,10.5 13.5,11.172 13.5,12C13.5,12.828 12.828,13.5 12,13.5C11.172,13.5 10.5,12.828 10.5,12ZM10.5,19C10.5,18.172 11.172,17.5 12,17.5C12.828,17.5 13.5,18.172 13.5,19C13.5,19.828 12.828,20.5 12,20.5C11.172,20.5 10.5,19.828 10.5,19Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_link.xml b/core/ui/src/main/res/drawable/icon_24_link.xml
new file mode 100644
index 00000000..13e51e90
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_link.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M15.103,5.503C16.04,4.566 17.56,4.566 18.497,5.503C19.434,6.44 19.434,7.96 18.497,8.897L14.897,12.497C13.96,13.434 12.44,13.434 11.503,12.497C11.034,12.028 10.274,12.028 9.806,12.497C9.337,12.966 9.337,13.726 9.806,14.194C11.68,16.069 14.72,16.069 16.594,14.194L20.194,10.594C22.069,8.72 22.069,5.68 20.194,3.806C18.32,1.931 15.28,1.931 13.406,3.806L11.606,5.606C11.137,6.075 11.137,6.834 11.606,7.303C12.075,7.772 12.834,7.772 13.303,7.303L15.103,5.503ZM9.103,11.503C10.04,10.566 11.56,10.566 12.497,11.503C12.966,11.972 13.726,11.972 14.194,11.503C14.663,11.034 14.663,10.274 14.194,9.806C12.32,7.931 9.28,7.931 7.406,9.806L3.806,13.406C1.931,15.28 1.931,18.32 3.806,20.194C5.68,22.069 8.72,22.069 10.594,20.194L12.394,18.394C12.863,17.926 12.863,17.166 12.394,16.697C11.925,16.228 11.166,16.228 10.697,16.697L8.897,18.497C7.96,19.434 6.44,19.434 5.503,18.497C4.566,17.56 4.566,16.04 5.503,15.103L9.103,11.503Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_linkline.xml b/core/ui/src/main/res/drawable/icon_24_linkline.xml
new file mode 100644
index 00000000..2fcef5ac
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_linkline.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M13.465,3.464C15.417,1.512 18.583,1.512 20.535,3.464C22.488,5.417 22.488,8.583 20.535,10.535L16.535,14.535C14.583,16.488 11.417,16.488 9.464,14.535C9.074,14.145 9.074,13.512 9.464,13.121C9.855,12.731 10.488,12.731 10.879,13.121C12.05,14.293 13.95,14.293 15.121,13.121L19.121,9.121C20.293,7.95 20.293,6.05 19.121,4.879C17.95,3.707 16.05,3.707 14.879,4.879L13.779,5.978C13.389,6.369 12.755,6.369 12.365,5.978C11.974,5.588 11.974,4.955 12.365,4.564L13.465,3.464ZM7.464,9.464C9.417,7.512 12.583,7.512 14.535,9.465C14.926,9.855 14.926,10.488 14.535,10.879C14.145,11.269 13.512,11.269 13.121,10.879C11.95,9.707 10.05,9.707 8.879,10.879L4.879,14.879C3.707,16.05 3.707,17.95 4.879,19.121C6.05,20.293 7.95,20.293 9.121,19.121L10.223,18.02C10.613,17.629 11.247,17.629 11.637,18.02C12.028,18.41 12.028,19.044 11.637,19.434L10.535,20.535C8.583,22.488 5.417,22.488 3.464,20.535C1.512,18.583 1.512,15.417 3.464,13.465L7.464,9.464C7.464,9.464 7.464,9.464 7.464,9.464Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_plus.xml b/core/ui/src/main/res/drawable/icon_24_plus.xml
new file mode 100644
index 00000000..35df2c39
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_plus.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12,3.6C12.663,3.6 13.2,4.137 13.2,4.8V10.8H19.2C19.863,10.8 20.4,11.337 20.4,12C20.4,12.663 19.863,13.2 19.2,13.2H13.2V19.2C13.2,19.863 12.663,20.4 12,20.4C11.337,20.4 10.8,19.863 10.8,19.2V13.2H4.8C4.137,13.2 3.6,12.663 3.6,12C3.6,11.337 4.137,10.8 4.8,10.8H10.8V4.8C10.8,4.137 11.337,3.6 12,3.6Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_plus_r.xml b/core/ui/src/main/res/drawable/icon_24_plus_r.xml
new file mode 100644
index 00000000..2bd9c4ca
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_plus_r.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12,3C12.552,3 13,3.448 13,4V11H20C20.552,11 21,11.448 21,12C21,12.552 20.552,13 20,13H13V20C13,20.552 12.552,21 12,21C11.448,21 11,20.552 11,20V13H4C3.448,13 3,12.552 3,12C3,11.448 3.448,11 4,11H11V4C11,3.448 11.448,3 12,3Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_remind.xml b/core/ui/src/main/res/drawable/icon_24_remind.xml
new file mode 100644
index 00000000..7d6f06bf
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_remind.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M11.707,4.707C11.52,4.895 11.265,5 11,5C10.735,5 10.48,4.895 10.293,4.707C10.105,4.52 10,4.265 10,4V2C10,1.735 10.105,1.48 10.293,1.293C10.48,1.105 10.735,1 11,1C11.265,1 11.52,1.105 11.707,1.293C11.895,1.48 12,1.735 12,2V4C12,4.265 11.895,4.52 11.707,4.707ZM20.843,5.158C18.966,3.281 15.923,3.281 14.046,5.158L14.046,5.158L13.069,6.135C12.581,6.623 12.581,7.415 13.069,7.903C13.557,8.391 14.349,8.391 14.837,7.903L15.814,6.925L15.814,6.925C16.715,6.025 18.174,6.025 19.075,6.925C19.975,7.826 19.975,9.285 19.075,10.186L15.519,13.741L16.403,14.625L15.519,13.741C14.619,14.642 13.159,14.642 12.259,13.741C11.771,13.253 10.979,13.253 10.491,13.741C10.003,14.229 10.003,15.021 10.491,15.509C12.368,17.386 15.41,17.386 17.287,15.509L20.843,11.954L19.959,11.07L20.843,11.954C22.719,10.077 22.719,7.034 20.843,5.158L19.961,6.039L20.843,5.158ZM15.509,10.491C13.632,8.614 10.59,8.614 8.713,10.491L5.158,14.046L6.033,14.922L5.158,14.046C3.281,15.923 3.281,18.966 5.158,20.843L6.039,19.961L5.158,20.843C7.034,22.719 10.077,22.719 11.954,20.843L11.954,20.843L12.933,19.863C13.421,19.375 13.421,18.584 12.933,18.096C12.445,17.608 11.653,17.607 11.165,18.096L10.186,19.075L10.186,19.075C9.285,19.975 7.826,19.975 6.925,19.075C6.025,18.174 6.025,16.715 6.925,15.814L10.481,12.259L10.481,12.259C11.381,11.358 12.841,11.358 13.741,12.259C14.229,12.747 15.021,12.747 15.509,12.259C15.997,11.771 15.997,10.979 15.509,10.491ZM5,11C5,10.735 4.895,10.48 4.707,10.293C4.52,10.105 4.265,10 4,10H2C1.735,10 1.48,10.105 1.293,10.293C1.105,10.48 1,10.735 1,11C1,11.265 1.105,11.52 1.293,11.707C1.48,11.895 1.735,12 2,12H4C4.265,12 4.52,11.895 4.707,11.707C4.895,11.52 5,11.265 5,11ZM4.497,3.724C4.765,3.716 5.025,3.816 5.22,4L6.72,5.42C6.906,5.607 7.011,5.861 7.011,6.125C7.011,6.389 6.906,6.643 6.72,6.83C6.627,6.927 6.516,7.005 6.392,7.058C6.268,7.112 6.135,7.139 6,7.14C5.866,7.145 5.732,7.122 5.607,7.074C5.481,7.026 5.367,6.953 5.27,6.86L3.83,5.47C3.635,5.286 3.522,5.031 3.514,4.763C3.507,4.495 3.606,4.235 3.79,4.04C3.975,3.845 4.229,3.731 4.497,3.724Z"
+      android:fillColor="#262626"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_reminder.xml b/core/ui/src/main/res/drawable/icon_24_reminder.xml
new file mode 100644
index 00000000..2b450e01
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_reminder.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M15,2.25C15.414,2.25 15.75,2.586 15.75,3V4.25H17C17.729,4.25 18.429,4.54 18.944,5.055C19.46,5.571 19.75,6.271 19.75,7V11C19.75,11.414 19.414,11.75 19,11.75H3.75V19C3.75,19.331 3.882,19.649 4.116,19.884C4.351,20.118 4.668,20.25 5,20.25H11.795C12.209,20.25 12.545,20.586 12.545,21C12.545,21.414 12.209,21.75 11.795,21.75H5C4.271,21.75 3.571,21.46 3.055,20.944C2.54,20.429 2.25,19.729 2.25,19V11V7C2.25,6.271 2.54,5.571 3.055,5.055C3.571,4.54 4.271,4.25 5,4.25H6.25V3C6.25,2.586 6.586,2.25 7,2.25C7.414,2.25 7.75,2.586 7.75,3V4.25H14.25V3C14.25,2.586 14.586,2.25 15,2.25ZM18.25,7V10.25H3.75V7C3.75,6.668 3.882,6.351 4.116,6.116C4.351,5.882 4.668,5.75 5,5.75H6.25V7C6.25,7.414 6.586,7.75 7,7.75C7.414,7.75 7.75,7.414 7.75,7V5.75H14.25V7C14.25,7.414 14.586,7.75 15,7.75C15.414,7.75 15.75,7.414 15.75,7V5.75H17C17.331,5.75 17.649,5.882 17.884,6.116C18.118,6.351 18.25,6.668 18.25,7ZM14.75,18C14.75,16.205 16.205,14.75 18,14.75C19.795,14.75 21.25,16.205 21.25,18C21.25,19.795 19.795,21.25 18,21.25C16.205,21.25 14.75,19.795 14.75,18ZM18,13.25C15.377,13.25 13.25,15.377 13.25,18C13.25,20.623 15.377,22.75 18,22.75C20.623,22.75 22.75,20.623 22.75,18C22.75,15.377 20.623,13.25 18,13.25ZM18.75,16.496C18.75,16.082 18.414,15.746 18,15.746C17.586,15.746 17.25,16.082 17.25,16.496V18C17.25,18.199 17.329,18.39 17.47,18.53L18.47,19.53C18.763,19.823 19.237,19.823 19.53,19.53C19.823,19.237 19.823,18.763 19.53,18.47L18.75,17.689V16.496Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_search.xml b/core/ui/src/main/res/drawable/icon_24_search.xml
new file mode 100644
index 00000000..2b0892bb
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_search.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M10,3.75C6.548,3.75 3.75,6.548 3.75,10C3.75,13.452 6.548,16.25 10,16.25C13.452,16.25 16.25,13.452 16.25,10C16.25,6.548 13.452,3.75 10,3.75ZM2.25,10C2.25,5.72 5.72,2.25 10,2.25C14.28,2.25 17.75,5.72 17.75,10C17.75,11.87 17.088,13.585 15.985,14.924L21.53,20.47C21.823,20.763 21.823,21.237 21.53,21.53C21.237,21.823 20.763,21.823 20.47,21.53L14.924,15.985C13.585,17.088 11.87,17.75 10,17.75C5.72,17.75 2.25,14.28 2.25,10Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_setup.xml b/core/ui/src/main/res/drawable/icon_24_setup.xml
new file mode 100644
index 00000000..f2f29495
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_setup.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M11.054,4.494C11.295,3.502 12.705,3.502 12.946,4.494C13.038,4.872 13.218,5.224 13.471,5.52C13.724,5.816 14.044,6.048 14.404,6.197C14.763,6.346 15.153,6.408 15.542,6.378C15.93,6.348 16.306,6.226 16.638,6.023C17.51,5.493 18.508,6.49 17.978,7.363C17.775,7.695 17.654,8.071 17.624,8.459C17.594,8.847 17.656,9.237 17.805,9.596C17.954,9.956 18.185,10.275 18.481,10.529C18.776,10.782 19.128,10.962 19.506,11.054L19.506,11.054C20.498,11.295 20.498,12.705 19.506,12.946C19.128,13.038 18.776,13.218 18.48,13.471C18.184,13.724 17.952,14.044 17.803,14.404C17.654,14.763 17.592,15.153 17.622,15.542C17.653,15.93 17.774,16.306 17.976,16.638C18.507,17.51 17.51,18.508 16.637,17.978C16.305,17.775 15.929,17.654 15.541,17.624C15.153,17.594 14.763,17.656 14.404,17.805C14.044,17.954 13.725,18.185 13.471,18.481C13.218,18.776 13.038,19.128 12.946,19.506L12.946,19.506C12.705,20.498 11.295,20.498 11.054,19.506C10.962,19.128 10.782,18.776 10.529,18.48C10.276,18.184 9.956,17.952 9.596,17.803C9.237,17.654 8.847,17.592 8.458,17.622C8.07,17.653 7.694,17.774 7.362,17.976C6.49,18.507 5.491,17.51 6.023,16.637C6.225,16.305 6.346,15.929 6.376,15.541C6.406,15.153 6.344,14.763 6.195,14.404C6.047,14.044 5.815,13.725 5.519,13.471C5.224,13.218 4.872,13.038 4.494,12.946L4.494,12.946C3.502,12.705 3.502,11.295 4.494,11.054C4.872,10.962 5.224,10.782 5.52,10.529C5.816,10.276 6.048,9.956 6.197,9.596C6.346,9.237 6.408,8.847 6.378,8.458C6.348,8.07 6.226,7.694 6.023,7.362C5.493,6.49 6.49,5.491 7.363,6.023L7.363,6.023C8.797,6.894 10.658,6.123 11.054,4.494L11.054,4.494ZM14.404,4.14C13.792,1.62 10.208,1.62 9.596,4.14L9.596,4.14C9.44,4.782 8.709,5.086 8.143,4.741C5.927,3.393 3.394,5.928 4.742,8.142L4.743,8.142C4.822,8.273 4.87,8.421 4.882,8.574C4.894,8.727 4.87,8.881 4.811,9.022C4.752,9.164 4.661,9.29 4.544,9.389C4.428,9.489 4.289,9.56 4.14,9.596L4.14,9.596C1.62,10.208 1.62,13.792 4.14,14.404C4.289,14.44 4.427,14.511 4.543,14.611C4.66,14.71 4.751,14.836 4.81,14.978C4.868,15.119 4.893,15.273 4.881,15.425C4.869,15.578 4.821,15.726 4.741,15.857L4.741,15.857C3.393,18.072 5.928,20.607 8.142,19.257L8.142,19.257C8.273,19.177 8.421,19.13 8.574,19.118C8.727,19.106 8.881,19.13 9.022,19.189C9.164,19.248 9.29,19.339 9.389,19.456C9.489,19.572 9.56,19.711 9.596,19.86L9.596,19.86C10.208,22.38 13.792,22.38 14.404,19.86C14.44,19.711 14.511,19.573 14.611,19.457C14.71,19.34 14.836,19.249 14.978,19.191C15.119,19.132 15.273,19.108 15.425,19.119C15.578,19.131 15.726,19.179 15.857,19.258L15.857,19.259C18.072,20.607 20.607,18.072 19.257,15.858L19.257,15.858C19.177,15.727 19.13,15.579 19.118,15.426C19.106,15.273 19.13,15.119 19.189,14.978C19.248,14.836 19.339,14.71 19.456,14.611C19.572,14.511 19.711,14.44 19.86,14.404L19.86,14.404C22.38,13.792 22.38,10.208 19.86,9.596C19.711,9.56 19.573,9.489 19.457,9.389C19.34,9.29 19.249,9.164 19.191,9.022C19.132,8.881 19.108,8.727 19.119,8.575C19.131,8.422 19.179,8.274 19.258,8.143L19.259,8.143C20.607,5.928 18.072,3.393 15.858,4.742L15.858,4.743C15.727,4.822 15.579,4.87 15.426,4.882C15.273,4.894 15.119,4.87 14.978,4.811C14.836,4.752 14.71,4.661 14.611,4.544C14.511,4.428 14.44,4.289 14.404,4.14L14.404,4.14ZM9.75,12C9.75,10.757 10.757,9.75 12,9.75C13.243,9.75 14.25,10.757 14.25,12C14.25,13.243 13.243,14.25 12,14.25C10.757,14.25 9.75,13.243 9.75,12ZM12,8.25C9.929,8.25 8.25,9.929 8.25,12C8.25,14.071 9.929,15.75 12,15.75C14.071,15.75 15.75,14.071 15.75,12C15.75,9.929 14.071,8.25 12,8.25Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_share.xml b/core/ui/src/main/res/drawable/icon_24_share.xml
new file mode 100644
index 00000000..8b83c1e9
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_share.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M14.25,6C14.25,3.929 15.929,2.25 18,2.25C20.071,2.25 21.75,3.929 21.75,6C21.75,8.071 20.071,9.75 18,9.75C16.801,9.75 15.735,9.188 15.049,8.314L9.622,11.027C9.706,11.338 9.75,11.664 9.75,12C9.75,12.336 9.706,12.662 9.622,12.973L15.049,15.686C15.735,14.813 16.801,14.25 18,14.25C20.071,14.25 21.75,15.929 21.75,18C21.75,20.071 20.071,21.75 18,21.75C15.929,21.75 14.25,20.071 14.25,18C14.25,17.664 14.294,17.338 14.377,17.027L8.951,14.314C8.265,15.188 7.199,15.75 6,15.75C3.929,15.75 2.25,14.071 2.25,12C2.25,9.929 3.929,8.25 6,8.25C7.199,8.25 8.265,8.812 8.951,9.686L14.378,6.973C14.294,6.662 14.25,6.336 14.25,6ZM15.987,7.006C16.357,7.745 17.12,8.25 18,8.25C19.243,8.25 20.25,7.243 20.25,6C20.25,4.757 19.243,3.75 18,3.75C16.757,3.75 15.75,4.757 15.75,6C15.75,6.363 15.835,6.704 15.987,7.006ZM15.987,16.994C15.835,17.296 15.75,17.637 15.75,18C15.75,19.243 16.757,20.25 18,20.25C19.243,20.25 20.25,19.243 20.25,18C20.25,16.757 19.243,15.75 18,15.75C17.12,15.75 16.357,16.255 15.987,16.994ZM6,9.75C4.757,9.75 3.75,10.757 3.75,12C3.75,13.243 4.757,14.25 6,14.25C6.88,14.25 7.643,13.745 8.013,13.006L8.013,13.006C8.165,12.704 8.25,12.363 8.25,12C8.25,11.637 8.165,11.296 8.013,10.994L8.013,10.994C7.643,10.255 6.88,9.75 6,9.75Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_star.xml b/core/ui/src/main/res/drawable/icon_24_star.xml
new file mode 100644
index 00000000..b7728d42
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_star.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M19.569,11.803C19.748,11.672 19.881,11.489 19.949,11.279C20.017,11.07 20.017,10.845 19.948,10.636C19.88,10.427 19.746,10.244 19.566,10.113C19.386,9.982 19.17,9.91 18.946,9.906L14.602,9.745C14.58,9.744 14.56,9.736 14.543,9.724C14.526,9.711 14.513,9.694 14.505,9.674L13.004,5.691C12.929,5.489 12.792,5.314 12.612,5.19C12.432,5.066 12.217,5 11.998,5C11.778,5 11.564,5.066 11.384,5.19C11.204,5.314 11.067,5.489 10.991,5.691L9.495,9.688C9.487,9.708 9.474,9.725 9.457,9.738C9.44,9.751 9.42,9.758 9.398,9.759L5.054,9.921C4.83,9.924 4.613,9.997 4.434,10.127C4.254,10.258 4.12,10.441 4.052,10.65C3.983,10.859 3.983,11.084 4.051,11.294C4.119,11.503 4.252,11.686 4.431,11.817L7.839,14.449C7.856,14.462 7.869,14.48 7.876,14.5C7.883,14.52 7.883,14.542 7.878,14.563L6.705,18.645C6.644,18.853 6.65,19.074 6.722,19.279C6.793,19.483 6.928,19.661 7.106,19.788C7.284,19.915 7.498,19.985 7.718,19.988C7.938,19.992 8.154,19.928 8.336,19.807L11.937,17.436C11.955,17.424 11.976,17.418 11.998,17.418C12.019,17.418 12.04,17.424 12.058,17.436L15.659,19.807C15.839,19.933 16.054,20 16.274,20C16.495,20 16.71,19.933 16.89,19.807C17.068,19.681 17.202,19.504 17.274,19.301C17.346,19.097 17.351,18.876 17.29,18.669L16.108,14.572C16.101,14.552 16.102,14.53 16.109,14.509C16.116,14.489 16.129,14.471 16.146,14.458L19.569,11.803Z"
+      android:fillColor="#000000"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_star_1.xml b/core/ui/src/main/res/drawable/icon_24_star_1.xml
new file mode 100644
index 00000000..c8a0cb9b
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_star_1.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12.238,3.159C12.163,2.928 11.837,2.928 11.762,3.159L10.244,7.833C10.009,8.554 9.337,9.042 8.579,9.042H3.665C3.423,9.042 3.322,9.352 3.518,9.494L3.518,9.494L7.494,12.383C7.494,12.383 7.494,12.383 7.494,12.383C8.107,12.828 8.364,13.618 8.13,14.339L6.611,19.013C6.536,19.243 6.8,19.435 6.996,19.292L7.436,19.899L6.996,19.292L10.971,16.404C10.971,16.404 10.971,16.404 10.971,16.404C11.585,15.958 12.415,15.958 13.029,16.404C13.029,16.404 13.029,16.404 13.029,16.404L17.004,19.292L16.563,19.899L17.004,19.292C17.2,19.435 17.464,19.243 17.389,19.013C17.389,19.013 17.389,19.013 17.389,19.013L15.87,14.339C15.636,13.618 15.893,12.828 16.506,12.383L20.482,9.494L20.914,10.089L20.482,9.494C20.678,9.352 20.577,9.042 20.335,9.042H15.421C14.663,9.042 13.991,8.554 13.756,7.833C13.756,7.833 13.756,7.833 13.756,7.832L12.238,3.159ZM10.336,2.695C10.859,1.083 13.14,1.083 13.664,2.695L13.664,2.695L15.183,7.369L15.183,7.369C15.216,7.472 15.312,7.542 15.421,7.542H20.335C22.03,7.542 22.735,9.711 21.364,10.708L17.388,13.596L17.388,13.596C17.3,13.66 17.264,13.773 17.297,13.876L17.297,13.876L18.816,18.549L18.816,18.549C19.34,20.162 17.494,21.502 16.123,20.506L12.147,17.618L12.147,17.617C12.059,17.554 11.941,17.554 11.853,17.617L11.853,17.618L7.877,20.506C6.506,21.502 4.66,20.162 5.184,18.549L6.703,13.876L7.416,14.107L6.703,13.876C6.736,13.773 6.7,13.66 6.612,13.596L6.612,13.596L2.636,10.708C2.636,10.708 2.636,10.708 2.636,10.708C1.265,9.711 1.97,7.542 3.665,7.542H8.579C8.688,7.542 8.784,7.472 8.817,7.369L10.336,2.695L10.336,2.695Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_trash.xml b/core/ui/src/main/res/drawable/icon_24_trash.xml
new file mode 100644
index 00000000..4d8818d4
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_trash.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M8.25,4C8.25,3.034 9.034,2.25 10,2.25H14C14.967,2.25 15.75,3.034 15.75,4V6.25H18.992C18.997,6.25 19.001,6.25 19.006,6.25H20C20.414,6.25 20.75,6.586 20.75,7C20.75,7.414 20.414,7.75 20,7.75H19.698L18.881,19.196C18.778,20.635 17.58,21.75 16.138,21.75H7.862C6.419,21.75 5.222,20.635 5.119,19.196L4.302,7.75H4C3.586,7.75 3.25,7.414 3.25,7C3.25,6.586 3.586,6.25 4,6.25H4.994C4.998,6.25 5.003,6.25 5.008,6.25H8.25V4ZM5.805,7.75L6.615,19.089C6.662,19.743 7.206,20.25 7.862,20.25H16.138C16.794,20.25 17.338,19.743 17.385,19.089C17.385,19.089 17.385,19.089 17.385,19.089L18.194,7.75H5.805ZM14.25,6.25H9.75V4C9.75,3.862 9.862,3.75 10,3.75H14C14.138,3.75 14.25,3.862 14.25,4V6.25ZM10,10.25C10.414,10.25 10.75,10.586 10.75,11V17C10.75,17.414 10.414,17.75 10,17.75C9.586,17.75 9.25,17.414 9.25,17V11C9.25,10.586 9.586,10.25 10,10.25ZM14,10.25C14.414,10.25 14.75,10.586 14.75,11V17C14.75,17.414 14.414,17.75 14,17.75C13.586,17.75 13.25,17.414 13.25,17V11C13.25,10.586 13.586,10.25 14,10.25Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/icon_24_x.xml b/core/ui/src/main/res/drawable/icon_24_x.xml
new file mode 100644
index 00000000..fc53b875
--- /dev/null
+++ b/core/ui/src/main/res/drawable/icon_24_x.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M5.47,5.47C5.763,5.177 6.237,5.177 6.53,5.47L12,10.939L17.47,5.47C17.763,5.177 18.237,5.177 18.53,5.47C18.823,5.763 18.823,6.237 18.53,6.53L13.061,12L18.53,17.47C18.823,17.763 18.823,18.237 18.53,18.53C18.237,18.823 17.763,18.823 17.47,18.53L12,13.061L6.53,18.53C6.237,18.823 5.763,18.823 5.47,18.53C5.177,18.237 5.177,17.763 5.47,17.47L10.939,12L5.47,6.53C5.177,6.237 5.177,5.763 5.47,5.47Z"
+      android:fillColor="#000000"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/image_floating.xml b/core/ui/src/main/res/drawable/image_floating.xml
new file mode 100644
index 00000000..f1183b4b
--- /dev/null
+++ b/core/ui/src/main/res/drawable/image_floating.xml
@@ -0,0 +1,13 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="60dp"
+    android:height="60dp"
+    android:viewportWidth="60"
+    android:viewportHeight="60">
+  <path
+      android:pathData="M0,30C0,13.432 13.432,0 30,0C46.569,0 60,13.432 60,30C60,46.569 46.569,60 30,60C13.432,60 0,46.569 0,30Z"
+      android:fillColor="#FE8422"/>
+  <path
+      android:pathData="M30,17.4C30.994,17.4 31.8,18.206 31.8,19.2V28.2H40.8C41.794,28.2 42.6,29.006 42.6,30C42.6,30.994 41.794,31.8 40.8,31.8H31.8V40.8C31.8,41.794 30.994,42.6 30,42.6C29.006,42.6 28.2,41.794 28.2,40.8V31.8H19.2C18.206,31.8 17.4,30.994 17.4,30C17.4,29.006 18.206,28.2 19.2,28.2H28.2V19.2C28.2,18.206 29.006,17.4 30,17.4Z"
+      android:fillColor="#ffffff"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/logo_brand.xml b/core/ui/src/main/res/drawable/logo_brand.xml
new file mode 100644
index 00000000..b7819c49
--- /dev/null
+++ b/core/ui/src/main/res/drawable/logo_brand.xml
@@ -0,0 +1,22 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="235dp"
+    android:height="72dp"
+    android:viewportWidth="235"
+    android:viewportHeight="72">
+  <group>
+    <clip-path
+        android:pathData="M0.5,0h234v72h-234z"/>
+    <path
+        android:pathData="M14.9,5.15H31.56V70.95H14.9V5.15ZM7.5,21.35C7.5,21.35 19.76,32.65 23.84,34.64C27.92,36.64 34.12,38.78 37.03,38.89C40.67,39.03 45.07,38.13 47.06,36.33C49.03,34.54 50.03,31.93 50.03,28.53V28.44C50.03,25.01 49.03,22.41 47.06,20.65C45.07,18.88 42.02,17.46 38.82,18C33.32,18.94 25.53,24.54 25.53,24.54L20.66,13.76C20.66,13.76 31.27,5.37 42.82,5.15C47.83,5.06 51.92,6.11 55.52,8.04C59.13,9.97 61.91,12.67 63.9,16.16C65.88,19.64 66.87,23.74 66.87,28.44V28.53C66.87,33.22 65.88,37.3 63.9,40.78C61.91,44.26 59.13,46.95 55.52,48.85C51.92,50.74 44.85,51.99 40.22,51.99C34.47,51.99 25.75,50.83 19.13,47.21C11.16,42.88 0.5,31.82 0.5,31.82L7.5,21.35Z"
+        android:fillColor="#FE8422"/>
+    <path
+        android:pathData="M78.41,68.95C74.63,66.92 71.71,63.97 69.67,60.11C67.63,56.24 66.61,51.6 66.61,46.15V46.06C66.61,40.71 67.66,36.1 69.75,32.22C71.84,28.34 74.77,25.38 78.55,23.32C82.33,21.27 86.79,20.25 91.9,20.25C97.01,20.25 101.5,21.27 105.28,23.32C109.07,25.37 112,28.33 114.09,32.17C116.18,36.02 117.22,40.64 117.22,46.06V46.15C117.22,51.62 116.19,56.29 114.14,60.14C112.08,64.01 109.17,66.94 105.4,68.96C101.63,70.99 97.14,72 91.9,72C86.66,72 82.2,70.98 78.42,68.94L78.41,68.95ZM96.7,58.16C98.03,57.11 99.05,55.57 99.76,53.53C100.47,51.49 100.83,49.03 100.83,46.15V46.06C100.83,43.21 100.46,40.77 99.72,38.74C98.98,36.72 97.94,35.18 96.61,34.11C95.28,33.05 93.71,32.52 91.89,32.52C90.07,32.52 88.53,33.05 87.19,34.11C85.84,35.18 84.8,36.72 84.05,38.74C83.31,40.77 82.94,43.21 82.94,46.06V46.15C82.94,49.04 83.3,51.51 84.02,53.53C84.75,55.57 85.79,57.11 87.14,58.16C88.48,59.21 90.08,59.73 91.92,59.73C93.77,59.73 95.36,59.21 96.69,58.16H96.7Z"
+        android:fillColor="#FE8422"/>
+    <path
+        android:pathData="M182.37,15.95C184.69,15.95 186.65,15.16 188.23,13.58C189.8,12 190.59,10.13 190.59,7.98C190.59,5.82 189.8,3.92 188.23,2.35C186.65,0.78 184.7,0 182.37,0C180.03,0 178.12,0.78 176.53,2.35C174.95,3.92 174.15,5.78 174.15,7.98C174.15,10.17 174.95,12.01 176.53,13.58C178.12,15.16 180.07,15.95 182.37,15.95Z"
+        android:fillColor="#FE8422"/>
+    <path
+        android:pathData="M229.69,33.15V21.3H222.34C222.34,17.48 222.34,13.67 222.34,9.86H207.61V21.3C205.38,21.3 203.13,21.3 200.9,21.3V33.15C203.13,33.15 205.37,33.15 207.6,33.15C207.74,37.72 207.68,42.28 207.41,46.84C207.33,48.25 207.21,49.7 206.58,50.96C205.23,53.67 201.87,54.72 198.85,54.72C196.1,54.72 193.03,53.84 191.69,51.43C190.96,50.14 190.86,48.61 190.77,47.13C190.54,43.05 190.43,38.96 190.46,34.86C190.46,30.34 190.46,25.81 190.46,21.28C185.09,21.28 179.72,21.28 174.35,21.28C174.35,29.55 174.35,37.82 174.35,46.08C174.35,47.58 174.35,49.13 173.73,50.49C173.09,51.95 171.81,53.06 170.4,53.78C166.72,55.64 162.09,55.01 158.67,52.7C155.25,50.39 153.01,46.59 151.97,42.58C157.78,35.49 163.59,28.38 169.4,21.28C164.22,21.28 159.04,21.26 153.88,21.25C153.11,21.25 152.29,21.25 151.62,21.62C151.08,21.92 150.68,22.44 150.29,22.93C145.88,28.68 141.48,34.44 137.06,40.18C137.04,28.5 137.01,16.81 136.98,5.12C131.64,5.12 126.28,5.12 120.94,5.12C120.94,20.67 120.94,36.24 120.94,51.79C120.94,57.71 120.94,63.61 120.94,69.52C120.94,70.3 120.75,70.66 121.39,70.92C121.96,71.16 123.11,70.92 123.73,70.92H128.14C128.88,70.92 136.98,70.92 136.98,70.92C136.98,67.54 136.83,61.53 136.93,58.24C137.04,54.94 138.21,53.5 140.01,52.1C142.24,60.81 149.43,68.04 158.09,70.3C166.75,72.56 176.53,69.72 182.68,63.18C186.56,68.02 192.69,70.95 198.89,70.92C205.08,70.9 211.19,67.91 215.02,63.04C217.81,65.38 220.64,67.75 223.92,69.3C227.2,70.86 231.05,71.53 234.49,70.37L234.42,53.65C231.95,55.99 227.63,55.28 225.25,52.84C222.86,50.4 222.01,46.8 222.01,43.37C222.01,39.95 222.01,36.55 222.01,33.13C224.43,33.13 227.23,33.13 229.67,33.13L229.69,33.15Z"
+        android:fillColor="#FE8422"/>
+  </group>
+</vector>
diff --git a/core/ui/src/main/res/drawable/logo_pokit.xml b/core/ui/src/main/res/drawable/logo_pokit.xml
new file mode 100644
index 00000000..fbdaba70
--- /dev/null
+++ b/core/ui/src/main/res/drawable/logo_pokit.xml
@@ -0,0 +1,22 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="104dp"
+    android:height="32dp"
+    android:viewportWidth="104"
+    android:viewportHeight="32">
+  <group>
+    <clip-path
+        android:pathData="M0,0h104v32h-104z"/>
+    <path
+        android:pathData="M6.4,2.29H13.8V31.53H6.4V2.29ZM3.11,9.49C3.11,9.49 8.56,14.51 10.37,15.4C12.18,16.29 14.94,17.24 16.23,17.28C17.85,17.35 19.81,16.95 20.69,16.15C21.57,15.35 22.01,14.19 22.01,12.68V12.64C22.01,11.11 21.57,9.96 20.69,9.18C19.81,8.39 18.45,7.76 17.03,8C14.59,8.42 11.12,10.91 11.12,10.91L8.96,6.12C8.96,6.12 13.68,2.39 18.81,2.29C21.04,2.25 22.85,2.72 24.46,3.57C26.06,4.43 27.3,5.63 28.18,7.18C29.06,8.73 29.5,10.55 29.5,12.64V12.68C29.5,14.76 29.06,16.58 28.18,18.12C27.3,19.67 26.06,20.87 24.46,21.71C22.85,22.55 19.71,23.1 17.65,23.1C15.1,23.1 11.22,22.59 8.28,20.98C4.74,19.06 0,14.14 0,14.14L3.11,9.49Z"
+        android:fillColor="#FE8422"/>
+    <path
+        android:pathData="M34.63,30.65C32.95,29.74 31.65,28.43 30.74,26.71C29.84,25 29.38,22.93 29.38,20.51V20.47C29.38,18.1 29.85,16.04 30.78,14.32C31.71,12.6 33.01,11.28 34.69,10.37C36.37,9.45 38.35,9 40.62,9C42.89,9 44.89,9.45 46.57,10.37C48.25,11.28 49.55,12.59 50.48,14.3C51.41,16.01 51.88,18.06 51.88,20.47V20.51C51.88,22.94 51.42,25.02 50.51,26.73C49.59,28.45 48.3,29.75 46.62,30.65C44.95,31.55 42.95,32 40.62,32C38.29,32 36.31,31.54 34.63,30.64L34.63,30.65ZM42.76,25.85C43.35,25.38 43.8,24.7 44.11,23.79C44.43,22.89 44.59,21.79 44.59,20.51V20.47C44.59,19.2 44.42,18.12 44.1,17.22C43.77,16.32 43.31,15.63 42.71,15.16C42.12,14.69 41.42,14.45 40.62,14.45C39.81,14.45 39.12,14.69 38.53,15.16C37.93,15.63 37.47,16.32 37.13,17.22C36.81,18.12 36.64,19.2 36.64,20.47V20.51C36.64,21.8 36.8,22.89 37.12,23.79C37.44,24.7 37.91,25.38 38.5,25.85C39.1,26.32 39.81,26.55 40.63,26.55C41.45,26.55 42.16,26.32 42.75,25.85H42.76Z"
+        android:fillColor="#FE8422"/>
+    <path
+        android:pathData="M80.83,7.09C81.86,7.09 82.73,6.74 83.43,6.04C84.13,5.33 84.48,4.5 84.48,3.55C84.48,2.59 84.13,1.74 83.43,1.04C82.73,0.35 81.87,0 80.83,0C79.79,0 78.94,0.35 78.24,1.04C77.53,1.74 77.18,2.57 77.18,3.55C77.18,4.52 77.53,5.34 78.24,6.04C78.94,6.74 79.81,7.09 80.83,7.09Z"
+        android:fillColor="#FE8422"/>
+    <path
+        android:pathData="M101.86,14.73V9.47H98.6C98.6,7.77 98.6,6.08 98.6,4.38H92.05V9.47C91.06,9.47 90.06,9.47 89.07,9.47V14.73C90.06,14.73 91.05,14.73 92.04,14.73C92.11,16.76 92.08,18.79 91.96,20.82C91.92,21.45 91.87,22.09 91.59,22.65C90.99,23.85 89.5,24.32 88.16,24.32C86.93,24.32 85.57,23.93 84.97,22.86C84.65,22.29 84.6,21.61 84.56,20.95C84.46,19.13 84.41,17.32 84.43,15.5C84.43,13.48 84.43,11.47 84.43,9.46C82.04,9.46 79.65,9.46 77.27,9.46C77.27,13.13 77.27,16.81 77.27,20.48C77.27,21.15 77.27,21.84 76.99,22.44C76.7,23.09 76.14,23.58 75.51,23.9C73.88,24.73 71.82,24.45 70.3,23.42C68.78,22.4 67.78,20.71 67.32,18.93C69.9,15.77 72.48,12.61 75.06,9.46C72.76,9.46 70.46,9.45 68.17,9.44C67.82,9.44 67.46,9.44 67.16,9.61C66.92,9.74 66.75,9.97 66.57,10.19C64.61,12.75 62.66,15.31 60.69,17.86C60.68,12.67 60.67,7.47 60.66,2.28C58.28,2.28 55.9,2.28 53.53,2.28C53.53,9.19 53.53,16.11 53.53,23.02C53.53,25.65 53.53,28.27 53.53,30.9C53.53,31.25 53.44,31.41 53.73,31.52C53.98,31.63 54.49,31.52 54.77,31.52H56.73C57.06,31.52 60.66,31.52 60.66,31.52C60.66,30.02 60.59,27.35 60.64,25.88C60.68,24.42 61.2,23.78 62,23.16C62.99,27.03 66.19,30.24 70.04,31.25C73.89,32.25 78.24,30.99 80.97,28.08C82.69,30.23 85.42,31.53 88.17,31.52C90.93,31.51 93.64,30.18 95.34,28.02C96.58,29.06 97.84,30.11 99.3,30.8C100.75,31.49 102.47,31.79 103.99,31.27L103.96,23.84C102.86,24.89 100.95,24.57 99.89,23.49C98.83,22.4 98.45,20.8 98.45,19.28C98.45,17.76 98.45,16.25 98.45,14.72C99.53,14.72 100.77,14.72 101.85,14.72L101.86,14.73Z"
+        android:fillColor="#FE8422"/>
+  </group>
+</vector>
diff --git a/core/ui/src/main/res/drawable/logo_remind.xml b/core/ui/src/main/res/drawable/logo_remind.xml
new file mode 100644
index 00000000..25bcb6f7
--- /dev/null
+++ b/core/ui/src/main/res/drawable/logo_remind.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="112dp"
+    android:height="26dp"
+    android:viewportWidth="112"
+    android:viewportHeight="26">
+  <path
+      android:pathData="M0.7,25V2.45H10.47C12.29,2.45 13.84,2.74 15.11,3.33C16.38,3.91 17.35,4.76 18.02,5.88C18.68,6.99 19.02,8.34 19.02,9.94V9.97C19.02,11.42 18.67,12.72 17.97,13.88C17.27,15.03 16.34,15.87 15.17,16.39L19.67,25H13.22L9.36,17.23C9.33,17.23 9.29,17.23 9.23,17.23C9.19,17.23 9.15,17.23 9.09,17.23H6.44V25H0.7ZM6.44,13.08H9.83C10.85,13.08 11.66,12.8 12.25,12.23C12.85,11.66 13.16,10.9 13.16,9.95V9.92C13.16,8.97 12.85,8.21 12.23,7.64C11.62,7.07 10.81,6.78 9.8,6.78H6.44V13.08ZM29.04,25.36C27.25,25.36 25.71,25.01 24.41,24.3C23.12,23.58 22.13,22.56 21.43,21.23C20.74,19.91 20.4,18.33 20.4,16.5V16.48C20.4,14.66 20.74,13.09 21.43,11.77C22.13,10.44 23.11,9.42 24.37,8.7C25.64,7.98 27.13,7.63 28.85,7.63C30.57,7.63 32.06,7.98 33.32,8.69C34.58,9.39 35.55,10.38 36.24,11.66C36.93,12.93 37.27,14.42 37.27,16.14V17.77H23.12V14.48H34.68L32.1,17.56V15.42C32.1,14.6 31.97,13.9 31.71,13.33C31.45,12.74 31.09,12.31 30.62,12.02C30.15,11.71 29.6,11.56 28.98,11.56C28.35,11.56 27.8,11.71 27.32,12.02C26.85,12.32 26.49,12.76 26.23,13.34C25.97,13.92 25.84,14.61 25.84,15.42V17.58C25.84,18.38 25.97,19.07 26.23,19.64C26.5,20.21 26.88,20.66 27.37,20.97C27.87,21.27 28.46,21.42 29.15,21.42C29.74,21.42 30.25,21.33 30.66,21.14C31.08,20.95 31.41,20.72 31.65,20.45C31.9,20.18 32.06,19.93 32.15,19.69L32.16,19.63H37.16L37.12,19.81C36.99,20.41 36.75,21.03 36.4,21.67C36.04,22.31 35.55,22.91 34.91,23.47C34.29,24.03 33.49,24.49 32.52,24.84C31.56,25.19 30.4,25.36 29.04,25.36ZM39.06,25V7.98H44.61V11.05H44.72C45.05,10.01 45.65,9.18 46.5,8.56C47.35,7.94 48.36,7.63 49.53,7.63C50.34,7.63 51.07,7.77 51.7,8.06C52.34,8.34 52.87,8.76 53.3,9.3C53.72,9.83 54.01,10.48 54.17,11.27H54.28C54.5,10.53 54.86,9.89 55.36,9.34C55.87,8.8 56.48,8.38 57.19,8.08C57.91,7.78 58.69,7.63 59.53,7.63C60.65,7.63 61.62,7.87 62.45,8.36C63.29,8.84 63.94,9.52 64.41,10.39C64.87,11.26 65.11,12.27 65.11,13.42V25H59.56V14.84C59.56,14.25 59.47,13.76 59.3,13.36C59.12,12.95 58.85,12.65 58.5,12.45C58.15,12.24 57.7,12.14 57.17,12.14C56.68,12.14 56.25,12.26 55.87,12.48C55.51,12.71 55.23,13.03 55.03,13.44C54.83,13.84 54.73,14.33 54.73,14.91V25H49.44V14.8C49.44,14.21 49.34,13.73 49.16,13.34C48.98,12.95 48.71,12.65 48.36,12.45C48.01,12.24 47.59,12.14 47.08,12.14C46.58,12.14 46.14,12.26 45.76,12.5C45.4,12.73 45.11,13.05 44.91,13.47C44.71,13.89 44.61,14.38 44.61,14.94V25H39.06ZM67.41,25V7.98H72.96V25H67.41ZM70.18,6.16C69.39,6.16 68.71,5.89 68.16,5.34C67.62,4.8 67.35,4.16 67.35,3.42C67.35,2.67 67.62,2.03 68.16,1.5C68.71,0.96 69.39,0.69 70.18,0.69C70.98,0.69 71.65,0.96 72.19,1.5C72.74,2.03 73.01,2.67 73.01,3.42C73.01,4.16 72.74,4.8 72.19,5.34C71.65,5.89 70.98,6.16 70.18,6.16ZM75.33,25V7.98H80.87V10.98H80.98C81.42,9.91 82.07,9.08 82.94,8.5C83.8,7.92 84.87,7.63 86.15,7.63C88.03,7.63 89.47,8.19 90.48,9.33C91.5,10.45 92.01,12.03 92.01,14.05V25H86.47V15.23C86.47,14.27 86.24,13.51 85.78,12.97C85.32,12.42 84.64,12.14 83.73,12.14C83.15,12.14 82.64,12.28 82.22,12.55C81.79,12.82 81.46,13.19 81.22,13.67C80.99,14.15 80.87,14.71 80.87,15.34V25H75.33ZM100.52,25.36C99.1,25.36 97.89,25.01 96.86,24.31C95.85,23.61 95.08,22.6 94.54,21.28C94.01,19.96 93.74,18.36 93.74,16.48V16.47C93.74,14.59 94.01,13 94.54,11.69C95.08,10.36 95.85,9.36 96.86,8.67C97.89,7.97 99.1,7.63 100.52,7.63C101.33,7.63 102.07,7.76 102.74,8.03C103.42,8.29 104,8.68 104.49,9.19C104.99,9.69 105.39,10.29 105.68,11H105.79V2.45H111.33V25H105.79V22.09H105.68C105.4,22.78 105.01,23.37 104.51,23.86C104.02,24.34 103.43,24.71 102.76,24.97C102.08,25.23 101.33,25.36 100.52,25.36ZM102.57,20.84C103.21,20.84 103.78,20.67 104.26,20.33C104.75,19.97 105.12,19.47 105.38,18.83C105.65,18.17 105.79,17.4 105.79,16.5V16.48C105.79,15.58 105.65,14.8 105.38,14.16C105.11,13.51 104.74,13.02 104.26,12.67C103.78,12.32 103.21,12.14 102.57,12.14C101.92,12.14 101.36,12.31 100.88,12.66C100.4,13 100.03,13.5 99.76,14.16C99.5,14.8 99.36,15.57 99.36,16.47V16.48C99.36,17.39 99.5,18.17 99.76,18.81C100.02,19.46 100.39,19.96 100.86,20.31C101.36,20.67 101.92,20.84 102.57,20.84Z"
+      android:fillColor="#FE8422"/>
+</vector>
diff --git a/core/ui/src/main/res/drawable/logo_white.xml b/core/ui/src/main/res/drawable/logo_white.xml
new file mode 100644
index 00000000..fdd54bec
--- /dev/null
+++ b/core/ui/src/main/res/drawable/logo_white.xml
@@ -0,0 +1,22 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="235dp"
+    android:height="72dp"
+    android:viewportWidth="235"
+    android:viewportHeight="72">
+  <group>
+    <clip-path
+        android:pathData="M0.5,0h234v72h-234z"/>
+    <path
+        android:pathData="M14.9,5.15H31.56V70.95H14.9V5.15ZM7.5,21.35C7.5,21.35 19.76,32.65 23.84,34.64C27.92,36.64 34.12,38.78 37.03,38.89C40.67,39.03 45.07,38.13 47.06,36.33C49.03,34.54 50.03,31.93 50.03,28.53V28.44C50.03,25.01 49.03,22.41 47.06,20.65C45.07,18.88 42.02,17.46 38.82,18C33.32,18.94 25.53,24.54 25.53,24.54L20.66,13.76C20.66,13.76 31.27,5.37 42.82,5.15C47.83,5.06 51.92,6.11 55.52,8.04C59.13,9.97 61.91,12.67 63.9,16.16C65.88,19.64 66.87,23.74 66.87,28.44V28.53C66.87,33.22 65.88,37.3 63.9,40.78C61.91,44.26 59.13,46.95 55.52,48.85C51.92,50.74 44.85,51.99 40.22,51.99C34.47,51.99 25.75,50.83 19.13,47.21C11.16,42.88 0.5,31.82 0.5,31.82L7.5,21.35Z"
+        android:fillColor="#ffffff"/>
+    <path
+        android:pathData="M78.41,68.95C74.63,66.92 71.71,63.97 69.67,60.11C67.63,56.24 66.61,51.6 66.61,46.15V46.06C66.61,40.71 67.66,36.1 69.75,32.22C71.84,28.34 74.77,25.38 78.55,23.32C82.33,21.27 86.79,20.25 91.9,20.25C97.01,20.25 101.5,21.27 105.28,23.32C109.07,25.37 112,28.33 114.09,32.17C116.18,36.02 117.22,40.64 117.22,46.06V46.15C117.22,51.62 116.19,56.29 114.14,60.14C112.08,64.01 109.17,66.94 105.4,68.96C101.63,70.99 97.14,72 91.9,72C86.66,72 82.2,70.98 78.42,68.94L78.41,68.95ZM96.7,58.16C98.03,57.11 99.05,55.57 99.76,53.53C100.47,51.49 100.83,49.03 100.83,46.15V46.06C100.83,43.21 100.46,40.77 99.72,38.74C98.98,36.72 97.94,35.18 96.61,34.11C95.28,33.05 93.71,32.52 91.89,32.52C90.07,32.52 88.53,33.05 87.19,34.11C85.84,35.18 84.8,36.72 84.05,38.74C83.31,40.77 82.94,43.21 82.94,46.06V46.15C82.94,49.04 83.3,51.51 84.02,53.53C84.75,55.57 85.79,57.11 87.14,58.16C88.48,59.21 90.08,59.73 91.92,59.73C93.77,59.73 95.36,59.21 96.69,58.16H96.7Z"
+        android:fillColor="#ffffff"/>
+    <path
+        android:pathData="M182.37,15.95C184.69,15.95 186.65,15.16 188.23,13.58C189.8,12 190.59,10.13 190.59,7.98C190.59,5.82 189.8,3.92 188.23,2.35C186.65,0.78 184.7,0 182.37,0C180.03,0 178.12,0.78 176.53,2.35C174.95,3.92 174.15,5.78 174.15,7.98C174.15,10.17 174.95,12.01 176.53,13.58C178.12,15.16 180.07,15.95 182.37,15.95Z"
+        android:fillColor="#ffffff"/>
+    <path
+        android:pathData="M229.69,33.15V21.3H222.34C222.34,17.48 222.34,13.67 222.34,9.86H207.61V21.3C205.38,21.3 203.13,21.3 200.9,21.3V33.15C203.13,33.15 205.37,33.15 207.6,33.15C207.74,37.72 207.68,42.28 207.41,46.84C207.33,48.25 207.21,49.7 206.58,50.96C205.23,53.67 201.87,54.72 198.85,54.72C196.1,54.72 193.03,53.84 191.69,51.43C190.96,50.14 190.86,48.61 190.77,47.13C190.54,43.05 190.43,38.96 190.46,34.86C190.46,30.34 190.46,25.81 190.46,21.28C185.09,21.28 179.72,21.28 174.35,21.28C174.35,29.55 174.35,37.82 174.35,46.08C174.35,47.58 174.35,49.13 173.73,50.49C173.09,51.95 171.81,53.06 170.4,53.78C166.72,55.64 162.09,55.01 158.67,52.7C155.25,50.39 153.01,46.59 151.97,42.58C157.78,35.49 163.59,28.38 169.4,21.28C164.22,21.28 159.04,21.26 153.88,21.25C153.11,21.25 152.29,21.25 151.62,21.62C151.08,21.92 150.68,22.44 150.29,22.93C145.88,28.68 141.48,34.44 137.06,40.18C137.04,28.5 137.01,16.81 136.98,5.12C131.64,5.12 126.28,5.12 120.94,5.12C120.94,20.67 120.94,36.24 120.94,51.79C120.94,57.71 120.94,63.61 120.94,69.52C120.94,70.3 120.75,70.66 121.39,70.92C121.96,71.16 123.11,70.92 123.73,70.92H128.14C128.88,70.92 136.98,70.92 136.98,70.92C136.98,67.54 136.83,61.53 136.93,58.24C137.04,54.94 138.21,53.5 140.01,52.1C142.24,60.81 149.43,68.04 158.09,70.3C166.75,72.56 176.53,69.72 182.68,63.18C186.56,68.02 192.69,70.95 198.89,70.92C205.08,70.9 211.19,67.91 215.02,63.04C217.81,65.38 220.64,67.75 223.92,69.3C227.2,70.86 231.05,71.53 234.49,70.37L234.42,53.65C231.95,55.99 227.63,55.28 225.25,52.84C222.86,50.4 222.01,46.8 222.01,43.37C222.01,39.95 222.01,36.55 222.01,33.13C224.43,33.13 227.23,33.13 229.67,33.13L229.69,33.15Z"
+        android:fillColor="#ffffff"/>
+  </group>
+</vector>
diff --git a/core/ui/src/main/res/drawable/sign_up_icon.png b/core/ui/src/main/res/drawable/sign_up_icon.png
new file mode 100644
index 00000000..97cb8796
Binary files /dev/null and b/core/ui/src/main/res/drawable/sign_up_icon.png differ
diff --git a/core/ui/src/main/res/font/pretendard_black.otf b/core/ui/src/main/res/font/pretendard_black.otf
new file mode 100644
index 00000000..a0d849e7
Binary files /dev/null and b/core/ui/src/main/res/font/pretendard_black.otf differ
diff --git a/core/ui/src/main/res/font/pretendard_bold.otf b/core/ui/src/main/res/font/pretendard_bold.otf
new file mode 100644
index 00000000..8e5e30a2
Binary files /dev/null and b/core/ui/src/main/res/font/pretendard_bold.otf differ
diff --git a/core/ui/src/main/res/font/pretendard_extra_bold.otf b/core/ui/src/main/res/font/pretendard_extra_bold.otf
new file mode 100644
index 00000000..388f3ca4
Binary files /dev/null and b/core/ui/src/main/res/font/pretendard_extra_bold.otf differ
diff --git a/core/ui/src/main/res/font/pretendard_extra_light.otf b/core/ui/src/main/res/font/pretendard_extra_light.otf
new file mode 100644
index 00000000..40c8b69c
Binary files /dev/null and b/core/ui/src/main/res/font/pretendard_extra_light.otf differ
diff --git a/core/ui/src/main/res/font/pretendard_light.otf b/core/ui/src/main/res/font/pretendard_light.otf
new file mode 100644
index 00000000..228679e9
Binary files /dev/null and b/core/ui/src/main/res/font/pretendard_light.otf differ
diff --git a/core/ui/src/main/res/font/pretendard_medium.otf b/core/ui/src/main/res/font/pretendard_medium.otf
new file mode 100644
index 00000000..05750698
Binary files /dev/null and b/core/ui/src/main/res/font/pretendard_medium.otf differ
diff --git a/core/ui/src/main/res/font/pretendard_regular.otf b/core/ui/src/main/res/font/pretendard_regular.otf
new file mode 100644
index 00000000..08bf4cfc
Binary files /dev/null and b/core/ui/src/main/res/font/pretendard_regular.otf differ
diff --git a/core/ui/src/main/res/font/pretendard_semi_bold.otf b/core/ui/src/main/res/font/pretendard_semi_bold.otf
new file mode 100644
index 00000000..e7e36abc
Binary files /dev/null and b/core/ui/src/main/res/font/pretendard_semi_bold.otf differ
diff --git a/core/ui/src/main/res/font/pretendard_thin.otf b/core/ui/src/main/res/font/pretendard_thin.otf
new file mode 100644
index 00000000..77e792d7
Binary files /dev/null and b/core/ui/src/main/res/font/pretendard_thin.otf differ
diff --git a/core/ui/src/main/res/values/string.xml b/core/ui/src/main/res/values/string.xml
new file mode 100644
index 00000000..cd43f1d7
--- /dev/null
+++ b/core/ui/src/main/res/values/string.xml
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="not_read">안읽음</string>
+    <string name="pokit_count_format">링크 %d개</string>
+
+    <string name="cancellation">취소</string>
+    <string name="removal">삭제</string>
+
+    <string name="share">공유하기</string>
+    <string name="modify">수정하기</string>
+    <string name="remove">삭제하기</string>
+
+    <string name="confirmation">확인</string>
+
+    <string name="retry">다시 시도하기</string>
+
+    <string name="title_error">오류가 발생했어요</string>
+    <string name="sub_error">조금 뒤 다시 접속해주세요</string>
+
+    <string name="title_empty_pokits">저장된 포킷이 없어요!</string>
+    <string name="sub_empty_pokits">포킷을 생성해 링크를 저장해보세요</string>
+    
+    <string name="title_empty_links">저장된 링크가 없어요!</string>
+    <string name="sub_empty_links">다양한 링크를 한 곳에 저장해보세요</string>
+    
+    <string name="title_lack_of_links">링크가 부족해요!</string>
+    <string name="sub_lack_of_links">링크를 5개 이상 저장하고 추천을 받아보세요</string>
+
+    <string name="title_empty_favorite">즐겨찾기 링크가 없어요!</string>
+    <string name="sub_empty_favorite">링크를 즐겨찾기로 관리해보세요</string>
+
+    <string name="title_empty_search">검색된 링크가 없어요</string>
+    <string name="sub_empty_search">검색어를 다시 확인해주세요</string>
+
+    <string name="title_empty_alarms">아직 알람이 없어요</string>
+    <string name="sub_empty_alarms">리마인드 알림을 설정하세요</string>
+</resources>
\ No newline at end of file
diff --git a/core/ui/src/test/java/pokitmons/pokit/core/ui/ExampleUnitTest.kt b/core/ui/src/test/java/pokitmons/pokit/core/ui/ExampleUnitTest.kt
new file mode 100644
index 00000000..41b8d8e3
--- /dev/null
+++ b/core/ui/src/test/java/pokitmons/pokit/core/ui/ExampleUnitTest.kt
@@ -0,0 +1,16 @@
+package pokitmons.pokit.core.ui
+
+import junit.framework.TestCase.assertEquals
+import org.junit.Test
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+class ExampleUnitTest {
+    @Test
+    fun addition_isCorrect() {
+        assertEquals(4, 2 + 2)
+    }
+}
diff --git a/data/.gitignore b/data/.gitignore
new file mode 100644
index 00000000..42afabfd
--- /dev/null
+++ b/data/.gitignore
@@ -0,0 +1 @@
+/build
\ No newline at end of file
diff --git a/data/build.gradle.kts b/data/build.gradle.kts
new file mode 100644
index 00000000..05066de1
--- /dev/null
+++ b/data/build.gradle.kts
@@ -0,0 +1,85 @@
+plugins {
+    alias(libs.plugins.com.android.library)
+    alias(libs.plugins.org.jetbrains.kotlin.android)
+    alias(libs.plugins.kotlin.serialization)
+    alias(libs.plugins.hilt)
+    id("kotlin-kapt")
+}
+
+android {
+    tasks.withType<Test>().configureEach {
+        useJUnitPlatform()
+    }
+
+    namespace = "pokitmons.pokit.data"
+    compileSdk = 34
+
+    defaultConfig {
+        minSdk = 24
+
+        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+        consumerProguardFiles("consumer-rules.pro")
+    }
+
+    buildTypes {
+        release {
+            isMinifyEnabled = false
+            proguardFiles(
+                getDefaultProguardFile("proguard-android-optimize.txt"),
+                "proguard-rules.pro"
+            )
+        }
+    }
+    compileOptions {
+        sourceCompatibility = JavaVersion.VERSION_1_8
+        targetCompatibility = JavaVersion.VERSION_1_8
+    }
+    kotlinOptions {
+        jvmTarget = "1.8"
+    }
+}
+
+dependencies {
+
+    implementation(libs.androidx.core.ktx)
+    implementation(libs.appcompat)
+    implementation(libs.material)
+    testImplementation(libs.junit)
+    testImplementation(project(":feature:login"))
+    androidTestImplementation(libs.androidx.junit)
+    androidTestImplementation(libs.androidx.espresso.core)
+
+    // room
+    implementation(libs.room.runtime)
+    annotationProcessor(libs.room.compiler)
+    kapt(libs.room.compiler)
+
+    // kotest
+    testImplementation(libs.kotest.runner.junit5)
+    testImplementation(libs.kotlin.reflect)
+
+    // hilt
+    implementation(libs.hilt)
+    kapt(libs.hilt.compiler)
+
+    // serialization
+    implementation(libs.kotlinx.serialization.json)
+
+    // retrofit
+    implementation(libs.retrofit)
+    implementation(libs.retrofit.converter.serialization)
+    implementation(libs.okhttp)
+    implementation(libs.logging.interceptor)
+
+    // datastore
+    implementation("androidx.datastore:datastore-preferences:1.0.0")
+
+    implementation(project(":domain"))
+
+    // jsoup
+    implementation(libs.jsoup)
+
+    // mockk
+    testImplementation(libs.mockk)
+    androidTestImplementation(libs.mockk.android)
+}
diff --git a/data/consumer-rules.pro b/data/consumer-rules.pro
new file mode 100644
index 00000000..e69de29b
diff --git a/data/proguard-rules.pro b/data/proguard-rules.pro
new file mode 100644
index 00000000..481bb434
--- /dev/null
+++ b/data/proguard-rules.pro
@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
\ No newline at end of file
diff --git a/data/src/androidTest/java/pokitmons/pokit/data/ExampleInstrumentedTest.kt b/data/src/androidTest/java/pokitmons/pokit/data/ExampleInstrumentedTest.kt
new file mode 100644
index 00000000..f82d44c6
--- /dev/null
+++ b/data/src/androidTest/java/pokitmons/pokit/data/ExampleInstrumentedTest.kt
@@ -0,0 +1,22 @@
+package pokitmons.pokit.data
+
+import androidx.test.ext.junit.runners.AndroidJUnit4
+import androidx.test.platform.app.InstrumentationRegistry
+import junit.framework.TestCase.assertEquals
+import org.junit.Test
+import org.junit.runner.RunWith
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+        assertEquals("pokitmons.pokit.data.test", appContext.packageName)
+    }
+}
diff --git a/data/src/main/AndroidManifest.xml b/data/src/main/AndroidManifest.xml
new file mode 100644
index 00000000..a5918e68
--- /dev/null
+++ b/data/src/main/AndroidManifest.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+</manifest>
\ No newline at end of file
diff --git a/data/src/main/java/pokitmons/pokit/data/api/AlertApi.kt b/data/src/main/java/pokitmons/pokit/data/api/AlertApi.kt
new file mode 100644
index 00000000..f7a45050
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/api/AlertApi.kt
@@ -0,0 +1,23 @@
+package pokitmons.pokit.data.api
+
+import pokitmons.pokit.data.model.alert.GetAlertsResponse
+import pokitmons.pokit.domain.model.link.LinksSort
+import retrofit2.Response
+import retrofit2.http.GET
+import retrofit2.http.PUT
+import retrofit2.http.Path
+import retrofit2.http.Query
+
+interface AlertApi {
+    @GET("alert")
+    suspend fun getAlerts(
+        @Query("page") page: Int,
+        @Query("size") size: Int,
+        @Query("sort") sort: List<String> = listOf(LinksSort.RECENT.value),
+    ): GetAlertsResponse
+
+    @PUT("alert/{alertId}")
+    suspend fun deleteAlert(
+        @Path("alertId") alertId: Int,
+    ): Response<Unit>
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/api/AuthApi.kt b/data/src/main/java/pokitmons/pokit/data/api/AuthApi.kt
new file mode 100644
index 00000000..5c3ef7fa
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/api/AuthApi.kt
@@ -0,0 +1,36 @@
+package pokitmons.pokit.data.api
+
+import pokitmons.pokit.data.model.auth.request.SNSLoginRequest
+import pokitmons.pokit.data.model.auth.request.SignUpRequest
+import pokitmons.pokit.data.model.auth.request.WithdrawRequest
+import pokitmons.pokit.data.model.auth.response.DuplicateNicknameResponse
+import pokitmons.pokit.data.model.auth.response.SNSLoginResponse
+import pokitmons.pokit.data.model.auth.response.SignUpResponse
+import retrofit2.Response
+import retrofit2.http.Body
+import retrofit2.http.GET
+import retrofit2.http.POST
+import retrofit2.http.PUT
+import retrofit2.http.Path
+
+interface AuthApi {
+    @POST("auth/signin")
+    suspend fun snsLogin(
+        @Body snsLoginRequest: SNSLoginRequest,
+    ): SNSLoginResponse
+
+    @GET("user/duplicate/{nickname}")
+    suspend fun checkDuplicateNickname(
+        @Path(value = "nickname") nickname: String,
+    ): DuplicateNicknameResponse
+
+    @POST("user/signup")
+    suspend fun signUp(
+        @Body signUpRequest: SignUpRequest,
+    ): SignUpResponse
+
+    @PUT("auth/withdraw")
+    suspend fun withdraw(
+        @Body withdrawRequest: WithdrawRequest,
+    ): Response<Unit>
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/api/LinkApi.kt b/data/src/main/java/pokitmons/pokit/data/api/LinkApi.kt
new file mode 100644
index 00000000..005032c5
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/api/LinkApi.kt
@@ -0,0 +1,78 @@
+package pokitmons.pokit.data.api
+
+import pokitmons.pokit.data.model.link.request.ModifyLinkRequest
+import pokitmons.pokit.data.model.link.response.ApplyBookmarkResponse
+import pokitmons.pokit.data.model.link.response.GetLinkResponse
+import pokitmons.pokit.data.model.link.response.GetLinksResponse
+import pokitmons.pokit.data.model.link.response.ModifyLinkResponse
+import pokitmons.pokit.domain.model.link.LinksSort
+import retrofit2.Response
+import retrofit2.http.Body
+import retrofit2.http.GET
+import retrofit2.http.PATCH
+import retrofit2.http.POST
+import retrofit2.http.PUT
+import retrofit2.http.Path
+import retrofit2.http.Query
+
+interface LinkApi {
+    @GET("content/{categoryId}")
+    suspend fun getLinks(
+        @Path("categoryId") categoryId: Int = 0,
+        @Query("page") page: Int = 0,
+        @Query("size") size: Int = 10,
+        @Query("sort") sort: List<String> = listOf(LinksSort.RECENT.value),
+        @Query("isRead") isRead: Boolean? = null,
+        @Query("favorites") favorites: Boolean? = null,
+        @Query("startDate") startDate: String? = null,
+        @Query("endDate") endDate: String? = null,
+        @Query("categoryIds") categoryIds: List<Int>? = null,
+    ): GetLinksResponse
+
+    @GET("content")
+    suspend fun searchLinks(
+        @Query("page") page: Int = 0,
+        @Query("size") size: Int = 10,
+        @Query("sort") sort: List<String> = listOf(LinksSort.RECENT.value),
+        @Query("isRead") isRead: Boolean? = null,
+        @Query("favorites") favorites: Boolean? = null,
+        @Query("startDate") startDate: String? = null,
+        @Query("endDate") endDate: String? = null,
+        @Query("categoryIds") categoryIds: List<Int>? = null,
+        @Query("searchWord") searchWord: String = "",
+    ): GetLinksResponse
+
+    @PUT("content/{contentId}")
+    suspend fun deleteLink(
+        @Path("contentId") contentId: Int = 0,
+    ): Response<Unit>
+
+    @POST("content/{contentId}")
+    suspend fun getLink(
+        @Path("contentId") contentId: Int = 0,
+    ): GetLinkResponse
+
+    @PATCH("content/{contentId}")
+    suspend fun modifyLink(
+        @Path("contentId") contentId: Int,
+        @Body modifyLinkRequest: ModifyLinkRequest,
+    ): ModifyLinkResponse
+
+    @POST("content")
+    suspend fun createLink(
+        @Body createLinkRequest: ModifyLinkRequest,
+    ): ModifyLinkResponse
+
+    @PUT("content/{contentId}/bookmark")
+    suspend fun cancelBookmark(@Path("contentId") contentId: Int): Response<Unit>
+
+    @POST("content/{contentId}/bookmark")
+    suspend fun applyBookmark(@Path("contentId") contentId: Int): ApplyBookmarkResponse
+
+    @GET("content/uncategorized")
+    suspend fun getUncategorizedLinks(
+        @Query("page") page: Int = 0,
+        @Query("size") size: Int = 10,
+        @Query("sort") sort: List<String> = listOf(LinksSort.RECENT.value),
+    ): GetLinksResponse
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/api/PokitApi.kt b/data/src/main/java/pokitmons/pokit/data/api/PokitApi.kt
new file mode 100644
index 00000000..b3540e3a
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/api/PokitApi.kt
@@ -0,0 +1,56 @@
+package pokitmons.pokit.data.api
+
+import pokitmons.pokit.data.model.pokit.request.CreatePokitRequest
+import pokitmons.pokit.data.model.pokit.request.ModifyPokitRequest
+import pokitmons.pokit.data.model.pokit.response.CreatePokitResponse
+import pokitmons.pokit.data.model.pokit.response.GetPokitCountResponse
+import pokitmons.pokit.data.model.pokit.response.GetPokitImagesResponseItem
+import pokitmons.pokit.data.model.pokit.response.GetPokitResponse
+import pokitmons.pokit.data.model.pokit.response.GetPokitsResponse
+import pokitmons.pokit.data.model.pokit.response.ModifyPokitResponse
+import pokitmons.pokit.domain.model.pokit.PokitsSort
+import retrofit2.Response
+import retrofit2.http.Body
+import retrofit2.http.GET
+import retrofit2.http.PATCH
+import retrofit2.http.POST
+import retrofit2.http.PUT
+import retrofit2.http.Path
+import retrofit2.http.Query
+
+interface PokitApi {
+    @GET("category")
+    suspend fun getPokits(
+        @Query("filterUncategorized") filterUncategorized: Boolean = true,
+        @Query("size") size: Int = 10,
+        @Query("page") page: Int = 0,
+        @Query("sort") sort: String = PokitsSort.RECENT.value,
+    ): GetPokitsResponse
+
+    @POST("category")
+    suspend fun createPokit(
+        @Body createPokitRequest: CreatePokitRequest,
+    ): CreatePokitResponse
+
+    @PATCH("category/{categoryId}")
+    suspend fun modifyPokit(
+        @Path("categoryId") categoryId: Int,
+        @Body modifyPokitRequest: ModifyPokitRequest,
+    ): ModifyPokitResponse
+
+    @GET("category/images")
+    suspend fun getPokitImages(): List<GetPokitImagesResponseItem>
+
+    @GET("category/{categoryId}")
+    suspend fun getPokit(
+        @Path("categoryId") categoryId: Int,
+    ): GetPokitResponse
+
+    @PUT("category/{categoryId}")
+    suspend fun deletePokit(
+        @Path("categoryId") categoryId: Int,
+    ): Response<Unit>
+
+    @GET("category/count")
+    suspend fun getPokitCount(): GetPokitCountResponse
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/api/RemindApi.kt b/data/src/main/java/pokitmons/pokit/data/api/RemindApi.kt
new file mode 100644
index 00000000..b912b7f8
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/api/RemindApi.kt
@@ -0,0 +1,30 @@
+package pokitmons.pokit.data.api
+
+import pokitmons.pokit.data.model.home.remind.Remind
+import pokitmons.pokit.data.model.home.remind.RemindResponse
+import pokitmons.pokit.domain.model.pokit.PokitsSort
+import retrofit2.http.GET
+import retrofit2.http.Query
+
+interface RemindApi {
+    @GET("remind/unread")
+    suspend fun getUnreadContents(
+        @Query("size") size: Int = 10,
+        @Query("page") page: Int = 0,
+        @Query("sort") sort: String = PokitsSort.RECENT.value,
+    ): RemindResponse
+
+    @GET("remind/today")
+    suspend fun getTodayContents(
+        @Query("size") size: Int = 10,
+        @Query("page") page: Int = 0,
+        @Query("sort") sort: String = PokitsSort.RECENT.value,
+    ): List<Remind>
+
+    @GET("remind/bookmark")
+    suspend fun getBookmarkContents(
+        @Query("size") size: Int = 10,
+        @Query("page") page: Int = 0,
+        @Query("sort") sort: String = PokitsSort.RECENT.value,
+    ): RemindResponse
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/api/SettingApi.kt b/data/src/main/java/pokitmons/pokit/data/api/SettingApi.kt
new file mode 100644
index 00000000..a9140129
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/api/SettingApi.kt
@@ -0,0 +1,13 @@
+package pokitmons.pokit.data.api
+
+import pokitmons.pokit.data.model.setting.reqeust.EditNicknameRequest
+import pokitmons.pokit.data.model.setting.response.EditNicknameResponse
+import retrofit2.http.Body
+import retrofit2.http.PUT
+
+interface SettingApi {
+    @PUT("user/nickname")
+    suspend fun editNickname(
+        @Body editNicknameRequest: EditNicknameRequest,
+    ): EditNicknameResponse
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/api/TokenApi.kt b/data/src/main/java/pokitmons/pokit/data/api/TokenApi.kt
new file mode 100644
index 00000000..c23dc2a8
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/api/TokenApi.kt
@@ -0,0 +1,13 @@
+package pokitmons.pokit.data.api
+
+import pokitmons.pokit.data.model.auth.request.TokenRequest
+import pokitmons.pokit.data.model.auth.response.TokenResponse
+import retrofit2.http.Body
+import retrofit2.http.POST
+
+interface TokenApi {
+    @POST("auth/reissue")
+    suspend fun reissue(
+        @Body tokenRequest: TokenRequest,
+    ): TokenResponse
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/datasource/DataStore.kt b/data/src/main/java/pokitmons/pokit/data/datasource/DataStore.kt
new file mode 100644
index 00000000..af9d015a
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/datasource/DataStore.kt
@@ -0,0 +1,24 @@
+package pokitmons.pokit.data.datasource
+
+import android.content.Context
+import androidx.datastore.core.DataStore
+import androidx.datastore.preferences.core.Preferences
+import androidx.datastore.preferences.preferencesDataStore
+import dagger.Module
+import dagger.Provides
+import dagger.hilt.InstallIn
+import dagger.hilt.android.qualifiers.ApplicationContext
+import dagger.hilt.components.SingletonComponent
+import javax.inject.Singleton
+
+val Context.dataStore by preferencesDataStore(name = "token")
+
+@Module
+@InstallIn(SingletonComponent::class)
+object DataStoreModule {
+    @Provides
+    @Singleton
+    fun provideDataStore(@ApplicationContext context: Context): DataStore<Preferences> {
+        return context.dataStore
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/datasource/local/AuthAuthenticator.kt b/data/src/main/java/pokitmons/pokit/data/datasource/local/AuthAuthenticator.kt
new file mode 100644
index 00000000..a882493c
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/datasource/local/AuthAuthenticator.kt
@@ -0,0 +1,37 @@
+package pokitmons.pokit.data.datasource.local
+
+import kotlinx.coroutines.flow.first
+import kotlinx.coroutines.runBlocking
+import okhttp3.Authenticator
+import okhttp3.Request
+import okhttp3.Response
+import okhttp3.Route
+import pokitmons.pokit.data.api.TokenApi
+import pokitmons.pokit.data.model.auth.request.TokenRequest
+import javax.inject.Inject
+
+class AuthAuthenticator @Inject constructor(
+    private val tokenManager: TokenManager,
+    private val tokenApi: TokenApi,
+) : Authenticator {
+    override fun authenticate(route: Route?, response: Response): Request {
+        val refreshToken = runBlocking {
+            tokenManager.getRefreshToken().first()
+        }
+
+        val accessToken = runBlocking {
+            tokenApi.reissue(TokenRequest(refreshToken ?: "")).also { response ->
+                tokenManager.saveAccessToken(response.accessToken)
+            }
+        }
+        return newRequestWithToken(accessToken.accessToken, response.request)
+    }
+
+    private fun newRequestWithToken(token: String, request: Request): Request =
+        request.newBuilder()
+            .header(
+                "Authorization",
+                "Bearer $token"
+            )
+            .build()
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/datasource/local/TokenManager.kt b/data/src/main/java/pokitmons/pokit/data/datasource/local/TokenManager.kt
new file mode 100644
index 00000000..d167f348
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/datasource/local/TokenManager.kt
@@ -0,0 +1,54 @@
+package pokitmons.pokit.data.datasource.local
+
+import androidx.datastore.core.DataStore
+import androidx.datastore.preferences.core.edit
+import androidx.datastore.preferences.core.stringPreferencesKey
+import kotlinx.coroutines.flow.Flow
+import kotlinx.coroutines.flow.map
+import javax.inject.Inject
+
+class TokenManager @Inject constructor(
+    private val dataStore: DataStore<androidx.datastore.preferences.core.Preferences>,
+) {
+    companion object {
+        val ACCESS_TOKEN = stringPreferencesKey("access_token")
+        val REFRESH_TOKEN = stringPreferencesKey("refresh_token")
+        val AUTH_TYPE = stringPreferencesKey("auth_type")
+    }
+
+    fun getAccessToken(): Flow<String?> {
+        return dataStore.data.map { prefs ->
+            prefs[ACCESS_TOKEN]
+        }
+    }
+
+    suspend fun setAuthType(type: String) {
+        dataStore.edit { prefs ->
+            prefs[AUTH_TYPE] = type
+        }
+    }
+
+    fun getAuthType(): Flow<String> {
+        return dataStore.data.map { prefs ->
+            prefs[AUTH_TYPE] ?: ""
+        }
+    }
+
+    suspend fun saveAccessToken(token: String) {
+        dataStore.edit { prefs ->
+            prefs[ACCESS_TOKEN] = token
+        }
+    }
+
+    fun getRefreshToken(): Flow<String?> {
+        return dataStore.data.map { prefs ->
+            prefs[REFRESH_TOKEN]
+        }
+    }
+
+    suspend fun saveRefreshToken(token: String) {
+        dataStore.edit { prefs ->
+            prefs[REFRESH_TOKEN] = token
+        }
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/datasource/local/search/LocalSearchWordDataSource.kt b/data/src/main/java/pokitmons/pokit/data/datasource/local/search/LocalSearchWordDataSource.kt
new file mode 100644
index 00000000..34b39370
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/datasource/local/search/LocalSearchWordDataSource.kt
@@ -0,0 +1,54 @@
+package pokitmons.pokit.data.datasource.local.search
+
+import android.content.SharedPreferences
+import kotlinx.coroutines.flow.Flow
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.update
+import pokitmons.pokit.data.room.dao.SearchWordDao
+import pokitmons.pokit.data.room.entity.SearchWord
+import java.util.Calendar
+import javax.inject.Inject
+
+class LocalSearchWordDataSource @Inject constructor(
+    private val searchWordDao: SearchWordDao,
+    private val sharedPreferences: SharedPreferences,
+) : SearchDataSource {
+    companion object {
+        const val USE_RECENT_WORD_SP_KEY = "use_recent_word"
+    }
+
+    private val useRecentSearchWords = MutableStateFlow(
+        sharedPreferences.getBoolean(USE_RECENT_WORD_SP_KEY, false)
+    )
+
+    override fun getSearchWord(): Flow<List<String>> {
+        return searchWordDao.getRecentSearchWords()
+    }
+
+    override suspend fun addSearchWord(searchWord: String) {
+        val currentDateString = Calendar.getInstance()
+        val searchWordEntity = SearchWord(
+            word = searchWord,
+            searchedAt = currentDateString.timeInMillis.toString()
+        )
+        searchWordDao.addSearchWord(searchWord = searchWordEntity)
+    }
+
+    override suspend fun removeSearchWord(searchWord: String) {
+        searchWordDao.removeSearchWord(searchWord)
+    }
+
+    override suspend fun removeAllSearchWords() {
+        searchWordDao.removeAllSearchWords()
+    }
+
+    override suspend fun setUseRecentSearchWord(use: Boolean): Boolean {
+        sharedPreferences.edit().putBoolean(USE_RECENT_WORD_SP_KEY, use).apply()
+        useRecentSearchWords.update { use }
+        return use
+    }
+
+    override fun getUseRecentSearchWord(): Flow<Boolean> {
+        return useRecentSearchWords
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/datasource/local/search/SearchDataSource.kt b/data/src/main/java/pokitmons/pokit/data/datasource/local/search/SearchDataSource.kt
new file mode 100644
index 00000000..77e8f99c
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/datasource/local/search/SearchDataSource.kt
@@ -0,0 +1,12 @@
+package pokitmons.pokit.data.datasource.local.search
+
+import kotlinx.coroutines.flow.Flow
+
+interface SearchDataSource {
+    fun getSearchWord(): Flow<List<String>>
+    suspend fun addSearchWord(searchWord: String)
+    suspend fun removeSearchWord(searchWord: String)
+    suspend fun removeAllSearchWords()
+    suspend fun setUseRecentSearchWord(use: Boolean): Boolean
+    fun getUseRecentSearchWord(): Flow<Boolean>
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/datasource/remote/alert/AlertDataSource.kt b/data/src/main/java/pokitmons/pokit/data/datasource/remote/alert/AlertDataSource.kt
new file mode 100644
index 00000000..8cbaeeec
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/datasource/remote/alert/AlertDataSource.kt
@@ -0,0 +1,8 @@
+package pokitmons.pokit.data.datasource.remote.alert
+
+import pokitmons.pokit.data.model.alert.GetAlertsResponse
+
+interface AlertDataSource {
+    suspend fun getAlerts(page: Int, size: Int): GetAlertsResponse
+    suspend fun deleteAlert(alertId: Int)
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/datasource/remote/alert/RemoteAlertDataSource.kt b/data/src/main/java/pokitmons/pokit/data/datasource/remote/alert/RemoteAlertDataSource.kt
new file mode 100644
index 00000000..d5125ef5
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/datasource/remote/alert/RemoteAlertDataSource.kt
@@ -0,0 +1,17 @@
+package pokitmons.pokit.data.datasource.remote.alert
+
+import pokitmons.pokit.data.api.AlertApi
+import pokitmons.pokit.data.model.alert.GetAlertsResponse
+import javax.inject.Inject
+
+class RemoteAlertDataSource @Inject constructor(
+    private val api: AlertApi,
+) : AlertDataSource {
+    override suspend fun getAlerts(page: Int, size: Int): GetAlertsResponse {
+        return api.getAlerts(page = page, size = size)
+    }
+
+    override suspend fun deleteAlert(alertId: Int) {
+        api.deleteAlert(alertId)
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/datasource/remote/auth/AuthDataSource.kt b/data/src/main/java/pokitmons/pokit/data/datasource/remote/auth/AuthDataSource.kt
new file mode 100644
index 00000000..42f83502
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/datasource/remote/auth/AuthDataSource.kt
@@ -0,0 +1,16 @@
+package pokitmons.pokit.data.datasource.remote.auth
+
+import pokitmons.pokit.data.model.auth.request.SNSLoginRequest
+import pokitmons.pokit.data.model.auth.request.SignUpRequest
+import pokitmons.pokit.data.model.auth.request.WithdrawRequest
+import pokitmons.pokit.data.model.auth.response.DuplicateNicknameResponse
+import pokitmons.pokit.data.model.auth.response.SNSLoginResponse
+import pokitmons.pokit.data.model.auth.response.SignUpResponse
+import retrofit2.Response
+
+interface AuthDataSource {
+    suspend fun signUp(signUpRequest: SignUpRequest): SignUpResponse
+    suspend fun snsLogin(snsLoginRequest: SNSLoginRequest): SNSLoginResponse
+    suspend fun checkDuplicateNickname(nickname: String): DuplicateNicknameResponse
+    suspend fun withdraw(withdrawRequest: WithdrawRequest): Response<Unit>
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/datasource/remote/auth/RemoteAuthDataSourceImpl.kt b/data/src/main/java/pokitmons/pokit/data/datasource/remote/auth/RemoteAuthDataSourceImpl.kt
new file mode 100644
index 00000000..ac60eada
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/datasource/remote/auth/RemoteAuthDataSourceImpl.kt
@@ -0,0 +1,29 @@
+package pokitmons.pokit.data.datasource.remote.auth
+
+import pokitmons.pokit.data.api.AuthApi
+import pokitmons.pokit.data.model.auth.request.SNSLoginRequest
+import pokitmons.pokit.data.model.auth.request.SignUpRequest
+import pokitmons.pokit.data.model.auth.request.WithdrawRequest
+import pokitmons.pokit.data.model.auth.response.DuplicateNicknameResponse
+import pokitmons.pokit.data.model.auth.response.SNSLoginResponse
+import pokitmons.pokit.data.model.auth.response.SignUpResponse
+import retrofit2.Response
+import javax.inject.Inject
+
+class RemoteAuthDataSourceImpl @Inject constructor(private val authApi: AuthApi) : AuthDataSource {
+    override suspend fun snsLogin(snsLoginRequest: SNSLoginRequest): SNSLoginResponse {
+        return authApi.snsLogin(snsLoginRequest)
+    }
+
+    override suspend fun checkDuplicateNickname(nickname: String): DuplicateNicknameResponse {
+        return authApi.checkDuplicateNickname(nickname)
+    }
+
+    override suspend fun withdraw(withdrawRequest: WithdrawRequest): Response<Unit> {
+        return authApi.withdraw(withdrawRequest)
+    }
+
+    override suspend fun signUp(signUpRequest: SignUpRequest): SignUpResponse {
+        return authApi.signUp(signUpRequest)
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/datasource/remote/home/remind/RemindDataSource.kt b/data/src/main/java/pokitmons/pokit/data/datasource/remote/home/remind/RemindDataSource.kt
new file mode 100644
index 00000000..dbf1ee25
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/datasource/remote/home/remind/RemindDataSource.kt
@@ -0,0 +1,11 @@
+package pokitmons.pokit.data.datasource.remote.home.remind
+
+import pokitmons.pokit.data.model.home.remind.Remind
+import pokitmons.pokit.data.model.home.remind.RemindRequest
+import pokitmons.pokit.data.model.home.remind.RemindResponse
+
+interface RemindDataSource {
+    suspend fun getUnreadContents(remindRequest: RemindRequest): RemindResponse
+    suspend fun getTodayContents(remindRequest: RemindRequest): List<Remind>
+    suspend fun getBookmarkContents(remindRequest: RemindRequest): RemindResponse
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/datasource/remote/home/remind/RemindDataSourceImpl.kt b/data/src/main/java/pokitmons/pokit/data/datasource/remote/home/remind/RemindDataSourceImpl.kt
new file mode 100644
index 00000000..0b88996f
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/datasource/remote/home/remind/RemindDataSourceImpl.kt
@@ -0,0 +1,21 @@
+package pokitmons.pokit.data.datasource.remote.home.remind
+
+import pokitmons.pokit.data.api.RemindApi
+import pokitmons.pokit.data.model.home.remind.Remind
+import pokitmons.pokit.data.model.home.remind.RemindRequest
+import pokitmons.pokit.data.model.home.remind.RemindResponse
+import javax.inject.Inject
+
+class RemindDataSourceImpl @Inject constructor(private val remindApi: RemindApi) : RemindDataSource {
+    override suspend fun getUnreadContents(remindRequest: RemindRequest): RemindResponse {
+        return remindApi.getUnreadContents()
+    }
+
+    override suspend fun getTodayContents(remindRequest: RemindRequest): List<Remind> {
+        return remindApi.getTodayContents()
+    }
+
+    override suspend fun getBookmarkContents(remindRequest: RemindRequest): RemindResponse {
+        return remindApi.getBookmarkContents()
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/datasource/remote/link/LinkDataSource.kt b/data/src/main/java/pokitmons/pokit/data/datasource/remote/link/LinkDataSource.kt
new file mode 100644
index 00000000..fa8ca060
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/datasource/remote/link/LinkDataSource.kt
@@ -0,0 +1,57 @@
+package pokitmons.pokit.data.datasource.remote.link
+
+import pokitmons.pokit.data.model.link.request.ModifyLinkRequest
+import pokitmons.pokit.data.model.link.response.GetLinkResponse
+import pokitmons.pokit.data.model.link.response.GetLinksResponse
+import pokitmons.pokit.data.model.link.response.LinkCardResponse
+import pokitmons.pokit.data.model.link.response.ModifyLinkResponse
+import pokitmons.pokit.domain.model.link.LinksSort
+
+interface LinkDataSource {
+    suspend fun getLinks(
+        categoryId: Int = 0,
+        page: Int = 0,
+        size: Int = 10,
+        sort: List<String> = listOf(LinksSort.RECENT.value),
+        isRead: Boolean? = null,
+        favorites: Boolean? = null,
+        startDate: String? = null,
+        endDate: String? = null,
+        categoryIds: List<Int>? = null,
+    ): GetLinksResponse
+
+    suspend fun searchLinks(
+        page: Int = 0,
+        size: Int = 10,
+        sort: List<String> = listOf(LinksSort.RECENT.value),
+        isRead: Boolean? = null,
+        favorites: Boolean? = null,
+        startDate: String? = null,
+        endDate: String? = null,
+        categoryIds: List<Int>? = null,
+        searchWord: String = "",
+    ): GetLinksResponse
+
+    suspend fun deleteLink(contentId: Int)
+
+    suspend fun getLink(contentId: Int): GetLinkResponse
+
+    suspend fun modifyLink(
+        contentId: Int,
+        modifyLinkRequest: ModifyLinkRequest,
+    ): ModifyLinkResponse
+
+    suspend fun createLink(
+        createLinkRequest: ModifyLinkRequest,
+    ): ModifyLinkResponse
+
+    suspend fun setBookmark(contentId: Int, bookmarked: Boolean)
+
+    suspend fun getLinkCard(url: String): LinkCardResponse
+
+    suspend fun getUncategorizedLinks(
+        page: Int = 0,
+        size: Int = 10,
+        sort: List<String> = listOf(LinksSort.RECENT.value),
+    ): GetLinksResponse
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/datasource/remote/link/RemoteLinkDataSource.kt b/data/src/main/java/pokitmons/pokit/data/datasource/remote/link/RemoteLinkDataSource.kt
new file mode 100644
index 00000000..c060f074
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/datasource/remote/link/RemoteLinkDataSource.kt
@@ -0,0 +1,109 @@
+package pokitmons.pokit.data.datasource.remote.link
+
+import org.jsoup.Jsoup
+import pokitmons.pokit.data.api.LinkApi
+import pokitmons.pokit.data.model.link.request.ModifyLinkRequest
+import pokitmons.pokit.data.model.link.response.GetLinkResponse
+import pokitmons.pokit.data.model.link.response.GetLinksResponse
+import pokitmons.pokit.data.model.link.response.LinkCardResponse
+import pokitmons.pokit.data.model.link.response.ModifyLinkResponse
+import javax.inject.Inject
+
+class RemoteLinkDataSource @Inject constructor(
+    private val linkApi: LinkApi,
+) : LinkDataSource {
+    override suspend fun getLinks(
+        categoryId: Int,
+        page: Int,
+        size: Int,
+        sort: List<String>,
+        isRead: Boolean?,
+        favorites: Boolean?,
+        startDate: String?,
+        endDate: String?,
+        categoryIds: List<Int>?,
+    ): GetLinksResponse {
+        return linkApi.getLinks(
+            categoryId = categoryId,
+            page = page,
+            size = size,
+            sort = sort,
+            isRead = isRead,
+            favorites = favorites,
+            startDate = startDate,
+            endDate = endDate,
+            categoryIds = categoryIds
+        )
+    }
+
+    override suspend fun searchLinks(
+        page: Int,
+        size: Int,
+        sort: List<String>,
+        isRead: Boolean?,
+        favorites: Boolean?,
+        startDate: String?,
+        endDate: String?,
+        categoryIds: List<Int>?,
+        searchWord: String,
+    ): GetLinksResponse {
+        return linkApi.searchLinks(
+            page = page,
+            size = size,
+            sort = sort,
+            isRead = isRead,
+            favorites = favorites,
+            startDate = startDate,
+            endDate = endDate,
+            categoryIds = categoryIds,
+            searchWord = searchWord
+        )
+    }
+
+    override suspend fun deleteLink(contentId: Int) {
+        linkApi.deleteLink(contentId = contentId)
+    }
+
+    override suspend fun getLink(contentId: Int): GetLinkResponse {
+        return linkApi.getLink(contentId)
+    }
+
+    override suspend fun modifyLink(
+        contentId: Int,
+        modifyLinkRequest: ModifyLinkRequest,
+    ): ModifyLinkResponse {
+        return linkApi.modifyLink(
+            contentId = contentId,
+            modifyLinkRequest = modifyLinkRequest
+        )
+    }
+
+    override suspend fun createLink(createLinkRequest: ModifyLinkRequest): ModifyLinkResponse {
+        return linkApi.createLink(
+            createLinkRequest = createLinkRequest
+        )
+    }
+
+    override suspend fun setBookmark(contentId: Int, bookmarked: Boolean) {
+        if (bookmarked) {
+            linkApi.applyBookmark(contentId)
+        } else {
+            linkApi.cancelBookmark(contentId)
+        }
+    }
+
+    override suspend fun getLinkCard(url: String): LinkCardResponse {
+        val document = Jsoup.connect(url).get()
+        val image = document.select("meta[property=og:image]").attr("content").ifEmpty { null }
+        val title = document.select("meta[property=og:title]").attr("content")
+        return LinkCardResponse(
+            url = url,
+            image = image,
+            title = title
+        )
+    }
+
+    override suspend fun getUncategorizedLinks(page: Int, size: Int, sort: List<String>): GetLinksResponse {
+        return linkApi.getUncategorizedLinks(page = page, size = size, sort = sort)
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/datasource/remote/pokit/PokitDataSource.kt b/data/src/main/java/pokitmons/pokit/data/datasource/remote/pokit/PokitDataSource.kt
new file mode 100644
index 00000000..1032b7e8
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/datasource/remote/pokit/PokitDataSource.kt
@@ -0,0 +1,21 @@
+package pokitmons.pokit.data.datasource.remote.pokit
+
+import pokitmons.pokit.data.model.pokit.request.CreatePokitRequest
+import pokitmons.pokit.data.model.pokit.request.GetPokitsRequest
+import pokitmons.pokit.data.model.pokit.request.ModifyPokitRequest
+import pokitmons.pokit.data.model.pokit.response.CreatePokitResponse
+import pokitmons.pokit.data.model.pokit.response.GetPokitCountResponse
+import pokitmons.pokit.data.model.pokit.response.GetPokitImagesResponseItem
+import pokitmons.pokit.data.model.pokit.response.GetPokitResponse
+import pokitmons.pokit.data.model.pokit.response.GetPokitsResponse
+import pokitmons.pokit.data.model.pokit.response.ModifyPokitResponse
+
+interface PokitDataSource {
+    suspend fun getPokits(getPokitsRequest: GetPokitsRequest): GetPokitsResponse
+    suspend fun createPokit(createPokitRequest: CreatePokitRequest): CreatePokitResponse
+    suspend fun modifyPokit(pokitId: Int, modifyPokitRequest: ModifyPokitRequest): ModifyPokitResponse
+    suspend fun getPokitImages(): List<GetPokitImagesResponseItem>
+    suspend fun getPokit(pokitId: Int): GetPokitResponse
+    suspend fun deletePokit(pokitId: Int)
+    suspend fun getPokitCount(): GetPokitCountResponse
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/datasource/remote/pokit/RemotePokitDataSource.kt b/data/src/main/java/pokitmons/pokit/data/datasource/remote/pokit/RemotePokitDataSource.kt
new file mode 100644
index 00000000..32c1a829
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/datasource/remote/pokit/RemotePokitDataSource.kt
@@ -0,0 +1,50 @@
+package pokitmons.pokit.data.datasource.remote.pokit
+
+import pokitmons.pokit.data.api.PokitApi
+import pokitmons.pokit.data.model.pokit.request.CreatePokitRequest
+import pokitmons.pokit.data.model.pokit.request.GetPokitsRequest
+import pokitmons.pokit.data.model.pokit.request.ModifyPokitRequest
+import pokitmons.pokit.data.model.pokit.response.CreatePokitResponse
+import pokitmons.pokit.data.model.pokit.response.GetPokitCountResponse
+import pokitmons.pokit.data.model.pokit.response.GetPokitImagesResponseItem
+import pokitmons.pokit.data.model.pokit.response.GetPokitResponse
+import pokitmons.pokit.data.model.pokit.response.GetPokitsResponse
+import pokitmons.pokit.data.model.pokit.response.ModifyPokitResponse
+import javax.inject.Inject
+
+class RemotePokitDataSource @Inject constructor(
+    private val pokitApi: PokitApi,
+) : PokitDataSource {
+    override suspend fun getPokits(getPokitsRequest: GetPokitsRequest): GetPokitsResponse {
+        return pokitApi.getPokits(
+            filterUncategorized = getPokitsRequest.filterUncategoriezd,
+            size = getPokitsRequest.size,
+            page = getPokitsRequest.page,
+            sort = getPokitsRequest.sort.value
+        )
+    }
+
+    override suspend fun createPokit(createPokitRequest: CreatePokitRequest): CreatePokitResponse {
+        return pokitApi.createPokit(createPokitRequest = createPokitRequest)
+    }
+
+    override suspend fun modifyPokit(pokitId: Int, modifyPokitRequest: ModifyPokitRequest): ModifyPokitResponse {
+        return pokitApi.modifyPokit(categoryId = pokitId, modifyPokitRequest = modifyPokitRequest)
+    }
+
+    override suspend fun getPokitImages(): List<GetPokitImagesResponseItem> {
+        return pokitApi.getPokitImages()
+    }
+
+    override suspend fun getPokit(pokitId: Int): GetPokitResponse {
+        return pokitApi.getPokit(pokitId)
+    }
+
+    override suspend fun deletePokit(pokitId: Int) {
+        pokitApi.deletePokit(pokitId)
+    }
+
+    override suspend fun getPokitCount(): GetPokitCountResponse {
+        return pokitApi.getPokitCount()
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/datasource/remote/setting/RemoteSettingDataSourceImpl.kt b/data/src/main/java/pokitmons/pokit/data/datasource/remote/setting/RemoteSettingDataSourceImpl.kt
new file mode 100644
index 00000000..604dbb52
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/datasource/remote/setting/RemoteSettingDataSourceImpl.kt
@@ -0,0 +1,12 @@
+package pokitmons.pokit.data.datasource.remote.setting
+
+import pokitmons.pokit.data.api.SettingApi
+import pokitmons.pokit.data.model.setting.reqeust.EditNicknameRequest
+import pokitmons.pokit.data.model.setting.response.EditNicknameResponse
+import javax.inject.Inject
+
+class RemoteSettingDataSourceImpl @Inject constructor(private val settingApi: SettingApi) : SettingDataSource {
+    override suspend fun editNickname(editNicknameRequest: EditNicknameRequest): EditNicknameResponse {
+        return settingApi.editNickname(editNicknameRequest)
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/datasource/remote/setting/SettingDataSource.kt b/data/src/main/java/pokitmons/pokit/data/datasource/remote/setting/SettingDataSource.kt
new file mode 100644
index 00000000..f9edb38e
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/datasource/remote/setting/SettingDataSource.kt
@@ -0,0 +1,8 @@
+package pokitmons.pokit.data.datasource.remote.setting
+
+import pokitmons.pokit.data.model.setting.reqeust.EditNicknameRequest
+import pokitmons.pokit.data.model.setting.response.EditNicknameResponse
+
+interface SettingDataSource {
+    suspend fun editNickname(editNicknameRequest: EditNicknameRequest): EditNicknameResponse
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/di/alert/AlertModule.kt b/data/src/main/java/pokitmons/pokit/data/di/alert/AlertModule.kt
new file mode 100644
index 00000000..748138e7
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/di/alert/AlertModule.kt
@@ -0,0 +1,23 @@
+package pokitmons.pokit.data.di.alert
+
+import dagger.Binds
+import dagger.Module
+import dagger.hilt.InstallIn
+import dagger.hilt.components.SingletonComponent
+import pokitmons.pokit.data.datasource.remote.alert.AlertDataSource
+import pokitmons.pokit.data.datasource.remote.alert.RemoteAlertDataSource
+import pokitmons.pokit.data.repository.alert.AlertRepositoryImpl
+import pokitmons.pokit.domain.repository.alert.AlertRepository
+import javax.inject.Singleton
+
+@Module
+@InstallIn(SingletonComponent::class)
+abstract class AlertModule {
+    @Binds
+    @Singleton
+    abstract fun bindAlertRepository(alertRepositoryImpl: AlertRepositoryImpl): AlertRepository
+
+    @Binds
+    @Singleton
+    abstract fun bindAlertDataSource(alertDataSourceImpl: RemoteAlertDataSource): AlertDataSource
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/di/auth/AuthModule.kt b/data/src/main/java/pokitmons/pokit/data/di/auth/AuthModule.kt
new file mode 100644
index 00000000..62a641bf
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/di/auth/AuthModule.kt
@@ -0,0 +1,23 @@
+package pokitmons.pokit.data.di.auth
+
+import dagger.Binds
+import dagger.Module
+import dagger.hilt.InstallIn
+import dagger.hilt.components.SingletonComponent
+import pokitmons.pokit.data.datasource.remote.auth.AuthDataSource
+import pokitmons.pokit.data.datasource.remote.auth.RemoteAuthDataSourceImpl
+import pokitmons.pokit.data.repository.auth.AuthRepositoryImpl
+import pokitmons.pokit.domain.repository.auth.AuthRepository
+import javax.inject.Singleton
+
+@Module
+@InstallIn(SingletonComponent::class)
+abstract class AuthModule {
+    @Binds
+    @Singleton
+    abstract fun bindAuthRepository(authRepositoryImpl: AuthRepositoryImpl): AuthRepository
+
+    @Binds
+    @Singleton
+    abstract fun bindAuthDataSource(authDataSourceImpl: RemoteAuthDataSourceImpl): AuthDataSource
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/di/core/room/RoomModule.kt b/data/src/main/java/pokitmons/pokit/data/di/core/room/RoomModule.kt
new file mode 100644
index 00000000..cc7126ee
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/di/core/room/RoomModule.kt
@@ -0,0 +1,25 @@
+package pokitmons.pokit.data.di.core.room
+
+import android.content.Context
+import androidx.room.Room
+import dagger.Module
+import dagger.Provides
+import dagger.hilt.InstallIn
+import dagger.hilt.android.qualifiers.ApplicationContext
+import dagger.hilt.components.SingletonComponent
+import pokitmons.pokit.data.room.database.AppDatabase
+import javax.inject.Singleton
+
+@Module
+@InstallIn(SingletonComponent::class)
+object RoomModule {
+    @Provides
+    @Singleton
+    fun provideDatabase(@ApplicationContext context: Context): AppDatabase {
+        return Room.databaseBuilder(context, AppDatabase::class.java, "pokitDatabase.db").build()
+    }
+
+    @Provides
+    @Singleton
+    fun providerSearchWordDao(database: AppDatabase) = database.searchWordDao()
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/di/core/sharedpreferences/SharedPreferencesModule.kt b/data/src/main/java/pokitmons/pokit/data/di/core/sharedpreferences/SharedPreferencesModule.kt
new file mode 100644
index 00000000..7d6c6419
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/di/core/sharedpreferences/SharedPreferencesModule.kt
@@ -0,0 +1,23 @@
+package pokitmons.pokit.data.di.core.sharedpreferences
+
+import android.content.Context
+import android.content.Context.MODE_PRIVATE
+import android.content.SharedPreferences
+import dagger.Module
+import dagger.Provides
+import dagger.hilt.InstallIn
+import dagger.hilt.android.qualifiers.ApplicationContext
+import dagger.hilt.components.SingletonComponent
+import javax.inject.Singleton
+
+@Module
+@InstallIn(SingletonComponent::class)
+object SharedPreferencesModule {
+    @Provides
+    @Singleton
+    fun provideSharedPreferences(
+        @ApplicationContext context: Context,
+    ): SharedPreferences {
+        return context.getSharedPreferences("pokit_shared_preferences", MODE_PRIVATE)
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/di/home/remind/RemindModule.kt b/data/src/main/java/pokitmons/pokit/data/di/home/remind/RemindModule.kt
new file mode 100644
index 00000000..3905e080
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/di/home/remind/RemindModule.kt
@@ -0,0 +1,23 @@
+package pokitmons.pokit.data.di.home.remind
+
+import dagger.Binds
+import dagger.Module
+import dagger.hilt.InstallIn
+import dagger.hilt.components.SingletonComponent
+import pokitmons.pokit.data.datasource.remote.home.remind.RemindDataSource
+import pokitmons.pokit.data.datasource.remote.home.remind.RemindDataSourceImpl
+import pokitmons.pokit.data.repository.home.remind.RemindRepositoryImpl
+import pokitmons.pokit.domain.repository.home.remind.RemindRepository
+import javax.inject.Singleton
+
+@Module
+@InstallIn(SingletonComponent::class)
+abstract class RemindModule {
+    @Binds
+    @Singleton
+    abstract fun bindRemindRepository(remindRepositoryImpl: RemindRepositoryImpl): RemindRepository
+
+    @Binds
+    @Singleton
+    abstract fun bindRemindDataSource(remindDataSourceImpl: RemindDataSourceImpl): RemindDataSource
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/di/link/LinkModule.kt b/data/src/main/java/pokitmons/pokit/data/di/link/LinkModule.kt
new file mode 100644
index 00000000..61eadde8
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/di/link/LinkModule.kt
@@ -0,0 +1,23 @@
+package pokitmons.pokit.data.di.link
+
+import dagger.Binds
+import dagger.Module
+import dagger.hilt.InstallIn
+import dagger.hilt.components.SingletonComponent
+import pokitmons.pokit.data.datasource.remote.link.LinkDataSource
+import pokitmons.pokit.data.datasource.remote.link.RemoteLinkDataSource
+import pokitmons.pokit.data.repository.link.LinkRepositoryImpl
+import pokitmons.pokit.domain.repository.link.LinkRepository
+import javax.inject.Singleton
+
+@Module
+@InstallIn(SingletonComponent::class)
+abstract class LinkModule {
+    @Binds
+    @Singleton
+    abstract fun bindLinkRepository(linkRepositoryImpl: LinkRepositoryImpl): LinkRepository
+
+    @Binds
+    @Singleton
+    abstract fun bindLinkDataSource(linkDataSourceImpl: RemoteLinkDataSource): LinkDataSource
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/di/network/BearerTokenInterceptor.kt b/data/src/main/java/pokitmons/pokit/data/di/network/BearerTokenInterceptor.kt
new file mode 100644
index 00000000..7110eb95
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/di/network/BearerTokenInterceptor.kt
@@ -0,0 +1,28 @@
+package pokitmons.pokit.data.di.network
+
+import kotlinx.coroutines.flow.first
+import kotlinx.coroutines.runBlocking
+import okhttp3.Interceptor
+import okhttp3.Request
+import okhttp3.Response
+import pokitmons.pokit.data.datasource.local.TokenManager
+import javax.inject.Inject
+
+// 토큰 api 수정될 때 까지 사용
+class BearerTokenInterceptor @Inject constructor(private val tokenManager: TokenManager) : Interceptor {
+    override fun intercept(chain: Interceptor.Chain): Response {
+        val token: String = runBlocking {
+            tokenManager.getAccessToken().first()
+        } ?: ""
+
+        val originalRequest: Request = chain.request()
+        val requestWithToken: Request = originalRequest.newBuilder()
+            .header(
+                "Authorization",
+                "Bearer $token"
+            )
+            .build()
+
+        return chain.proceed(requestWithToken)
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/di/network/NetworkModule.kt b/data/src/main/java/pokitmons/pokit/data/di/network/NetworkModule.kt
new file mode 100644
index 00000000..dc080a1c
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/di/network/NetworkModule.kt
@@ -0,0 +1,171 @@
+package pokitmons.pokit.data.di.network
+
+import androidx.datastore.core.DataStore
+import androidx.datastore.preferences.core.Preferences
+import com.jakewharton.retrofit2.converter.kotlinx.serialization.asConverterFactory
+import dagger.Module
+import dagger.Provides
+import dagger.hilt.InstallIn
+import dagger.hilt.components.SingletonComponent
+import kotlinx.serialization.json.Json
+import okhttp3.MediaType.Companion.toMediaType
+import okhttp3.OkHttpClient
+import okhttp3.logging.HttpLoggingInterceptor
+import pokitmons.pokit.data.api.AlertApi
+import pokitmons.pokit.data.api.AuthApi
+import pokitmons.pokit.data.api.LinkApi
+import pokitmons.pokit.data.api.PokitApi
+import pokitmons.pokit.data.api.RemindApi
+import pokitmons.pokit.data.api.SettingApi
+import pokitmons.pokit.data.api.TokenApi
+import pokitmons.pokit.data.datasource.local.AuthAuthenticator
+import pokitmons.pokit.data.datasource.local.TokenManager
+import retrofit2.Retrofit
+import java.util.concurrent.TimeUnit
+import javax.inject.Named
+import javax.inject.Singleton
+
+private const val BASE_URL = "https://pokit.site"
+private const val API = "api"
+private const val VERSION = "v1"
+
+private const val READ_TIME_OUT = 20000L
+private const val WRITE_TIME_OUT = 20000L
+
+@Module
+@InstallIn(SingletonComponent::class)
+object NetworkModule {
+    @Named("BaseOkHttpClient")
+    @Singleton
+    @Provides
+    fun provideOkHttpClient(
+        interceptor: BearerTokenInterceptor,
+    ): OkHttpClient {
+        return OkHttpClient.Builder()
+            .addInterceptor(interceptor)
+            .addInterceptor(
+                HttpLoggingInterceptor().apply {
+                    level = HttpLoggingInterceptor.Level.BODY
+                }
+            )
+            .readTimeout(READ_TIME_OUT, TimeUnit.SECONDS)
+            .writeTimeout(WRITE_TIME_OUT, TimeUnit.SECONDS)
+            .build()
+    }
+
+    @Named("ReissueOkHttpClient")
+    @Singleton
+    @Provides
+    fun provideReissueOkHttpClient(
+        authAuthenticator: AuthAuthenticator,
+        interceptor: BearerTokenInterceptor,
+    ): OkHttpClient {
+        return OkHttpClient.Builder()
+            .addInterceptor(interceptor)
+            .authenticator(authAuthenticator)
+            .addInterceptor(
+                HttpLoggingInterceptor().apply {
+                    level = HttpLoggingInterceptor.Level.BODY
+                }
+            )
+            .readTimeout(READ_TIME_OUT, TimeUnit.SECONDS)
+            .writeTimeout(WRITE_TIME_OUT, TimeUnit.SECONDS)
+            .build()
+    }
+
+    @Singleton
+    @Provides
+    fun provideTokenManager(dataStore: DataStore<Preferences>): TokenManager {
+        return TokenManager(dataStore)
+    }
+
+    @Singleton
+    @Provides
+    fun provideAuthenticator(
+        tokenManager: TokenManager,
+        tokenApi: TokenApi,
+    ): AuthAuthenticator {
+        return AuthAuthenticator(tokenManager, tokenApi)
+    }
+
+    @Singleton
+    @Provides
+    fun provideInterceptor(tokenManager: TokenManager): BearerTokenInterceptor {
+        return BearerTokenInterceptor(tokenManager)
+    }
+
+    @Singleton
+    @Provides
+    fun provideJson(): Json {
+        return Json {
+            ignoreUnknownKeys = true
+            coerceInputValues = true
+            prettyPrint = true
+        }
+    }
+
+    @Named("ReissueRetrofit")
+    @Singleton
+    @Provides
+    fun provideReissueRetrofit(
+        @Named("ReissueOkHttpClient") okHttpClient: OkHttpClient,
+        json: Json,
+    ): Retrofit {
+        val converterFactory = json.asConverterFactory("application/json; charset=UTF8".toMediaType())
+        return Retrofit.Builder()
+            .baseUrl("$BASE_URL/$API/$VERSION/")
+            .addConverterFactory(converterFactory)
+            .client(okHttpClient)
+            .build()
+    }
+
+    @Named("BaseRetrofit")
+    @Singleton
+    @Provides
+    fun provideRetrofit(
+        @Named("BaseOkHttpClient") okHttpClient: OkHttpClient,
+        json: Json,
+    ): Retrofit {
+        val converterFactory = json.asConverterFactory("application/json; charset=UTF8".toMediaType())
+        return Retrofit.Builder()
+            .baseUrl("$BASE_URL/$API/$VERSION/")
+            .addConverterFactory(converterFactory)
+            .client(okHttpClient)
+            .build()
+    }
+
+    @Provides
+    fun provideAuthService(@Named("BaseRetrofit") retrofit: Retrofit): AuthApi {
+        return retrofit.create(AuthApi::class.java)
+    }
+
+    @Provides
+    fun provideTokenService(@Named("ReissueRetrofit") retrofit: Retrofit): TokenApi {
+        return retrofit.create(TokenApi::class.java)
+    }
+
+    @Provides
+    fun providePokitService(@Named("BaseRetrofit") retrofit: Retrofit): PokitApi {
+        return retrofit.create(PokitApi::class.java)
+    }
+
+    @Provides
+    fun provideLinkService(@Named("BaseRetrofit") retrofit: Retrofit): LinkApi {
+        return retrofit.create(LinkApi::class.java)
+    }
+
+    @Provides
+    fun provideSettingService(@Named("BaseRetrofit") retrofit: Retrofit): SettingApi {
+        return retrofit.create(SettingApi::class.java)
+    }
+
+    @Provides
+    fun provideRemindService(@Named("BaseRetrofit") retrofit: Retrofit): RemindApi {
+        return retrofit.create(RemindApi::class.java)
+    }
+
+    @Provides
+    fun provideAlertService(@Named("BaseRetrofit") retrofit: Retrofit): AlertApi {
+        return retrofit.create(AlertApi::class.java)
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/di/pokit/PokitModule.kt b/data/src/main/java/pokitmons/pokit/data/di/pokit/PokitModule.kt
new file mode 100644
index 00000000..32c1014a
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/di/pokit/PokitModule.kt
@@ -0,0 +1,23 @@
+package pokitmons.pokit.data.di.pokit
+
+import dagger.Binds
+import dagger.Module
+import dagger.hilt.InstallIn
+import dagger.hilt.components.SingletonComponent
+import pokitmons.pokit.data.datasource.remote.pokit.PokitDataSource
+import pokitmons.pokit.data.datasource.remote.pokit.RemotePokitDataSource
+import pokitmons.pokit.data.repository.pokit.PokitRepositoryImpl
+import pokitmons.pokit.domain.repository.pokit.PokitRepository
+import javax.inject.Singleton
+
+@Module
+@InstallIn(SingletonComponent::class)
+abstract class PokitModule {
+    @Binds
+    @Singleton
+    abstract fun bindPokitRepository(pokitRepositoryImpl: PokitRepositoryImpl): PokitRepository
+
+    @Binds
+    @Singleton
+    abstract fun bindPokitDataSource(pokitDataSourceImpl: RemotePokitDataSource): PokitDataSource
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/di/search/SearchModule.kt b/data/src/main/java/pokitmons/pokit/data/di/search/SearchModule.kt
new file mode 100644
index 00000000..dbd7a4a4
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/di/search/SearchModule.kt
@@ -0,0 +1,23 @@
+package pokitmons.pokit.data.di.search
+
+import dagger.Binds
+import dagger.Module
+import dagger.hilt.InstallIn
+import dagger.hilt.components.SingletonComponent
+import pokitmons.pokit.data.datasource.local.search.LocalSearchWordDataSource
+import pokitmons.pokit.data.datasource.local.search.SearchDataSource
+import pokitmons.pokit.data.repository.search.SearchRepositoryImpl
+import pokitmons.pokit.domain.repository.search.SearchRepository
+import javax.inject.Singleton
+
+@Module
+@InstallIn(SingletonComponent::class)
+abstract class SearchModule {
+    @Binds
+    @Singleton
+    abstract fun bindSearchRepository(searchRepositoryImpl: SearchRepositoryImpl): SearchRepository
+
+    @Binds
+    @Singleton
+    abstract fun bindSearchDataSource(searchDataSourceImpl: LocalSearchWordDataSource): SearchDataSource
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/di/setting/SettingModule.kt b/data/src/main/java/pokitmons/pokit/data/di/setting/SettingModule.kt
new file mode 100644
index 00000000..ec050258
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/di/setting/SettingModule.kt
@@ -0,0 +1,23 @@
+package pokitmons.pokit.data.di.setting
+
+import dagger.Binds
+import dagger.Module
+import dagger.hilt.InstallIn
+import dagger.hilt.components.SingletonComponent
+import pokitmons.pokit.data.datasource.remote.setting.RemoteSettingDataSourceImpl
+import pokitmons.pokit.data.datasource.remote.setting.SettingDataSource
+import pokitmons.pokit.data.repository.setting.SettingRepositoryImpl
+import pokitmons.pokit.domain.repository.setting.SettingRepository
+import javax.inject.Singleton
+
+@Module
+@InstallIn(SingletonComponent::class)
+abstract class SettingModule {
+    @Binds
+    @Singleton
+    abstract fun bindSettingRepository(settingRepositoryImpl: SettingRepositoryImpl): SettingRepository
+
+    @Binds
+    @Singleton
+    abstract fun bindSettingDataSource(settingDataSourceImpl: RemoteSettingDataSourceImpl): SettingDataSource
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/mapper/alert/AlertMapper.kt b/data/src/main/java/pokitmons/pokit/data/mapper/alert/AlertMapper.kt
new file mode 100644
index 00000000..196af500
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/mapper/alert/AlertMapper.kt
@@ -0,0 +1,18 @@
+package pokitmons.pokit.data.mapper.alert
+
+import pokitmons.pokit.data.model.alert.GetAlertsResponse
+import pokitmons.pokit.domain.model.alert.Alarm
+
+object AlertMapper {
+    fun mapperToAlarmList(response: GetAlertsResponse): List<Alarm> {
+        return response.data.map { data ->
+            Alarm(
+                id = data.id,
+                contentId = data.contentId,
+                thumbnail = data.thumbNail,
+                title = data.title,
+                createdAt = data.createdAt
+            )
+        }
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/mapper/auth/AuthMapper.kt b/data/src/main/java/pokitmons/pokit/data/mapper/auth/AuthMapper.kt
new file mode 100644
index 00000000..ebee74f7
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/mapper/auth/AuthMapper.kt
@@ -0,0 +1,32 @@
+package pokitmons.pokit.data.mapper.auth
+
+import pokitmons.pokit.data.model.auth.response.DuplicateNicknameResponse
+import pokitmons.pokit.data.model.auth.response.SNSLoginResponse
+import pokitmons.pokit.data.model.auth.response.SignUpResponse
+import pokitmons.pokit.domain.model.auth.DuplicateNicknameResult
+import pokitmons.pokit.domain.model.auth.SNSLoginResult
+import pokitmons.pokit.domain.model.auth.SignUpResult
+
+object AuthMapper {
+    fun mapperToSNSLogin(snsLoginResponse: SNSLoginResponse): SNSLoginResult {
+        return SNSLoginResult(
+            accessToken = snsLoginResponse.accessToken,
+            refreshToken = snsLoginResponse.refreshToken,
+            isRegistered = snsLoginResponse.isRegistered
+        )
+    }
+
+    fun mapperToDuplicateNickname(checkDuplicateNicknameResponse: DuplicateNicknameResponse): DuplicateNicknameResult {
+        return DuplicateNicknameResult(
+            isDuplicate = checkDuplicateNicknameResponse.isDuplicate
+        )
+    }
+
+    fun mapperToSignUp(signUpResponse: SignUpResponse): SignUpResult {
+        return SignUpResult(
+            id = signUpResponse.id,
+            email = signUpResponse.email,
+            nickname = signUpResponse.nickname
+        )
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/mapper/home/home/RemindMapper.kt b/data/src/main/java/pokitmons/pokit/data/mapper/home/home/RemindMapper.kt
new file mode 100644
index 00000000..f798c2db
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/mapper/home/home/RemindMapper.kt
@@ -0,0 +1,35 @@
+package pokitmons.pokit.data.mapper.home.home
+
+import pokitmons.pokit.data.model.home.remind.Remind
+import pokitmons.pokit.data.model.home.remind.RemindResponse
+import pokitmons.pokit.domain.model.home.remind.RemindResult
+
+object RemindMapper {
+    fun mapperToRemind(remindResponse: RemindResponse): List<RemindResult> {
+        return remindResponse.data.map { remind ->
+            RemindResult(
+                id = remind.contentId,
+                title = remind.title,
+                domain = remind.domain,
+                createdAt = remind.createdAt,
+                isRead = remind.isRead,
+                thumbNail = remind.thumbNail,
+                data = remind.data
+            )
+        }
+    }
+
+    fun mapperToTodayContents(remindResponse: List<Remind>): List<RemindResult> {
+        return remindResponse.map { remind ->
+            RemindResult(
+                id = remind.contentId,
+                title = remind.title,
+                domain = remind.domain,
+                createdAt = remind.createdAt,
+                isRead = remind.isRead,
+                thumbNail = remind.thumbNail,
+                data = remind.data
+            )
+        }
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/mapper/link/LinkMapper.kt b/data/src/main/java/pokitmons/pokit/data/mapper/link/LinkMapper.kt
new file mode 100644
index 00000000..b7ead641
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/mapper/link/LinkMapper.kt
@@ -0,0 +1,56 @@
+package pokitmons.pokit.data.mapper.link
+
+import pokitmons.pokit.data.model.link.response.GetLinkResponse
+import pokitmons.pokit.data.model.link.response.GetLinksResponse
+import pokitmons.pokit.data.model.link.response.ModifyLinkResponse
+import pokitmons.pokit.domain.model.link.Link
+
+object LinkMapper {
+    fun mapperToLinks(linksResponse: GetLinksResponse): List<Link> {
+        return linksResponse.data.map { data ->
+            Link(
+                id = data.contentId,
+                categoryId = data.category.categoryId,
+                categoryName = data.category.categoryName,
+                data = data.data,
+                domain = data.domain,
+                title = data.title,
+                memo = data.memo,
+                alertYn = data.alertYn,
+                createdAt = data.createdAt,
+                isRead = data.isRead,
+                thumbnail = data.thumbNail
+            )
+        }
+    }
+
+    fun mapperToLink(linkResponse: GetLinkResponse): Link {
+        return Link(
+            id = linkResponse.contentId,
+            categoryId = linkResponse.category.categoryId,
+            categoryName = linkResponse.category.categoryName,
+            data = linkResponse.data,
+            domain = "",
+            title = linkResponse.title,
+            memo = linkResponse.memo,
+            alertYn = linkResponse.alertYn,
+            createdAt = linkResponse.createdAt,
+            favorites = linkResponse.favorites
+        )
+    }
+
+    fun mapperToLink(modifyLinkResponse: ModifyLinkResponse): Link {
+        return Link(
+            id = modifyLinkResponse.contentId,
+            categoryId = modifyLinkResponse.category.categoryId,
+            categoryName = modifyLinkResponse.category.categoryName,
+            data = modifyLinkResponse.data,
+            domain = "",
+            title = modifyLinkResponse.title,
+            memo = modifyLinkResponse.memo,
+            alertYn = modifyLinkResponse.alertYn,
+            createdAt = modifyLinkResponse.createdAt,
+            favorites = modifyLinkResponse.favorites
+        )
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/mapper/pokit/PokitMapper.kt b/data/src/main/java/pokitmons/pokit/data/mapper/pokit/PokitMapper.kt
new file mode 100644
index 00000000..fdeddcbd
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/mapper/pokit/PokitMapper.kt
@@ -0,0 +1,46 @@
+package pokitmons.pokit.data.mapper.pokit
+
+import pokitmons.pokit.data.model.pokit.response.GetPokitImagesResponseItem
+import pokitmons.pokit.data.model.pokit.response.GetPokitResponse
+import pokitmons.pokit.data.model.pokit.response.GetPokitsResponse
+import pokitmons.pokit.domain.model.pokit.Pokit
+
+object PokitMapper {
+    private const val NOT_USE = 0
+
+    fun mapperToPokits(pokitsResponse: GetPokitsResponse): List<Pokit> {
+        return pokitsResponse.data.map { data ->
+            Pokit(
+                categoryId = data.categoryId,
+                userId = data.userId,
+                name = data.categoryName,
+                image = Pokit.Image(
+                    id = data.categoryImage.imageId,
+                    url = data.categoryImage.imageUrl
+                ),
+                createdAt = data.createdAt,
+                linkCount = data.contentCount
+            )
+        }
+    }
+
+    fun mapperToPokitImages(getPokitImagesResponse: List<GetPokitImagesResponseItem>): List<Pokit.Image> {
+        return getPokitImagesResponse.map { image ->
+            Pokit.Image(id = image.imageId, url = image.imageUrl)
+        }
+    }
+
+    fun mapperToPokit(pokitResponse: GetPokitResponse): Pokit {
+        return Pokit(
+            categoryId = pokitResponse.categoryId,
+            userId = NOT_USE,
+            name = pokitResponse.categoryName,
+            image = Pokit.Image(
+                id = pokitResponse.categoryImage.imageId,
+                url = pokitResponse.categoryImage.imageUrl
+            ),
+            linkCount = NOT_USE,
+            createdAt = pokitResponse.createdAt
+        )
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/mapper/setting/SettingMapper.kt b/data/src/main/java/pokitmons/pokit/data/mapper/setting/SettingMapper.kt
new file mode 100644
index 00000000..3080207b
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/mapper/setting/SettingMapper.kt
@@ -0,0 +1,14 @@
+package pokitmons.pokit.data.mapper.setting
+
+import pokitmons.pokit.data.model.setting.response.EditNicknameResponse
+import pokitmons.pokit.domain.model.setting.EditNicknameResult
+
+object SettingMapper {
+    fun mapperToEditNickname(editNicknameResponse: EditNicknameResponse): EditNicknameResult {
+        return EditNicknameResult(
+            id = editNicknameResponse.id,
+            nickname = editNicknameResponse.nickname,
+            email = editNicknameResponse.email
+        )
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/model/alert/GetAlertsResponse.kt b/data/src/main/java/pokitmons/pokit/data/model/alert/GetAlertsResponse.kt
new file mode 100644
index 00000000..e55692a1
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/alert/GetAlertsResponse.kt
@@ -0,0 +1,32 @@
+package pokitmons.pokit.data.model.alert
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class GetAlertsResponse(
+    val data: List<Data> = emptyList(),
+    val page: Int = 0,
+    val size: Int = 10,
+    val sort: List<Sort> = emptyList(),
+    val hasNext: Boolean = true,
+) {
+    @Serializable
+    data class Data(
+        val id: Int,
+        val userId: Int,
+        val contentId: Int,
+        val thumbNail: String,
+        val title: String,
+        val body: String,
+        val createdAt: String,
+    )
+
+    @Serializable
+    data class Sort(
+        val direction: String,
+        val nullHandling: String,
+        val ascending: Boolean,
+        val property: String,
+        val ignoreCase: Boolean,
+    )
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/model/auth/request/SNSLoginRequest.kt b/data/src/main/java/pokitmons/pokit/data/model/auth/request/SNSLoginRequest.kt
new file mode 100644
index 00000000..e52e5e4a
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/auth/request/SNSLoginRequest.kt
@@ -0,0 +1,9 @@
+package pokitmons.pokit.data.model.auth.request
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class SNSLoginRequest(
+    val authPlatform: String,
+    val idToken: String,
+)
diff --git a/data/src/main/java/pokitmons/pokit/data/model/auth/request/SignUpRequest.kt b/data/src/main/java/pokitmons/pokit/data/model/auth/request/SignUpRequest.kt
new file mode 100644
index 00000000..e1ddc46b
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/auth/request/SignUpRequest.kt
@@ -0,0 +1,9 @@
+package pokitmons.pokit.data.model.auth.request
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class SignUpRequest(
+    val nickName: String,
+    val interests: List<String>,
+)
diff --git a/data/src/main/java/pokitmons/pokit/data/model/auth/request/TokenRequest.kt b/data/src/main/java/pokitmons/pokit/data/model/auth/request/TokenRequest.kt
new file mode 100644
index 00000000..d3a245da
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/auth/request/TokenRequest.kt
@@ -0,0 +1,5 @@
+package pokitmons.pokit.data.model.auth.request
+
+data class TokenRequest(
+    val refreshToken: String,
+)
diff --git a/data/src/main/java/pokitmons/pokit/data/model/auth/request/WithdrawRequest.kt b/data/src/main/java/pokitmons/pokit/data/model/auth/request/WithdrawRequest.kt
new file mode 100644
index 00000000..1cdc5c7f
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/auth/request/WithdrawRequest.kt
@@ -0,0 +1,9 @@
+package pokitmons.pokit.data.model.auth.request
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class WithdrawRequest(
+    val refreshToken: String,
+    val authPlatform: String,
+)
diff --git a/data/src/main/java/pokitmons/pokit/data/model/auth/response/DuplicateNicknameResponse.kt b/data/src/main/java/pokitmons/pokit/data/model/auth/response/DuplicateNicknameResponse.kt
new file mode 100644
index 00000000..3638dda8
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/auth/response/DuplicateNicknameResponse.kt
@@ -0,0 +1,8 @@
+package pokitmons.pokit.data.model.auth.response
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class DuplicateNicknameResponse(
+    val isDuplicate: Boolean,
+)
diff --git a/data/src/main/java/pokitmons/pokit/data/model/auth/response/SNSLoginResponse.kt b/data/src/main/java/pokitmons/pokit/data/model/auth/response/SNSLoginResponse.kt
new file mode 100644
index 00000000..963f69a7
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/auth/response/SNSLoginResponse.kt
@@ -0,0 +1,10 @@
+package pokitmons.pokit.data.model.auth.response
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class SNSLoginResponse(
+    val accessToken: String,
+    val refreshToken: String,
+    val isRegistered: Boolean,
+)
diff --git a/data/src/main/java/pokitmons/pokit/data/model/auth/response/SignUpResponse.kt b/data/src/main/java/pokitmons/pokit/data/model/auth/response/SignUpResponse.kt
new file mode 100644
index 00000000..c86dc03a
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/auth/response/SignUpResponse.kt
@@ -0,0 +1,10 @@
+package pokitmons.pokit.data.model.auth.response
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class SignUpResponse(
+    val id: Int,
+    val email: String,
+    val nickname: String,
+)
diff --git a/data/src/main/java/pokitmons/pokit/data/model/auth/response/TokenResponse.kt b/data/src/main/java/pokitmons/pokit/data/model/auth/response/TokenResponse.kt
new file mode 100644
index 00000000..fd780f1b
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/auth/response/TokenResponse.kt
@@ -0,0 +1,5 @@
+package pokitmons.pokit.data.model.auth.response
+
+data class TokenResponse(
+    val accessToken: String,
+)
diff --git a/data/src/main/java/pokitmons/pokit/data/model/common/ParseErrorResult.kt b/data/src/main/java/pokitmons/pokit/data/model/common/ParseErrorResult.kt
new file mode 100644
index 00000000..878e1220
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/common/ParseErrorResult.kt
@@ -0,0 +1,18 @@
+package pokitmons.pokit.data.model.common
+
+import kotlinx.serialization.decodeFromString
+import kotlinx.serialization.json.Json
+import pokitmons.pokit.domain.commom.PokitError
+import pokitmons.pokit.domain.commom.PokitResult
+
+fun <T> parseErrorResult(throwable: Throwable): PokitResult<T> {
+    return try {
+        val error: PokitErrorResponse = throwable.message?.let { errorBody ->
+            Json.decodeFromString<PokitErrorResponse>(errorBody)
+        } ?: PokitErrorResponse()
+        val pokitError = PokitError(message = error.message, code = error.code)
+        PokitResult.Error(pokitError)
+    } catch (e: Exception) {
+        PokitResult.Error(PokitError())
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/model/common/PokitErrorResponse.kt b/data/src/main/java/pokitmons/pokit/data/model/common/PokitErrorResponse.kt
new file mode 100644
index 00000000..93f89d8c
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/common/PokitErrorResponse.kt
@@ -0,0 +1,9 @@
+package pokitmons.pokit.data.model.common
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class PokitErrorResponse(
+    val message: String = "그 외",
+    val code: String = "U_0000",
+)
diff --git a/data/src/main/java/pokitmons/pokit/data/model/home/remind/Category.kt b/data/src/main/java/pokitmons/pokit/data/model/home/remind/Category.kt
new file mode 100644
index 00000000..5c119e7b
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/home/remind/Category.kt
@@ -0,0 +1,9 @@
+package pokitmons.pokit.data.model.home.remind
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class Category(
+    val categoryId: Int,
+    val categoryName: String,
+)
diff --git a/data/src/main/java/pokitmons/pokit/data/model/home/remind/Remind.kt b/data/src/main/java/pokitmons/pokit/data/model/home/remind/Remind.kt
new file mode 100644
index 00000000..b1f8c21e
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/home/remind/Remind.kt
@@ -0,0 +1,15 @@
+package pokitmons.pokit.data.model.home.remind
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class Remind(
+    val category: Category,
+    val contentId: Int,
+    val createdAt: String,
+    val data: String,
+    val domain: String,
+    val isRead: Boolean = false, // today의 경우 isRead가 빠져서 오기에, 기본값 설정 필요
+    val thumbNail: String,
+    val title: String,
+)
diff --git a/data/src/main/java/pokitmons/pokit/data/model/home/remind/RemindRequest.kt b/data/src/main/java/pokitmons/pokit/data/model/home/remind/RemindRequest.kt
new file mode 100644
index 00000000..6aec9476
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/home/remind/RemindRequest.kt
@@ -0,0 +1,11 @@
+package pokitmons.pokit.data.model.home.remind
+
+import kotlinx.serialization.Serializable
+import pokitmons.pokit.domain.model.pokit.PokitsSort
+
+@Serializable
+data class RemindRequest(
+    val size: Int = 10,
+    val page: Int = 0,
+    val sort: PokitsSort = PokitsSort.RECENT,
+)
diff --git a/data/src/main/java/pokitmons/pokit/data/model/home/remind/RemindResponse.kt b/data/src/main/java/pokitmons/pokit/data/model/home/remind/RemindResponse.kt
new file mode 100644
index 00000000..d2789fbf
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/home/remind/RemindResponse.kt
@@ -0,0 +1,12 @@
+package pokitmons.pokit.data.model.home.remind
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class RemindResponse(
+    val data: List<Remind> = emptyList(),
+    val hasNext: Boolean = false,
+    val page: Int = 0,
+    val size: Int = 10,
+    val sort: List<Sort> = emptyList(),
+)
diff --git a/data/src/main/java/pokitmons/pokit/data/model/home/remind/Sort.kt b/data/src/main/java/pokitmons/pokit/data/model/home/remind/Sort.kt
new file mode 100644
index 00000000..48e4f07b
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/home/remind/Sort.kt
@@ -0,0 +1,12 @@
+package pokitmons.pokit.data.model.home.remind
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class Sort(
+    val ascending: Boolean,
+    val direction: String,
+    val ignoreCase: Boolean,
+    val nullHandling: String,
+    val property: String,
+)
diff --git a/data/src/main/java/pokitmons/pokit/data/model/link/request/ModifyLinkRequest.kt b/data/src/main/java/pokitmons/pokit/data/model/link/request/ModifyLinkRequest.kt
new file mode 100644
index 00000000..508ed63b
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/link/request/ModifyLinkRequest.kt
@@ -0,0 +1,13 @@
+package pokitmons.pokit.data.model.link.request
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class ModifyLinkRequest(
+    val data: String,
+    val title: String,
+    val categoryId: Int,
+    val memo: String,
+    val alertYn: String,
+    val thumbNail: String?,
+)
diff --git a/data/src/main/java/pokitmons/pokit/data/model/link/response/ApplyBookmarkResponse.kt b/data/src/main/java/pokitmons/pokit/data/model/link/response/ApplyBookmarkResponse.kt
new file mode 100644
index 00000000..bf54df13
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/link/response/ApplyBookmarkResponse.kt
@@ -0,0 +1,6 @@
+package pokitmons.pokit.data.model.link.response
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class ApplyBookmarkResponse(val contentId: Int = 0)
diff --git a/data/src/main/java/pokitmons/pokit/data/model/link/response/GetLinkResponse.kt b/data/src/main/java/pokitmons/pokit/data/model/link/response/GetLinkResponse.kt
new file mode 100644
index 00000000..514e3e76
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/link/response/GetLinkResponse.kt
@@ -0,0 +1,21 @@
+package pokitmons.pokit.data.model.link.response
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class GetLinkResponse(
+    val contentId: Int = 0,
+    val category: Category = Category(),
+    val data: String = "",
+    val title: String = "",
+    val memo: String = "",
+    val alertYn: String = "",
+    val createdAt: String = "",
+    val favorites: Boolean = true,
+) {
+    @Serializable
+    data class Category(
+        val categoryId: Int = 0,
+        val categoryName: String = "",
+    )
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/model/link/response/GetLinksResponse.kt b/data/src/main/java/pokitmons/pokit/data/model/link/response/GetLinksResponse.kt
new file mode 100644
index 00000000..1b7f2320
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/link/response/GetLinksResponse.kt
@@ -0,0 +1,41 @@
+package pokitmons.pokit.data.model.link.response
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class GetLinksResponse(
+    val data: List<Data> = emptyList(),
+    val page: Int = 0,
+    val size: Int = 10,
+    val sort: List<Sort> = emptyList(),
+    val hasNext: Boolean = true,
+) {
+    @Serializable
+    data class Data(
+        val contentId: Int,
+        val category: Category,
+        val data: String,
+        val domain: String,
+        val title: String,
+        val memo: String,
+        val alertYn: String,
+        val createdAt: String,
+        val isRead: Boolean,
+        val thumbNail: String,
+    )
+
+    @Serializable
+    data class Category(
+        val categoryId: Int,
+        val categoryName: String,
+    )
+
+    @Serializable
+    data class Sort(
+        val direction: String,
+        val nullHandling: String,
+        val ascending: Boolean,
+        val property: String,
+        val ignoreCase: Boolean,
+    )
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/model/link/response/LinkCardResponse.kt b/data/src/main/java/pokitmons/pokit/data/model/link/response/LinkCardResponse.kt
new file mode 100644
index 00000000..41abd42d
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/link/response/LinkCardResponse.kt
@@ -0,0 +1,7 @@
+package pokitmons.pokit.data.model.link.response
+
+data class LinkCardResponse(
+    val url: String = "",
+    val title: String = "",
+    val image: String? = null,
+)
diff --git a/data/src/main/java/pokitmons/pokit/data/model/link/response/ModifyLinkResponse.kt b/data/src/main/java/pokitmons/pokit/data/model/link/response/ModifyLinkResponse.kt
new file mode 100644
index 00000000..4f5436b1
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/link/response/ModifyLinkResponse.kt
@@ -0,0 +1,21 @@
+package pokitmons.pokit.data.model.link.response
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class ModifyLinkResponse(
+    val contentId: Int = 0,
+    val category: Category = Category(),
+    val data: String = "",
+    val title: String = "",
+    val memo: String = "",
+    val alertYn: String = "",
+    val createdAt: String = "",
+    val favorites: Boolean = true,
+) {
+    @Serializable
+    data class Category(
+        val categoryId: Int = 0,
+        val categoryName: String = "",
+    )
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/model/pokit/request/CreatePokitRequest.kt b/data/src/main/java/pokitmons/pokit/data/model/pokit/request/CreatePokitRequest.kt
new file mode 100644
index 00000000..93cf3847
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/pokit/request/CreatePokitRequest.kt
@@ -0,0 +1,9 @@
+package pokitmons.pokit.data.model.pokit.request
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class CreatePokitRequest(
+    val categoryName: String = "",
+    val categoryImageId: Int = 0,
+)
diff --git a/data/src/main/java/pokitmons/pokit/data/model/pokit/request/GetPokitsRequest.kt b/data/src/main/java/pokitmons/pokit/data/model/pokit/request/GetPokitsRequest.kt
new file mode 100644
index 00000000..0142195b
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/pokit/request/GetPokitsRequest.kt
@@ -0,0 +1,10 @@
+package pokitmons.pokit.data.model.pokit.request
+
+import pokitmons.pokit.domain.model.pokit.PokitsSort
+
+data class GetPokitsRequest(
+    val filterUncategoriezd: Boolean = true,
+    val size: Int = 10,
+    val page: Int = 0,
+    val sort: PokitsSort = PokitsSort.RECENT,
+)
diff --git a/data/src/main/java/pokitmons/pokit/data/model/pokit/request/ModifyPokitRequest.kt b/data/src/main/java/pokitmons/pokit/data/model/pokit/request/ModifyPokitRequest.kt
new file mode 100644
index 00000000..79bce0ef
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/pokit/request/ModifyPokitRequest.kt
@@ -0,0 +1,9 @@
+package pokitmons.pokit.data.model.pokit.request
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class ModifyPokitRequest(
+    val categoryName: String = "",
+    val categoryImageId: Int = 0,
+)
diff --git a/data/src/main/java/pokitmons/pokit/data/model/pokit/response/CreatePokitResponse.kt b/data/src/main/java/pokitmons/pokit/data/model/pokit/response/CreatePokitResponse.kt
new file mode 100644
index 00000000..513a2bda
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/pokit/response/CreatePokitResponse.kt
@@ -0,0 +1,16 @@
+package pokitmons.pokit.data.model.pokit.response
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class CreatePokitResponse(
+    val categoryId: Int = 0,
+    val categoryName: String = "",
+    val categoryImage: Image = Image(),
+) {
+    @Serializable
+    data class Image(
+        val imageId: Int = 0,
+        val imageUrl: String = "",
+    )
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/model/pokit/response/GetPokitCountResponse.kt b/data/src/main/java/pokitmons/pokit/data/model/pokit/response/GetPokitCountResponse.kt
new file mode 100644
index 00000000..bd49c046
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/pokit/response/GetPokitCountResponse.kt
@@ -0,0 +1,8 @@
+package pokitmons.pokit.data.model.pokit.response
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class GetPokitCountResponse(
+    val categoryTotalCount: Int = 0,
+)
diff --git a/data/src/main/java/pokitmons/pokit/data/model/pokit/response/GetPokitImagesResponseItem.kt b/data/src/main/java/pokitmons/pokit/data/model/pokit/response/GetPokitImagesResponseItem.kt
new file mode 100644
index 00000000..a0e89792
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/pokit/response/GetPokitImagesResponseItem.kt
@@ -0,0 +1,9 @@
+package pokitmons.pokit.data.model.pokit.response
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class GetPokitImagesResponseItem(
+    val imageId: Int,
+    val imageUrl: String,
+)
diff --git a/data/src/main/java/pokitmons/pokit/data/model/pokit/response/GetPokitResponse.kt b/data/src/main/java/pokitmons/pokit/data/model/pokit/response/GetPokitResponse.kt
new file mode 100644
index 00000000..2ea6ccb3
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/pokit/response/GetPokitResponse.kt
@@ -0,0 +1,17 @@
+package pokitmons.pokit.data.model.pokit.response
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class GetPokitResponse(
+    val categoryId: Int = 0,
+    val categoryName: String = "",
+    val categoryImage: Image = Image(),
+    val createdAt: String = "",
+) {
+    @Serializable
+    data class Image(
+        val imageId: Int = 0,
+        val imageUrl: String = "",
+    )
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/model/pokit/response/GetPokitsResponse.kt b/data/src/main/java/pokitmons/pokit/data/model/pokit/response/GetPokitsResponse.kt
new file mode 100644
index 00000000..87790c1b
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/pokit/response/GetPokitsResponse.kt
@@ -0,0 +1,37 @@
+package pokitmons.pokit.data.model.pokit.response
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class GetPokitsResponse(
+    val data: List<Data> = emptyList(),
+    val page: Int = 10,
+    val size: Int = 0,
+    val sort: List<Sort> = emptyList(),
+    val hasNext: Boolean = false,
+) {
+    @Serializable
+    data class Data(
+        val categoryId: Int,
+        val userId: Int,
+        val categoryName: String,
+        val categoryImage: PokitImage,
+        val contentCount: Int,
+        val createdAt: String,
+    )
+
+    @Serializable
+    data class PokitImage(
+        val imageId: Int,
+        val imageUrl: String,
+    )
+
+    @Serializable
+    data class Sort(
+        val direction: String,
+        val nullHandling: String,
+        val ascending: Boolean,
+        val property: String,
+        val ignoreCase: Boolean,
+    )
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/model/pokit/response/ModifyPokitResponse.kt b/data/src/main/java/pokitmons/pokit/data/model/pokit/response/ModifyPokitResponse.kt
new file mode 100644
index 00000000..81c9293b
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/pokit/response/ModifyPokitResponse.kt
@@ -0,0 +1,16 @@
+package pokitmons.pokit.data.model.pokit.response
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class ModifyPokitResponse(
+    val categoryId: Int = 0,
+    val categoryName: String = "",
+    val categoryImage: Image = Image(),
+) {
+    @Serializable
+    data class Image(
+        val imageId: Int = 0,
+        val imageUrl: String = "",
+    )
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/model/setting/reqeust/EditNicknameRequest.kt b/data/src/main/java/pokitmons/pokit/data/model/setting/reqeust/EditNicknameRequest.kt
new file mode 100644
index 00000000..edfa5e55
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/setting/reqeust/EditNicknameRequest.kt
@@ -0,0 +1,8 @@
+package pokitmons.pokit.data.model.setting.reqeust
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class EditNicknameRequest(
+    val nickname: String,
+)
diff --git a/data/src/main/java/pokitmons/pokit/data/model/setting/response/EditNicknameResponse.kt b/data/src/main/java/pokitmons/pokit/data/model/setting/response/EditNicknameResponse.kt
new file mode 100644
index 00000000..75fdd27e
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/model/setting/response/EditNicknameResponse.kt
@@ -0,0 +1,10 @@
+package pokitmons.pokit.data.model.setting.response
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class EditNicknameResponse(
+    val email: String,
+    val id: Int,
+    val nickname: String,
+)
diff --git a/data/src/main/java/pokitmons/pokit/data/repository/alert/AlertRepositoryImpl.kt b/data/src/main/java/pokitmons/pokit/data/repository/alert/AlertRepositoryImpl.kt
new file mode 100644
index 00000000..258b9ed0
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/repository/alert/AlertRepositoryImpl.kt
@@ -0,0 +1,32 @@
+package pokitmons.pokit.data.repository.alert
+
+import pokitmons.pokit.data.datasource.remote.alert.AlertDataSource
+import pokitmons.pokit.data.mapper.alert.AlertMapper
+import pokitmons.pokit.data.model.common.parseErrorResult
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.alert.Alarm
+import pokitmons.pokit.domain.repository.alert.AlertRepository
+import javax.inject.Inject
+
+class AlertRepositoryImpl @Inject constructor(
+    private val dataSource: AlertDataSource,
+) : AlertRepository {
+    override suspend fun getAlerts(page: Int, size: Int): PokitResult<List<Alarm>> {
+        return runCatching {
+            val response = dataSource.getAlerts(page = page, size = size)
+            val mappedResponse = AlertMapper.mapperToAlarmList(response)
+            PokitResult.Success(result = mappedResponse)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+
+    override suspend fun deleteAlert(alertId: Int): PokitResult<Unit> {
+        return runCatching {
+            dataSource.deleteAlert(alertId)
+            PokitResult.Success(result = Unit)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/repository/auth/AuthRepositoryImpl.kt b/data/src/main/java/pokitmons/pokit/data/repository/auth/AuthRepositoryImpl.kt
new file mode 100644
index 00000000..f8975ea5
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/repository/auth/AuthRepositoryImpl.kt
@@ -0,0 +1,88 @@
+package pokitmons.pokit.data.repository.auth
+
+import kotlinx.coroutines.flow.Flow
+import kotlinx.coroutines.flow.first
+import pokitmons.pokit.data.datasource.local.TokenManager
+import pokitmons.pokit.data.datasource.remote.auth.AuthDataSource
+import pokitmons.pokit.data.mapper.auth.AuthMapper
+import pokitmons.pokit.data.model.auth.request.SNSLoginRequest
+import pokitmons.pokit.data.model.auth.request.SignUpRequest
+import pokitmons.pokit.data.model.auth.request.WithdrawRequest
+import pokitmons.pokit.data.model.auth.response.DuplicateNicknameResponse
+import pokitmons.pokit.data.model.auth.response.SNSLoginResponse
+import pokitmons.pokit.data.model.auth.response.SignUpResponse
+import pokitmons.pokit.data.model.common.parseErrorResult
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.auth.DuplicateNicknameResult
+import pokitmons.pokit.domain.model.auth.SNSLoginResult
+import pokitmons.pokit.domain.model.auth.SignUpResult
+import pokitmons.pokit.domain.repository.auth.AuthRepository
+import javax.inject.Inject
+
+class AuthRepositoryImpl @Inject constructor(
+    private val remoteAuthDataSource: AuthDataSource,
+    private val tokenManager: TokenManager,
+) : AuthRepository {
+    override suspend fun snsLogin(
+        authPlatform: String,
+        idToken: String,
+    ): PokitResult<SNSLoginResult> {
+        return runCatching {
+            val snsLoginResponse: SNSLoginResponse = remoteAuthDataSource.snsLogin(SNSLoginRequest(authPlatform = authPlatform, idToken = idToken))
+            val snsLoginMapper = AuthMapper.mapperToSNSLogin(snsLoginResponse)
+            PokitResult.Success(snsLoginMapper)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+
+    override suspend fun checkDuplicateNickname(nickname: String): PokitResult<DuplicateNicknameResult> {
+        return runCatching {
+            val checkDuplicateNicknameResponse: DuplicateNicknameResponse = remoteAuthDataSource.checkDuplicateNickname(nickname)
+            val checkDuplicateMapper = AuthMapper.mapperToDuplicateNickname(checkDuplicateNicknameResponse)
+            PokitResult.Success(checkDuplicateMapper)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+
+    override suspend fun signUp(nickname: String, categories: List<String>): PokitResult<SignUpResult> {
+        return runCatching {
+            val signUpResponse: SignUpResponse = remoteAuthDataSource.signUp(SignUpRequest(nickName = nickname, interests = categories))
+            val signUpMapper: SignUpResult = AuthMapper.mapperToSignUp(signUpResponse)
+            PokitResult.Success(signUpMapper)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+
+    override suspend fun withdraw(): PokitResult<Unit> {
+        return runCatching {
+            remoteAuthDataSource.withdraw(
+                WithdrawRequest(
+                    refreshToken = "",
+                    authPlatform = tokenManager.getAuthType().first()
+                )
+            )
+            PokitResult.Success(Unit)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+
+    override suspend fun setAccessToken(token: String) {
+        tokenManager.saveAccessToken(token)
+    }
+
+    override suspend fun setRefreshToken(token: String) {
+        tokenManager.saveRefreshToken(token)
+    }
+
+    override suspend fun setAuthType(type: String) {
+        tokenManager.setAuthType(type)
+    }
+
+    override suspend fun getAuthType(): Flow<String> {
+        return tokenManager.getAuthType()
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/repository/home/remind/RemindRepositoryImpl.kt b/data/src/main/java/pokitmons/pokit/data/repository/home/remind/RemindRepositoryImpl.kt
new file mode 100644
index 00000000..5cf6ddce
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/repository/home/remind/RemindRepositoryImpl.kt
@@ -0,0 +1,58 @@
+package pokitmons.pokit.data.repository.home.remind
+
+import pokitmons.pokit.data.datasource.remote.home.remind.RemindDataSource
+import pokitmons.pokit.data.mapper.home.home.RemindMapper
+import pokitmons.pokit.data.model.common.parseErrorResult
+import pokitmons.pokit.data.model.home.remind.RemindRequest
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.home.remind.RemindResult
+import pokitmons.pokit.domain.model.pokit.PokitsSort
+import pokitmons.pokit.domain.repository.home.remind.RemindRepository
+import javax.inject.Inject
+
+class RemindRepositoryImpl @Inject constructor(private val remindDataSource: RemindDataSource) : RemindRepository {
+    override suspend fun getUnReadContents(
+        filterUncategorized: Boolean,
+        size: Int,
+        page: Int,
+        sort: PokitsSort,
+    ): PokitResult<List<RemindResult>> {
+        return runCatching {
+            val response = remindDataSource.getUnreadContents(RemindRequest())
+            val remindResponse = RemindMapper.mapperToRemind(response)
+            PokitResult.Success(remindResponse)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+
+    override suspend fun getTodayContents(
+        filterUncategorized: Boolean,
+        size: Int,
+        page: Int,
+        sort: PokitsSort,
+    ): PokitResult<List<RemindResult>> {
+        return runCatching {
+            val response = remindDataSource.getTodayContents(RemindRequest())
+            val remindResponse = RemindMapper.mapperToTodayContents(response)
+            PokitResult.Success(remindResponse)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+
+    override suspend fun getBookmarkContents(
+        filterUncategorized: Boolean,
+        size: Int,
+        page: Int,
+        sort: PokitsSort,
+    ): PokitResult<List<RemindResult>> {
+        return runCatching {
+            val response = remindDataSource.getBookmarkContents(RemindRequest())
+            val remindResponse = RemindMapper.mapperToRemind(response)
+            PokitResult.Success(remindResponse)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/repository/link/LinkRepositoryImpl.kt b/data/src/main/java/pokitmons/pokit/data/repository/link/LinkRepositoryImpl.kt
new file mode 100644
index 00000000..2bb81de1
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/repository/link/LinkRepositoryImpl.kt
@@ -0,0 +1,172 @@
+package pokitmons.pokit.data.repository.link
+
+import pokitmons.pokit.data.datasource.remote.link.LinkDataSource
+import pokitmons.pokit.data.mapper.link.LinkMapper
+import pokitmons.pokit.data.model.common.parseErrorResult
+import pokitmons.pokit.data.model.link.request.ModifyLinkRequest
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.link.Link
+import pokitmons.pokit.domain.model.link.LinkCard
+import pokitmons.pokit.domain.model.link.LinksSort
+import pokitmons.pokit.domain.repository.link.LinkRepository
+import javax.inject.Inject
+
+class LinkRepositoryImpl @Inject constructor(
+    private val dataSource: LinkDataSource,
+) : LinkRepository {
+    override suspend fun getLinks(
+        categoryId: Int,
+        size: Int,
+        page: Int,
+        sort: LinksSort,
+        isRead: Boolean?,
+        favorite: Boolean?,
+        startDate: String?,
+        endDate: String?,
+        categoryIds: List<Int>?,
+    ): PokitResult<List<Link>> {
+        return runCatching {
+            val response = dataSource.getLinks(
+                categoryId = categoryId,
+                size = size,
+                page = page,
+                sort = listOf(sort.value),
+                isRead = isRead,
+                favorites = favorite,
+                startDate = startDate,
+                endDate = endDate,
+                categoryIds = categoryIds
+            )
+            val mappedResponse = LinkMapper.mapperToLinks(response)
+            PokitResult.Success(mappedResponse)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+
+    override suspend fun searchLinks(
+        page: Int,
+        size: Int,
+        sort: List<String>,
+        isRead: Boolean?,
+        favorites: Boolean?,
+        startDate: String?,
+        endDate: String?,
+        categoryIds: List<Int>?,
+        searchWord: String,
+    ): PokitResult<List<Link>> {
+        return runCatching {
+            val response = dataSource.searchLinks(
+                page = page,
+                size = size,
+                sort = sort,
+                isRead = isRead,
+                favorites = favorites,
+                startDate = startDate,
+                endDate = endDate,
+                categoryIds = categoryIds,
+                searchWord = searchWord
+            )
+            val mappedResponse = LinkMapper.mapperToLinks(response)
+            PokitResult.Success(mappedResponse)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+
+    override suspend fun deleteLink(linkId: Int): PokitResult<Int> {
+        return runCatching {
+            dataSource.deleteLink(linkId)
+            PokitResult.Success(linkId)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+
+    override suspend fun getLink(linkId: Int): PokitResult<Link> {
+        return runCatching {
+            val response = dataSource.getLink(linkId)
+            val mappedResponse = LinkMapper.mapperToLink(response)
+            PokitResult.Success(mappedResponse)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+
+    override suspend fun modifyLink(
+        linkId: Int,
+        data: String,
+        title: String,
+        categoryId: Int,
+        memo: String,
+        alertYn: String,
+        thumbNail: String,
+    ): PokitResult<Link> {
+        return runCatching {
+            val modifyLinkRequest = ModifyLinkRequest(
+                data = data,
+                title = title,
+                categoryId = categoryId,
+                memo = memo,
+                alertYn = alertYn,
+                thumbNail = thumbNail.ifEmpty { null }
+            )
+            val response = dataSource.modifyLink(contentId = linkId, modifyLinkRequest = modifyLinkRequest)
+            val mappedResponse = LinkMapper.mapperToLink(response)
+            PokitResult.Success(mappedResponse)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+
+    override suspend fun createLink(data: String, title: String, categoryId: Int, memo: String, alertYn: String, thumbNail: String): PokitResult<Link> {
+        return runCatching {
+            val createLinkRequest = ModifyLinkRequest(
+                data = data,
+                title = title,
+                categoryId = categoryId,
+                memo = memo,
+                alertYn = alertYn,
+                thumbNail = thumbNail.ifEmpty { null }
+            )
+            val response = dataSource.createLink(createLinkRequest = createLinkRequest)
+            val mappedResponse = LinkMapper.mapperToLink(response)
+            PokitResult.Success(mappedResponse)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+
+    override suspend fun setBookmark(linkId: Int, bookmarked: Boolean): PokitResult<Unit> {
+        return runCatching {
+            dataSource.setBookmark(contentId = linkId, bookmarked = bookmarked)
+            PokitResult.Success(Unit)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+
+    override suspend fun getLinkCard(url: String): PokitResult<LinkCard> {
+        return runCatching {
+            val response = dataSource.getLinkCard(url)
+            val mappedResponse = LinkCard(
+                url = response.url,
+                title = response.title,
+                thumbnailUrl = response.image
+            )
+            PokitResult.Success(result = mappedResponse)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+
+    override suspend fun getUncategorizedLinks(size: Int, page: Int, sort: LinksSort): PokitResult<List<Link>> {
+        return runCatching {
+            val response = dataSource.getUncategorizedLinks(size = size, page = page, sort = listOf(sort.value))
+            val mappedResponse = LinkMapper.mapperToLinks(response)
+            PokitResult.Success(mappedResponse)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/repository/pokit/PokitRepositoryImpl.kt b/data/src/main/java/pokitmons/pokit/data/repository/pokit/PokitRepositoryImpl.kt
new file mode 100644
index 00000000..3ea46299
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/repository/pokit/PokitRepositoryImpl.kt
@@ -0,0 +1,97 @@
+package pokitmons.pokit.data.repository.pokit
+
+import pokitmons.pokit.data.datasource.remote.pokit.PokitDataSource
+import pokitmons.pokit.data.mapper.pokit.PokitMapper
+import pokitmons.pokit.data.model.common.parseErrorResult
+import pokitmons.pokit.data.model.pokit.request.CreatePokitRequest
+import pokitmons.pokit.data.model.pokit.request.GetPokitsRequest
+import pokitmons.pokit.data.model.pokit.request.ModifyPokitRequest
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.pokit.Pokit
+import pokitmons.pokit.domain.model.pokit.PokitsSort
+import pokitmons.pokit.domain.repository.pokit.PokitRepository
+import javax.inject.Inject
+
+class PokitRepositoryImpl @Inject constructor(
+    private val pokitDataSource: PokitDataSource,
+) : PokitRepository {
+    override suspend fun getPokits(
+        filterUncategorized: Boolean,
+        size: Int,
+        page: Int,
+        sort: PokitsSort,
+    ): PokitResult<List<Pokit>> {
+        return runCatching {
+            val request = GetPokitsRequest(
+                filterUncategoriezd = filterUncategorized,
+                size = size,
+                page = page,
+                sort = sort
+            )
+            val response = pokitDataSource.getPokits(request)
+            val mappedResponse = PokitMapper.mapperToPokits(response)
+            PokitResult.Success(mappedResponse)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+
+    override suspend fun createPokit(name: String, imageId: Int): PokitResult<Int> {
+        return runCatching {
+            val request = CreatePokitRequest(categoryName = name, categoryImageId = imageId)
+            val response = pokitDataSource.createPokit(request)
+            val pokitId = response.categoryId
+            PokitResult.Success(pokitId)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+
+    override suspend fun modifyPokit(pokitId: Int, name: String, imageId: Int): PokitResult<Int> {
+        return runCatching {
+            val request = ModifyPokitRequest(categoryName = name, categoryImageId = imageId)
+            val response = pokitDataSource.modifyPokit(pokitId, request)
+            PokitResult.Success(response.categoryId)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+
+    override suspend fun getPokitImages(): PokitResult<List<Pokit.Image>> {
+        return runCatching {
+            val response = pokitDataSource.getPokitImages()
+            val mappedResponse = PokitMapper.mapperToPokitImages(response)
+            PokitResult.Success(mappedResponse)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+
+    override suspend fun getPokit(pokitId: Int): PokitResult<Pokit> {
+        return runCatching {
+            val response = pokitDataSource.getPokit(pokitId)
+            val mappedResponse = PokitMapper.mapperToPokit(response)
+            PokitResult.Success(mappedResponse)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+
+    override suspend fun deletePokit(pokitId: Int): PokitResult<Unit> {
+        return runCatching {
+            pokitDataSource.deletePokit(pokitId)
+            PokitResult.Success(result = Unit)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+
+    override suspend fun getPokitCount(): PokitResult<Int> {
+        return kotlin.runCatching {
+            val response = pokitDataSource.getPokitCount()
+            PokitResult.Success(result = response.categoryTotalCount)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/repository/search/SearchRepositoryImpl.kt b/data/src/main/java/pokitmons/pokit/data/repository/search/SearchRepositoryImpl.kt
new file mode 100644
index 00000000..5ce7c2b8
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/repository/search/SearchRepositoryImpl.kt
@@ -0,0 +1,34 @@
+package pokitmons.pokit.data.repository.search
+
+import kotlinx.coroutines.flow.Flow
+import pokitmons.pokit.data.datasource.local.search.SearchDataSource
+import pokitmons.pokit.domain.repository.search.SearchRepository
+import javax.inject.Inject
+
+class SearchRepositoryImpl @Inject constructor(
+    private val dataSource: SearchDataSource,
+) : SearchRepository {
+    override fun getRecentSearchWords(): Flow<List<String>> {
+        return dataSource.getSearchWord()
+    }
+
+    override suspend fun removeSearchWord(word: String) {
+        dataSource.removeSearchWord(word)
+    }
+
+    override suspend fun removeAllSearchWords() {
+        dataSource.removeAllSearchWords()
+    }
+
+    override suspend fun setUseRecentSearchWord(use: Boolean): Boolean {
+        return dataSource.setUseRecentSearchWord(use = use)
+    }
+
+    override fun getUseRecentSearchWord(): Flow<Boolean> {
+        return dataSource.getUseRecentSearchWord()
+    }
+
+    override suspend fun addRecentSearchWord(word: String) {
+        dataSource.addSearchWord(word)
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/repository/setting/SettingRepositoryImpl.kt b/data/src/main/java/pokitmons/pokit/data/repository/setting/SettingRepositoryImpl.kt
new file mode 100644
index 00000000..aea7447f
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/repository/setting/SettingRepositoryImpl.kt
@@ -0,0 +1,25 @@
+package pokitmons.pokit.data.repository.setting
+
+import pokitmons.pokit.data.datasource.remote.setting.SettingDataSource
+import pokitmons.pokit.data.mapper.setting.SettingMapper
+import pokitmons.pokit.data.model.common.parseErrorResult
+import pokitmons.pokit.data.model.setting.reqeust.EditNicknameRequest
+import pokitmons.pokit.data.model.setting.response.EditNicknameResponse
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.setting.EditNicknameResult
+import pokitmons.pokit.domain.repository.setting.SettingRepository
+import javax.inject.Inject
+
+class SettingRepositoryImpl @Inject constructor(
+    private val remoteSettingDataSource: SettingDataSource,
+) : SettingRepository {
+    override suspend fun editNickname(nickname: String): PokitResult<EditNicknameResult> {
+        return runCatching {
+            val editNicknameResponse: EditNicknameResponse = remoteSettingDataSource.editNickname(EditNicknameRequest(nickname))
+            val editNicknameMapper = SettingMapper.mapperToEditNickname(editNicknameResponse)
+            PokitResult.Success(editNicknameMapper)
+        }.getOrElse { throwable ->
+            parseErrorResult(throwable)
+        }
+    }
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/room/dao/SearchWordDao.kt b/data/src/main/java/pokitmons/pokit/data/room/dao/SearchWordDao.kt
new file mode 100644
index 00000000..d1506b5f
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/room/dao/SearchWordDao.kt
@@ -0,0 +1,23 @@
+package pokitmons.pokit.data.room.dao
+
+import androidx.room.Dao
+import androidx.room.Insert
+import androidx.room.OnConflictStrategy
+import androidx.room.Query
+import kotlinx.coroutines.flow.Flow
+import pokitmons.pokit.data.room.entity.SearchWord
+
+@Dao
+interface SearchWordDao {
+    @Query("SELECT word from SearchWord order by searchedAt desc limit 10")
+    fun getRecentSearchWords(): Flow<List<String>>
+
+    @Insert(onConflict = OnConflictStrategy.REPLACE)
+    suspend fun addSearchWord(searchWord: SearchWord)
+
+    @Query("DELETE from SearchWord where word = :word")
+    suspend fun removeSearchWord(word: String)
+
+    @Query("DELETE from SearchWord")
+    suspend fun removeAllSearchWords()
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/room/database/AppDatabase.kt b/data/src/main/java/pokitmons/pokit/data/room/database/AppDatabase.kt
new file mode 100644
index 00000000..0f3e4b39
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/room/database/AppDatabase.kt
@@ -0,0 +1,11 @@
+package pokitmons.pokit.data.room.database
+
+import androidx.room.Database
+import androidx.room.RoomDatabase
+import pokitmons.pokit.data.room.dao.SearchWordDao
+import pokitmons.pokit.data.room.entity.SearchWord
+
+@Database(entities = [SearchWord::class], version = 1)
+abstract class AppDatabase : RoomDatabase() {
+    abstract fun searchWordDao(): SearchWordDao
+}
diff --git a/data/src/main/java/pokitmons/pokit/data/room/entity/SearchWord.kt b/data/src/main/java/pokitmons/pokit/data/room/entity/SearchWord.kt
new file mode 100644
index 00000000..aedcc90f
--- /dev/null
+++ b/data/src/main/java/pokitmons/pokit/data/room/entity/SearchWord.kt
@@ -0,0 +1,10 @@
+package pokitmons.pokit.data.room.entity
+
+import androidx.room.ColumnInfo
+import androidx.room.Entity
+
+@Entity(primaryKeys = ["word"])
+data class SearchWord(
+    @ColumnInfo("word") val word: String,
+    @ColumnInfo("searchedAt") val searchedAt: String,
+)
diff --git a/data/src/test/java/pokitmons/pokit/data/datasource/RemoteAlertDataSourceTest.kt b/data/src/test/java/pokitmons/pokit/data/datasource/RemoteAlertDataSourceTest.kt
new file mode 100644
index 00000000..a830d7f6
--- /dev/null
+++ b/data/src/test/java/pokitmons/pokit/data/datasource/RemoteAlertDataSourceTest.kt
@@ -0,0 +1,48 @@
+package pokitmons.pokit.data.datasource
+
+import io.kotest.assertions.throwables.shouldThrow
+import io.kotest.core.spec.style.DescribeSpec
+import io.kotest.matchers.shouldBe
+import io.kotest.matchers.types.shouldBeInstanceOf
+import io.mockk.coEvery
+import io.mockk.mockk
+import pokitmons.pokit.data.api.AlertApi
+import pokitmons.pokit.data.datasource.remote.alert.RemoteAlertDataSource
+import pokitmons.pokit.data.model.alert.GetAlertsResponse
+
+val alertApi: AlertApi = mockk()
+
+class RemoteAlertDataSourceTest : DescribeSpec({
+    val remoteAlertDataSource = RemoteAlertDataSource(alertApi)
+    describe("알림 목록 조회시") {
+        context("알림 목록 조회가 정상적으로 수행되면") {
+            coEvery { alertApi.getAlerts(page = 0, size = 0) } returns GetAlertsResponse()
+            it("알림 목록이 반환된다.") {
+                val response = remoteAlertDataSource.getAlerts(page = 0, size = 0)
+                response.shouldBeInstanceOf<GetAlertsResponse>()
+            }
+        }
+
+        context("에러가 발생했다면") {
+            coEvery { alertApi.getAlerts(page = 0, size = 0) } throws IllegalArgumentException("error")
+            it("동일한 에러가 발생한다.") {
+                val exception = shouldThrow<Exception> {
+                    remoteAlertDataSource.getAlerts(page = 0, size = 0)
+                }
+                exception.message shouldBe "error"
+            }
+        }
+    }
+
+    describe("알림 제거시") {
+        context("에러가 발생했다면") {
+            coEvery { alertApi.deleteAlert(alertId = 0) } throws IllegalArgumentException("error")
+            it("동일한 에러가 발생한다.") {
+                val exception = shouldThrow<Exception> {
+                    remoteAlertDataSource.deleteAlert(alertId = 0)
+                }
+                exception.message shouldBe "error"
+            }
+        }
+    }
+})
diff --git a/data/src/test/java/pokitmons/pokit/data/datasource/RemoteLinkDataSourceTest.kt b/data/src/test/java/pokitmons/pokit/data/datasource/RemoteLinkDataSourceTest.kt
new file mode 100644
index 00000000..011fcc28
--- /dev/null
+++ b/data/src/test/java/pokitmons/pokit/data/datasource/RemoteLinkDataSourceTest.kt
@@ -0,0 +1,58 @@
+package pokitmons.pokit.data.datasource
+
+import io.kotest.assertions.throwables.shouldThrow
+import io.kotest.core.spec.style.DescribeSpec
+import io.kotest.matchers.shouldBe
+import io.kotest.matchers.types.shouldBeInstanceOf
+import io.mockk.coEvery
+import io.mockk.mockk
+import pokitmons.pokit.data.api.LinkApi
+import pokitmons.pokit.data.datasource.remote.link.RemoteLinkDataSource
+import pokitmons.pokit.data.model.link.response.GetLinksResponse
+
+val linkApi: LinkApi = mockk()
+
+class RemoteLinkDataSourceTest : DescribeSpec({
+    val remoteLinkDataSource = RemoteLinkDataSource(linkApi)
+    describe("링크 목록 조회시") {
+        context("링크 목록 조회가 정상적으로 수신되면") {
+            coEvery { linkApi.getLinks() } returns GetLinksResponse()
+            it("링크 목록이 반환된다.") {
+                val response = remoteLinkDataSource.getLinks()
+                response.shouldBeInstanceOf<GetLinksResponse>()
+            }
+        }
+
+        context("에러가 발생했다면") {
+            coEvery { linkApi.getLinks() } throws IllegalArgumentException("error")
+            it("동일한 에러가 발생한다.") {
+                val exception = shouldThrow<Exception> {
+                    remoteLinkDataSource.getLinks()
+                }
+                exception.message shouldBe "error"
+            }
+        }
+    }
+
+    describe("북마크 변경") {
+        context("북마크 취소 도중 예외가 발생했다면") {
+            coEvery { linkApi.cancelBookmark(0) } throws IllegalArgumentException("error")
+            it("동일한 에러가 발생한다.") {
+                val exception = shouldThrow<Exception> {
+                    remoteLinkDataSource.setBookmark(contentId = 0, bookmarked = false)
+                }
+                exception.message shouldBe "error"
+            }
+        }
+
+        context("북마크 등록 도중 예외가 발생했다면") {
+            coEvery { linkApi.applyBookmark(0) } throws IllegalArgumentException("error")
+            it("동일한 에러가 발생한다.") {
+                val exception = shouldThrow<Exception> {
+                    remoteLinkDataSource.setBookmark(contentId = 0, bookmarked = true)
+                }
+                exception.message shouldBe "error"
+            }
+        }
+    }
+})
diff --git a/data/src/test/java/pokitmons/pokit/data/datasource/RemotePokitDataSourceTest.kt b/data/src/test/java/pokitmons/pokit/data/datasource/RemotePokitDataSourceTest.kt
new file mode 100644
index 00000000..3bd15f56
--- /dev/null
+++ b/data/src/test/java/pokitmons/pokit/data/datasource/RemotePokitDataSourceTest.kt
@@ -0,0 +1,156 @@
+package pokitmons.pokit.data.datasource
+
+import io.kotest.assertions.throwables.shouldThrow
+import io.kotest.core.spec.style.DescribeSpec
+import io.kotest.matchers.shouldBe
+import io.kotest.matchers.types.shouldBeInstanceOf
+import io.mockk.coEvery
+import io.mockk.mockk
+import pokitmons.pokit.data.api.PokitApi
+import pokitmons.pokit.data.datasource.remote.pokit.RemotePokitDataSource
+import pokitmons.pokit.data.model.pokit.request.CreatePokitRequest
+import pokitmons.pokit.data.model.pokit.request.GetPokitsRequest
+import pokitmons.pokit.data.model.pokit.request.ModifyPokitRequest
+import pokitmons.pokit.data.model.pokit.response.CreatePokitResponse
+import pokitmons.pokit.data.model.pokit.response.GetPokitCountResponse
+import pokitmons.pokit.data.model.pokit.response.GetPokitImagesResponseItem
+import pokitmons.pokit.data.model.pokit.response.GetPokitResponse
+import pokitmons.pokit.data.model.pokit.response.GetPokitsResponse
+import pokitmons.pokit.data.model.pokit.response.ModifyPokitResponse
+
+val pokitApi: PokitApi = mockk()
+
+class RemotePokitDataSourceTest : DescribeSpec({
+    val remotePokitDataSource = RemotePokitDataSource(pokitApi)
+    describe("포킷 목록 조회시") {
+        context("포킷 목록이 정상적으로 수신되면") {
+            coEvery { pokitApi.getPokits() } returns GetPokitsResponse()
+            it("포킷 목록이 반환된다.") {
+                val response = remotePokitDataSource.getPokits(GetPokitsRequest())
+                response.shouldBeInstanceOf<GetPokitsResponse>()
+            }
+        }
+
+        context("에러가 발생했다면") {
+            coEvery { pokitApi.getPokits() } throws IllegalArgumentException("error")
+            it("동일한 에러가 발생한다.") {
+                val exception = shouldThrow<Exception> {
+                    remotePokitDataSource.getPokits(GetPokitsRequest())
+                }
+                exception.message shouldBe "error"
+            }
+        }
+    }
+
+    describe("포킷 추가시") {
+        context("추가가 성공적으로 수행되면") {
+            coEvery { pokitApi.createPokit(CreatePokitRequest()) } returns CreatePokitResponse()
+            it("추가된 포킷의 정보가 반환된다.") {
+                val response = remotePokitDataSource.createPokit(CreatePokitRequest())
+                response.shouldBeInstanceOf<CreatePokitResponse>()
+            }
+        }
+
+        context("추가도중 에러가 발생했다면") {
+            coEvery { pokitApi.createPokit(CreatePokitRequest()) } throws IllegalArgumentException("error")
+            it("동일한 에러가 발생한다.") {
+                val exception = shouldThrow<Exception> {
+                    remotePokitDataSource.createPokit(CreatePokitRequest())
+                }
+                exception.message shouldBe "error"
+            }
+        }
+    }
+
+    describe("포킷 수정시") {
+        context("수정이 성공적으로 수행되면") {
+            coEvery { pokitApi.modifyPokit(categoryId = 0, modifyPokitRequest = ModifyPokitRequest()) } returns ModifyPokitResponse()
+            it("수정된 포킷의 정보가 반환된다.") {
+                val response = remotePokitDataSource.modifyPokit(pokitId = 0, modifyPokitRequest = ModifyPokitRequest())
+                response.shouldBeInstanceOf<ModifyPokitResponse>()
+            }
+        }
+
+        context("수정도중 에러가 발생했다면") {
+            coEvery { pokitApi.modifyPokit(categoryId = 0, modifyPokitRequest = ModifyPokitRequest()) } throws IllegalArgumentException("error")
+            it("동일한 에러가 발생한다.") {
+                val exception = shouldThrow<Exception> {
+                    remotePokitDataSource.modifyPokit(pokitId = 0, modifyPokitRequest = ModifyPokitRequest())
+                }
+                exception.message shouldBe "error"
+            }
+        }
+    }
+
+    describe("포킷 조회시") {
+        context("조회가 성공적으로 수행되면") {
+            coEvery { pokitApi.getPokit(0) } returns GetPokitResponse()
+            it("해당 포킷의 정보가 반환된다.") {
+                val response = remotePokitDataSource.getPokit(0)
+                response.shouldBeInstanceOf<GetPokitResponse>()
+            }
+        }
+
+        context("조회 도중 에러가 발생했다면") {
+            coEvery { pokitApi.getPokit(0) } throws IllegalArgumentException("error")
+            it("동일한 에러가 발생한다.") {
+                val exception = shouldThrow<Exception> {
+                    remotePokitDataSource.getPokit(0)
+                }
+                exception.message shouldBe "error"
+            }
+        }
+    }
+
+    describe("포킷 이미지 목록 조회시") {
+        context("목록 조회가 성공적으로 수행되면") {
+            coEvery { pokitApi.getPokitImages() } returns emptyList()
+            it("해당 리스트가 반환된다.") {
+                val response = remotePokitDataSource.getPokitImages()
+                response.shouldBeInstanceOf<List<GetPokitImagesResponseItem>>()
+            }
+        }
+
+        context("조회 도중 에러가 발생했다면") {
+            coEvery { pokitApi.getPokitImages() } throws IllegalArgumentException("error")
+            it("동일한 에러가 발생한다.") {
+                val exception = shouldThrow<Exception> {
+                    remotePokitDataSource.getPokitImages()
+                }
+                exception.message shouldBe "error"
+            }
+        }
+    }
+
+    describe("포킷 삭제시") {
+        context("삭제가 실패한다면") {
+            coEvery { pokitApi.deletePokit(0) } throws IllegalArgumentException("error")
+            it("동일한 에러가 발생한다.") {
+                val exception = shouldThrow<Exception> {
+                    remotePokitDataSource.deletePokit(0)
+                }
+                exception.message shouldBe "error"
+            }
+        }
+    }
+
+    describe("포킷 개수 조회시") {
+        context("개수 조회가 성공적으로 수행되면") {
+            coEvery { pokitApi.getPokitCount() } returns GetPokitCountResponse()
+            it("해당 리스트가 반환된다.") {
+                val response = remotePokitDataSource.getPokitCount()
+                response.shouldBeInstanceOf<GetPokitCountResponse>()
+            }
+        }
+
+        context("개수 조회 도중 실패한다면") {
+            coEvery { pokitApi.getPokitCount() } throws IllegalArgumentException("error")
+            it("동일한 에러가 발생한다.") {
+                val exception = shouldThrow<Exception> {
+                    remotePokitDataSource.getPokitCount()
+                }
+                exception.message shouldBe "error"
+            }
+        }
+    }
+})
diff --git a/data/src/test/java/pokitmons/pokit/data/repository/AlertRepositoryImplTest.kt b/data/src/test/java/pokitmons/pokit/data/repository/AlertRepositoryImplTest.kt
new file mode 100644
index 00000000..10fadefc
--- /dev/null
+++ b/data/src/test/java/pokitmons/pokit/data/repository/AlertRepositoryImplTest.kt
@@ -0,0 +1,52 @@
+package pokitmons.pokit.data.repository
+
+import io.kotest.core.spec.style.DescribeSpec
+import io.kotest.matchers.types.shouldBeInstanceOf
+import io.mockk.coEvery
+import io.mockk.mockk
+import pokitmons.pokit.data.datasource.remote.alert.AlertDataSource
+import pokitmons.pokit.data.model.alert.GetAlertsResponse
+import pokitmons.pokit.data.repository.alert.AlertRepositoryImpl
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.alert.Alarm
+
+val alertDataSource: AlertDataSource = mockk()
+
+class AlertRepositoryImplTest : DescribeSpec({
+    val alertRepository = AlertRepositoryImpl(alertDataSource)
+    describe("알림 목록 조회시") {
+        context("알림 목록 조회가 정상적으로 수행되면") {
+            coEvery { alertDataSource.getAlerts(page = 0, size = 0) } returns GetAlertsResponse()
+            it("PokitResult로 래핑된 알림 목록이 반환된다.") {
+                val response = alertRepository.getAlerts(page = 0, size = 0)
+                response.shouldBeInstanceOf<PokitResult.Success<List<Alarm>>>()
+            }
+        }
+
+        context("에러가 발생했다면") {
+            coEvery { alertDataSource.getAlerts(page = 0, size = 0) } throws IllegalArgumentException()
+            it("PokitResult로 래핑된 에러 내용이 반환된다.") {
+                val response = alertRepository.getAlerts(page = 0, size = 0)
+                response.shouldBeInstanceOf<PokitResult.Error>()
+            }
+        }
+    }
+
+    describe("알림 제거시") {
+        context("제거가 정상적으로 수행되면") {
+            coEvery { alertDataSource.deleteAlert(alertId = 0) } returns Unit
+            it("데이터가 없는 PokitResult.Success가 반환된다.") {
+                val response = alertRepository.deleteAlert(alertId = 0)
+                response.shouldBeInstanceOf<PokitResult.Success<Unit>>()
+            }
+        }
+
+        context("에러가 발생했다면") {
+            coEvery { alertDataSource.deleteAlert(alertId = 0) } throws IllegalArgumentException()
+            it("PokitResult로 래핑된 에러 내용이 반환된다.") {
+                val response = alertRepository.deleteAlert(alertId = 0)
+                response.shouldBeInstanceOf<PokitResult.Error>()
+            }
+        }
+    }
+})
diff --git a/data/src/test/java/pokitmons/pokit/data/repository/LinkRepositoryImplTest.kt b/data/src/test/java/pokitmons/pokit/data/repository/LinkRepositoryImplTest.kt
new file mode 100644
index 00000000..9cee6ade
--- /dev/null
+++ b/data/src/test/java/pokitmons/pokit/data/repository/LinkRepositoryImplTest.kt
@@ -0,0 +1,68 @@
+package pokitmons.pokit.data.repository
+
+import io.kotest.core.spec.style.DescribeSpec
+import io.kotest.matchers.types.shouldBeInstanceOf
+import io.mockk.coEvery
+import io.mockk.mockk
+import pokitmons.pokit.data.datasource.remote.link.LinkDataSource
+import pokitmons.pokit.data.model.link.response.GetLinksResponse
+import pokitmons.pokit.data.repository.link.LinkRepositoryImpl
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.link.Link
+
+val linkDataSource: LinkDataSource = mockk()
+
+class LinkRepositoryImplTest : DescribeSpec({
+    val linkRepository = LinkRepositoryImpl(linkDataSource)
+    describe("링크 목록 조회") {
+        context("링크 목록이 정상적으로 수신되면") {
+            coEvery { linkDataSource.getLinks() } returns GetLinksResponse()
+            it("링크 목록이 반환된다.") {
+                val response = linkRepository.getLinks()
+                response.shouldBeInstanceOf<PokitResult.Success<List<Link>>>()
+            }
+        }
+
+        context("에러가 발생했다면") {
+            coEvery { linkDataSource.getLinks() } throws IllegalArgumentException()
+            it("에러코드, 메세지가 반환된다.") {
+                val response = linkRepository.getLinks()
+                response.shouldBeInstanceOf<PokitResult.Error>()
+            }
+        }
+    }
+
+    describe("북마크 변경") {
+        context("북마크 취소가 정상적으로 수행된다면") {
+            coEvery { linkDataSource.setBookmark(contentId = 0, bookmarked = false) } returns Unit
+            it("빈 성공 결과 인스턴스가 반환된다.") {
+                val response = linkRepository.setBookmark(linkId = 0, bookmarked = false)
+                response.shouldBeInstanceOf<PokitResult.Success<Unit>>()
+            }
+        }
+
+        context("북마크 취소 도중 예외가 발생했다면") {
+            coEvery { linkDataSource.setBookmark(contentId = 0, bookmarked = false) } throws IllegalArgumentException()
+            it("에러코드, 메세지가 반환된다.") {
+                val response = linkRepository.setBookmark(linkId = 0, bookmarked = false)
+                response.shouldBeInstanceOf<PokitResult.Error>()
+            }
+        }
+
+        context("북마크 등록이 정상적으로 수행된다면") {
+            coEvery { linkDataSource.setBookmark(contentId = 0, bookmarked = true) } returns Unit
+            it("빈 성공 결과 인스턴스가 반환된다.") {
+                val response = linkRepository.setBookmark(linkId = 0, bookmarked = true)
+                response.shouldBeInstanceOf<PokitResult.Success<Unit>>()
+            }
+        }
+
+        context("북마크 등록 도중 예외가 발생했다면") {
+            coEvery { linkDataSource.setBookmark(contentId = 0, bookmarked = true) } throws IllegalArgumentException()
+            it("에러코드, 메세지가 반환된다.") {
+                val response = linkRepository.setBookmark(linkId = 0, bookmarked = true)
+                response.shouldBeInstanceOf<PokitResult.Error>()
+            }
+        }
+    }
+})
diff --git a/data/src/test/java/pokitmons/pokit/data/repository/PokitRepositoryImplTest.kt b/data/src/test/java/pokitmons/pokit/data/repository/PokitRepositoryImplTest.kt
new file mode 100644
index 00000000..6c7007ec
--- /dev/null
+++ b/data/src/test/java/pokitmons/pokit/data/repository/PokitRepositoryImplTest.kt
@@ -0,0 +1,151 @@
+package pokitmons.pokit.data.repository
+
+import io.kotest.core.spec.style.DescribeSpec
+import io.kotest.matchers.types.shouldBeInstanceOf
+import io.mockk.coEvery
+import io.mockk.mockk
+import pokitmons.pokit.data.datasource.remote.pokit.PokitDataSource
+import pokitmons.pokit.data.model.pokit.request.CreatePokitRequest
+import pokitmons.pokit.data.model.pokit.request.GetPokitsRequest
+import pokitmons.pokit.data.model.pokit.request.ModifyPokitRequest
+import pokitmons.pokit.data.model.pokit.response.CreatePokitResponse
+import pokitmons.pokit.data.model.pokit.response.GetPokitCountResponse
+import pokitmons.pokit.data.model.pokit.response.GetPokitResponse
+import pokitmons.pokit.data.model.pokit.response.GetPokitsResponse
+import pokitmons.pokit.data.model.pokit.response.ModifyPokitResponse
+import pokitmons.pokit.data.repository.pokit.PokitRepositoryImpl
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.pokit.Pokit
+
+val pokitDataSource: PokitDataSource = mockk()
+
+class PokitRepositoryImplTest : DescribeSpec({
+    val pokitRepository = PokitRepositoryImpl(pokitDataSource)
+    describe("포킷 목록 조회") {
+        context("포킷 목록이 정상적으로 수신되면") {
+            coEvery { pokitDataSource.getPokits(GetPokitsRequest()) } returns GetPokitsResponse()
+
+            it("포킷 목록이 반환된다.") {
+                val response = pokitRepository.getPokits()
+                response.shouldBeInstanceOf<PokitResult.Success<List<Pokit>>>()
+            }
+        }
+
+        context("에러가 발생했다면") {
+            coEvery { pokitDataSource.getPokits(GetPokitsRequest()) } throws IllegalArgumentException()
+
+            it("에러 코드, 메세지가 반환된다.") {
+                val response = pokitRepository.getPokits()
+                response.shouldBeInstanceOf<PokitResult.Error>()
+            }
+        }
+    }
+
+    describe("포킷 추가시") {
+        context("추가가 성공적으로 수행되면") {
+            coEvery { pokitDataSource.createPokit(CreatePokitRequest()) } returns CreatePokitResponse()
+            it("추가된 포킷의 id가 반환된다.") {
+                val response = pokitRepository.createPokit("", 0)
+                response.shouldBeInstanceOf<PokitResult.Success<Int>>()
+            }
+        }
+
+        context("추가도중 에러가 발생했다면") {
+            coEvery { pokitDataSource.createPokit(CreatePokitRequest()) } throws IllegalArgumentException()
+            it("에러 코드, 메세지가 반환된다.") {
+                val response = pokitRepository.createPokit("", 0)
+                response.shouldBeInstanceOf<PokitResult.Error>()
+            }
+        }
+    }
+
+    describe("포킷 수정시") {
+        context("수정이 성공적으로 수행되면") {
+            coEvery { pokitDataSource.modifyPokit(pokitId = 0, modifyPokitRequest = ModifyPokitRequest()) } returns ModifyPokitResponse()
+            it("수정된 포킷의 id가 반환된다.") {
+                val response = pokitRepository.modifyPokit(pokitId = 0, name = "", imageId = 0)
+                response.shouldBeInstanceOf<PokitResult.Success<Int>>()
+            }
+        }
+
+        context("수정도중 에러가 발생했다면") {
+            coEvery { pokitDataSource.modifyPokit(pokitId = 0, modifyPokitRequest = ModifyPokitRequest()) } throws IllegalArgumentException()
+            it("에러 코드, 메세지가 반환된다.") {
+                val response = pokitRepository.modifyPokit(pokitId = 0, name = "", imageId = 0)
+                response.shouldBeInstanceOf<PokitResult.Error>()
+            }
+        }
+    }
+
+    describe("포킷 조회시") {
+        context("조회가 성공적으로 수행되면") {
+            coEvery { pokitDataSource.getPokit(pokitId = 0) } returns GetPokitResponse()
+            it("해당 포킷의 정보가 반환된다.") {
+                val response = pokitRepository.getPokit(pokitId = 0)
+                response.shouldBeInstanceOf<PokitResult.Success<Int>>()
+            }
+        }
+
+        context("조회 도중 에러가 발생했다면") {
+            coEvery { pokitDataSource.getPokit(pokitId = 0) } throws IllegalArgumentException()
+            it("에러 코드, 메세지가 반환된다.") {
+                val response = pokitRepository.getPokit(pokitId = 0)
+                response.shouldBeInstanceOf<PokitResult.Error>()
+            }
+        }
+    }
+
+    describe("포킷 이미지 목록 조회시") {
+        context("목록 조회가 성공적으로 수행되면") {
+            coEvery { pokitDataSource.getPokitImages() } returns emptyList()
+            it("해당 리스트가 반환된다.") {
+                val response = pokitRepository.getPokitImages()
+                response.shouldBeInstanceOf<PokitResult.Success<List<Pokit.Image>>>()
+            }
+        }
+
+        context("조회 도중 에러가 발생한다면") {
+            coEvery { pokitDataSource.getPokitImages() } throws IllegalArgumentException()
+            it("에러 코드, 메세지가 반환된다.") {
+                val response = pokitRepository.getPokitImages()
+                response.shouldBeInstanceOf<PokitResult.Error>()
+            }
+        }
+    }
+
+    describe("포킷 삭제시") {
+        context("삭제가 성공적으로 수행되면") {
+            coEvery { pokitDataSource.deletePokit(pokitId = 0) } returns Unit
+            it("해당 포킷의 정보가 반환된다.") {
+                val response = pokitRepository.deletePokit(pokitId = 0)
+                response.shouldBeInstanceOf<PokitResult.Success<Unit>>()
+            }
+        }
+
+        context("삭제 도중 에러가 발생했다면") {
+            coEvery { pokitDataSource.deletePokit(pokitId = 0) } throws IllegalArgumentException()
+            it("에러 코드, 메세지가 반환된다.") {
+                val response = pokitRepository.deletePokit(pokitId = 0)
+                response.shouldBeInstanceOf<PokitResult.Error>()
+            }
+        }
+    }
+
+    describe("포킷 개수 조회시") {
+        context("개수 조회가 성공적으로 수행되면") {
+            coEvery { pokitDataSource.getPokitCount() } returns GetPokitCountResponse()
+            it("개수가 반환된다.") {
+                val response = pokitRepository.getPokitCount()
+                response.shouldBeInstanceOf<PokitResult.Success<Int>>()
+            }
+        }
+
+        context("개수 조회 도중 에러가 발생한다면") {
+            coEvery { pokitDataSource.getPokitCount() } throws IllegalArgumentException()
+            it("에러 코드, 메세지가 반환된다.") {
+                val response = pokitRepository.getPokitCount()
+                response.shouldBeInstanceOf<PokitResult.Error>()
+            }
+        }
+    }
+})
diff --git a/domain/.gitignore b/domain/.gitignore
new file mode 100644
index 00000000..42afabfd
--- /dev/null
+++ b/domain/.gitignore
@@ -0,0 +1 @@
+/build
\ No newline at end of file
diff --git a/domain/build.gradle.kts b/domain/build.gradle.kts
new file mode 100644
index 00000000..05310eff
--- /dev/null
+++ b/domain/build.gradle.kts
@@ -0,0 +1,14 @@
+plugins {
+    id("java-library")
+    alias(libs.plugins.org.jetbrains.kotlin.jvm)
+}
+
+java {
+    sourceCompatibility = JavaVersion.VERSION_17
+    targetCompatibility = JavaVersion.VERSION_17
+}
+
+dependencies {
+    implementation(libs.javax.inject)
+    implementation(libs.coroutines.core)
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/commom/PokitError.kt b/domain/src/main/java/pokitmons/pokit/domain/commom/PokitError.kt
new file mode 100644
index 00000000..79e9632e
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/commom/PokitError.kt
@@ -0,0 +1,6 @@
+package pokitmons.pokit.domain.commom
+
+data class PokitError(
+    val message: String = "그 외",
+    val code: String = "U_0000",
+)
diff --git a/domain/src/main/java/pokitmons/pokit/domain/commom/PokitResult.kt b/domain/src/main/java/pokitmons/pokit/domain/commom/PokitResult.kt
new file mode 100644
index 00000000..25ea983a
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/commom/PokitResult.kt
@@ -0,0 +1,6 @@
+package pokitmons.pokit.domain.commom
+
+sealed interface PokitResult<out T> {
+    data class Success<T>(val result: T) : PokitResult<T>
+    data class Error(val error: PokitError) : PokitResult<Nothing>
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/model/alert/Alarm.kt b/domain/src/main/java/pokitmons/pokit/domain/model/alert/Alarm.kt
new file mode 100644
index 00000000..e9d6164f
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/model/alert/Alarm.kt
@@ -0,0 +1,9 @@
+package pokitmons.pokit.domain.model.alert
+
+data class Alarm(
+    val id: Int,
+    val contentId: Int,
+    val thumbnail: String? = null,
+    val title: String,
+    val createdAt: String,
+)
diff --git a/domain/src/main/java/pokitmons/pokit/domain/model/auth/DuplicateNicknameResult.kt b/domain/src/main/java/pokitmons/pokit/domain/model/auth/DuplicateNicknameResult.kt
new file mode 100644
index 00000000..34c8618c
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/model/auth/DuplicateNicknameResult.kt
@@ -0,0 +1,5 @@
+package pokitmons.pokit.domain.model.auth
+
+data class DuplicateNicknameResult(
+    val isDuplicate: Boolean,
+)
diff --git a/domain/src/main/java/pokitmons/pokit/domain/model/auth/SNSLoginResult.kt b/domain/src/main/java/pokitmons/pokit/domain/model/auth/SNSLoginResult.kt
new file mode 100644
index 00000000..84da23db
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/model/auth/SNSLoginResult.kt
@@ -0,0 +1,7 @@
+package pokitmons.pokit.domain.model.auth
+
+data class SNSLoginResult(
+    val accessToken: String,
+    val refreshToken: String,
+    val isRegistered: Boolean,
+)
diff --git a/domain/src/main/java/pokitmons/pokit/domain/model/auth/SignUpResult.kt b/domain/src/main/java/pokitmons/pokit/domain/model/auth/SignUpResult.kt
new file mode 100644
index 00000000..8abbc165
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/model/auth/SignUpResult.kt
@@ -0,0 +1,7 @@
+package pokitmons.pokit.domain.model.auth
+
+data class SignUpResult(
+    val id: Int,
+    val email: String,
+    val nickname: String,
+)
diff --git a/domain/src/main/java/pokitmons/pokit/domain/model/home/remind/RemindResult.kt b/domain/src/main/java/pokitmons/pokit/domain/model/home/remind/RemindResult.kt
new file mode 100644
index 00000000..1e22c69d
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/model/home/remind/RemindResult.kt
@@ -0,0 +1,11 @@
+package pokitmons.pokit.domain.model.home.remind
+
+data class RemindResult(
+    val id: Int,
+    val title: String,
+    val domain: String,
+    val createdAt: String,
+    val isRead: Boolean,
+    val thumbNail: String,
+    val data: String,
+)
diff --git a/domain/src/main/java/pokitmons/pokit/domain/model/link/Link.kt b/domain/src/main/java/pokitmons/pokit/domain/model/link/Link.kt
new file mode 100644
index 00000000..c4933dd0
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/model/link/Link.kt
@@ -0,0 +1,16 @@
+package pokitmons.pokit.domain.model.link
+
+data class Link(
+    val id: Int,
+    val categoryId: Int,
+    val categoryName: String,
+    val data: String,
+    val domain: String,
+    val title: String,
+    val memo: String,
+    val alertYn: String,
+    val createdAt: String,
+    val isRead: Boolean = false,
+    val favorites: Boolean = false,
+    val thumbnail: String = "",
+)
diff --git a/domain/src/main/java/pokitmons/pokit/domain/model/link/LinkCard.kt b/domain/src/main/java/pokitmons/pokit/domain/model/link/LinkCard.kt
new file mode 100644
index 00000000..29b4147d
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/model/link/LinkCard.kt
@@ -0,0 +1,7 @@
+package pokitmons.pokit.domain.model.link
+
+data class LinkCard(
+    val url: String = "",
+    val thumbnailUrl: String? = null,
+    val title: String = "",
+)
diff --git a/domain/src/main/java/pokitmons/pokit/domain/model/link/LinksSort.kt b/domain/src/main/java/pokitmons/pokit/domain/model/link/LinksSort.kt
new file mode 100644
index 00000000..36499268
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/model/link/LinksSort.kt
@@ -0,0 +1,5 @@
+package pokitmons.pokit.domain.model.link
+
+enum class LinksSort(val value: String) {
+    RECENT("createdAt,desc"), OLDER("createdAt,asc")
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/model/pokit/Cosnt.kt b/domain/src/main/java/pokitmons/pokit/domain/model/pokit/Cosnt.kt
new file mode 100644
index 00000000..55e90547
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/model/pokit/Cosnt.kt
@@ -0,0 +1,3 @@
+package pokitmons.pokit.domain.model.pokit
+
+const val MAX_POKIT_COUNT = 30
diff --git a/domain/src/main/java/pokitmons/pokit/domain/model/pokit/Pokit.kt b/domain/src/main/java/pokitmons/pokit/domain/model/pokit/Pokit.kt
new file mode 100644
index 00000000..06a376f0
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/model/pokit/Pokit.kt
@@ -0,0 +1,15 @@
+package pokitmons.pokit.domain.model.pokit
+
+data class Pokit(
+    val categoryId: Int,
+    val userId: Int,
+    val name: String,
+    val image: Image,
+    val linkCount: Int,
+    val createdAt: String,
+) {
+    data class Image(
+        val id: Int,
+        val url: String,
+    )
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/model/pokit/PokitErrorCode.kt b/domain/src/main/java/pokitmons/pokit/domain/model/pokit/PokitErrorCode.kt
new file mode 100644
index 00000000..948ef749
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/model/pokit/PokitErrorCode.kt
@@ -0,0 +1,10 @@
+package pokitmons.pokit.domain.model.pokit
+
+object PokitErrorCode {
+    const val ALREADY_USED_POKIT_NAME = "CA_001"
+    const val CANNOT_FOUND_POKIT_INFO = "CA_002"
+    const val UNAVAILABLE_POKIT = "CA_003"
+    const val CANNOT_FOUND_POKIT_IMAGE = "CA_004"
+    const val TOO_MUCH_POKIT = "CA_005"
+    const val CANNOT_FOUND_UNCATEGORY_IMAGE = "CA_006"
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/model/pokit/PokitsSort.kt b/domain/src/main/java/pokitmons/pokit/domain/model/pokit/PokitsSort.kt
new file mode 100644
index 00000000..afe21f35
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/model/pokit/PokitsSort.kt
@@ -0,0 +1,5 @@
+package pokitmons.pokit.domain.model.pokit
+
+enum class PokitsSort(val value: String) {
+    RECENT("createdAt,desc"), ALPHABETICAL("name,asc")
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/model/setting/EditNicknameResult.kt b/domain/src/main/java/pokitmons/pokit/domain/model/setting/EditNicknameResult.kt
new file mode 100644
index 00000000..09119047
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/model/setting/EditNicknameResult.kt
@@ -0,0 +1,7 @@
+package pokitmons.pokit.domain.model.setting
+
+data class EditNicknameResult(
+    val email: String,
+    val id: Int,
+    val nickname: String,
+)
diff --git a/domain/src/main/java/pokitmons/pokit/domain/repository/alert/AlertRepository.kt b/domain/src/main/java/pokitmons/pokit/domain/repository/alert/AlertRepository.kt
new file mode 100644
index 00000000..5b836d9d
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/repository/alert/AlertRepository.kt
@@ -0,0 +1,9 @@
+package pokitmons.pokit.domain.repository.alert
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.alert.Alarm
+
+interface AlertRepository {
+    suspend fun getAlerts(page: Int, size: Int): PokitResult<List<Alarm>>
+    suspend fun deleteAlert(alertId: Int): PokitResult<Unit>
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/repository/auth/AuthRepository.kt b/domain/src/main/java/pokitmons/pokit/domain/repository/auth/AuthRepository.kt
new file mode 100644
index 00000000..71944e41
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/repository/auth/AuthRepository.kt
@@ -0,0 +1,21 @@
+package pokitmons.pokit.domain.repository.auth
+
+import kotlinx.coroutines.flow.Flow
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.auth.DuplicateNicknameResult
+import pokitmons.pokit.domain.model.auth.SNSLoginResult
+import pokitmons.pokit.domain.model.auth.SignUpResult
+
+interface AuthRepository {
+    suspend fun snsLogin(authPlatform: String, idToken: String): PokitResult<SNSLoginResult>
+    suspend fun checkDuplicateNickname(nickname: String): PokitResult<DuplicateNicknameResult>
+    suspend fun signUp(nickname: String, categories: List<String>): PokitResult<SignUpResult>
+    suspend fun withdraw(): PokitResult<Unit>
+
+    suspend fun setAccessToken(token: String)
+    suspend fun setRefreshToken(token: String)
+
+    // TODO 리팩토링
+    suspend fun setAuthType(type: String)
+    suspend fun getAuthType(): Flow<String>
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/repository/auth/TokenRepository.kt b/domain/src/main/java/pokitmons/pokit/domain/repository/auth/TokenRepository.kt
new file mode 100644
index 00000000..110e8b91
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/repository/auth/TokenRepository.kt
@@ -0,0 +1,6 @@
+package pokitmons.pokit.domain.repository.auth
+
+interface TokenRepository {
+    suspend fun setAccessToken(token: String)
+    suspend fun setRefreshToken(token: String)
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/repository/home/remind/RemindRepository.kt b/domain/src/main/java/pokitmons/pokit/domain/repository/home/remind/RemindRepository.kt
new file mode 100644
index 00000000..d86b89f9
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/repository/home/remind/RemindRepository.kt
@@ -0,0 +1,28 @@
+package pokitmons.pokit.domain.repository.home.remind
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.home.remind.RemindResult
+import pokitmons.pokit.domain.model.pokit.PokitsSort
+
+interface RemindRepository {
+    suspend fun getUnReadContents(
+        filterUncategorized: Boolean = true,
+        size: Int = 10,
+        page: Int = 0,
+        sort: PokitsSort = PokitsSort.RECENT,
+    ): PokitResult<List<RemindResult>>
+
+    suspend fun getTodayContents(
+        filterUncategorized: Boolean = true,
+        size: Int = 10,
+        page: Int = 0,
+        sort: PokitsSort = PokitsSort.RECENT,
+    ): PokitResult<List<RemindResult>>
+
+    suspend fun getBookmarkContents(
+        filterUncategorized: Boolean = true,
+        size: Int = 10,
+        page: Int = 0,
+        sort: PokitsSort = PokitsSort.RECENT,
+    ): PokitResult<List<RemindResult>>
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/repository/link/LinkRepository.kt b/domain/src/main/java/pokitmons/pokit/domain/repository/link/LinkRepository.kt
new file mode 100644
index 00000000..c2336195
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/repository/link/LinkRepository.kt
@@ -0,0 +1,65 @@
+package pokitmons.pokit.domain.repository.link
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.link.Link
+import pokitmons.pokit.domain.model.link.LinkCard
+import pokitmons.pokit.domain.model.link.LinksSort
+
+interface LinkRepository {
+    suspend fun getLinks(
+        categoryId: Int = 0,
+        size: Int = 10,
+        page: Int = 0,
+        sort: LinksSort = LinksSort.RECENT,
+        isRead: Boolean? = null,
+        favorite: Boolean? = null,
+        startDate: String? = null,
+        endDate: String? = null,
+        categoryIds: List<Int>? = null,
+    ): PokitResult<List<Link>>
+
+    suspend fun searchLinks(
+        page: Int,
+        size: Int,
+        sort: List<String>,
+        isRead: Boolean?,
+        favorites: Boolean?,
+        startDate: String?,
+        endDate: String?,
+        categoryIds: List<Int>?,
+        searchWord: String,
+    ): PokitResult<List<Link>>
+
+    suspend fun deleteLink(linkId: Int): PokitResult<Int>
+
+    suspend fun getLink(linkId: Int): PokitResult<Link>
+
+    suspend fun modifyLink(
+        linkId: Int,
+        data: String,
+        title: String,
+        categoryId: Int,
+        memo: String,
+        alertYn: String,
+        thumbNail: String,
+    ): PokitResult<Link>
+
+    suspend fun createLink(
+        data: String,
+        title: String,
+        categoryId: Int,
+        memo: String,
+        alertYn: String,
+        thumbNail: String,
+    ): PokitResult<Link>
+
+    suspend fun setBookmark(linkId: Int, bookmarked: Boolean): PokitResult<Unit>
+
+    suspend fun getLinkCard(url: String): PokitResult<LinkCard>
+
+    suspend fun getUncategorizedLinks(
+        size: Int = 10,
+        page: Int = 0,
+        sort: LinksSort = LinksSort.RECENT,
+    ): PokitResult<List<Link>>
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/repository/pokit/PokitRepository.kt b/domain/src/main/java/pokitmons/pokit/domain/repository/pokit/PokitRepository.kt
new file mode 100644
index 00000000..c684f13f
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/repository/pokit/PokitRepository.kt
@@ -0,0 +1,33 @@
+package pokitmons.pokit.domain.repository.pokit
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.pokit.Pokit
+import pokitmons.pokit.domain.model.pokit.PokitsSort
+
+interface PokitRepository {
+    suspend fun getPokits(
+        filterUncategorized: Boolean = true,
+        size: Int = 10,
+        page: Int = 0,
+        sort: PokitsSort = PokitsSort.RECENT,
+    ): PokitResult<List<Pokit>>
+
+    suspend fun createPokit(
+        name: String,
+        imageId: Int,
+    ): PokitResult<Int>
+
+    suspend fun modifyPokit(
+        pokitId: Int,
+        name: String,
+        imageId: Int,
+    ): PokitResult<Int>
+
+    suspend fun getPokitImages(): PokitResult<List<Pokit.Image>>
+
+    suspend fun getPokit(pokitId: Int): PokitResult<Pokit>
+
+    suspend fun deletePokit(pokitId: Int): PokitResult<Unit>
+
+    suspend fun getPokitCount(): PokitResult<Int>
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/repository/search/SearchRepository.kt b/domain/src/main/java/pokitmons/pokit/domain/repository/search/SearchRepository.kt
new file mode 100644
index 00000000..26c7a6e6
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/repository/search/SearchRepository.kt
@@ -0,0 +1,12 @@
+package pokitmons.pokit.domain.repository.search
+
+import kotlinx.coroutines.flow.Flow
+
+interface SearchRepository {
+    fun getRecentSearchWords(): Flow<List<String>>
+    suspend fun removeSearchWord(word: String)
+    suspend fun removeAllSearchWords()
+    suspend fun setUseRecentSearchWord(use: Boolean): Boolean
+    fun getUseRecentSearchWord(): Flow<Boolean>
+    suspend fun addRecentSearchWord(word: String)
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/repository/setting/SettingRepository.kt b/domain/src/main/java/pokitmons/pokit/domain/repository/setting/SettingRepository.kt
new file mode 100644
index 00000000..6cdd03ac
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/repository/setting/SettingRepository.kt
@@ -0,0 +1,8 @@
+package pokitmons.pokit.domain.repository.setting
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.setting.EditNicknameResult
+
+interface SettingRepository {
+    suspend fun editNickname(nickname: String): PokitResult<EditNicknameResult>
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/alert/DeleteAlertUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/alert/DeleteAlertUseCase.kt
new file mode 100644
index 00000000..848bcad8
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/alert/DeleteAlertUseCase.kt
@@ -0,0 +1,13 @@
+package pokitmons.pokit.domain.usecase.alert
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.repository.alert.AlertRepository
+import javax.inject.Inject
+
+class DeleteAlertUseCase @Inject constructor(
+    private val repository: AlertRepository,
+) {
+    suspend fun deleteAlert(alertId: Int): PokitResult<Unit> {
+        return repository.deleteAlert(alertId)
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/alert/GetAlertsUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/alert/GetAlertsUseCase.kt
new file mode 100644
index 00000000..be03aec2
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/alert/GetAlertsUseCase.kt
@@ -0,0 +1,14 @@
+package pokitmons.pokit.domain.usecase.alert
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.alert.Alarm
+import pokitmons.pokit.domain.repository.alert.AlertRepository
+import javax.inject.Inject
+
+class GetAlertsUseCase @Inject constructor(
+    private val repository: AlertRepository,
+) {
+    suspend fun getAlerts(page: Int, size: Int): PokitResult<List<Alarm>> {
+        return repository.getAlerts(page = page, size = size)
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/auth/InputNicknameUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/auth/InputNicknameUseCase.kt
new file mode 100644
index 00000000..15881f7f
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/auth/InputNicknameUseCase.kt
@@ -0,0 +1,15 @@
+package pokitmons.pokit.domain.usecase.auth
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.auth.DuplicateNicknameResult
+import pokitmons.pokit.domain.repository.auth.AuthRepository
+import javax.inject.Inject
+
+class InputNicknameUseCase @Inject constructor(private val authRepository: AuthRepository) {
+    suspend fun checkDuplicateNickname(nickname: String): PokitResult<DuplicateNicknameResult> {
+        return when (val duplicateResult = authRepository.checkDuplicateNickname(nickname)) {
+            is PokitResult.Success -> PokitResult.Success(duplicateResult.result)
+            is PokitResult.Error -> PokitResult.Error(duplicateResult.error)
+        }
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/auth/SNSLoginUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/auth/SNSLoginUseCase.kt
new file mode 100644
index 00000000..b16da180
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/auth/SNSLoginUseCase.kt
@@ -0,0 +1,15 @@
+package pokitmons.pokit.domain.usecase.auth
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.auth.SNSLoginResult
+import pokitmons.pokit.domain.repository.auth.AuthRepository
+import javax.inject.Inject
+
+class SNSLoginUseCase @Inject constructor(private val authRepository: AuthRepository) {
+    suspend fun snsLogin(authPlatform: String, idToken: String): PokitResult<SNSLoginResult> {
+        return when (val loginResult = authRepository.snsLogin(authPlatform, idToken)) {
+            is PokitResult.Success -> PokitResult.Success(loginResult.result)
+            is PokitResult.Error -> PokitResult.Error(loginResult.error)
+        }
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/auth/SignUpUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/auth/SignUpUseCase.kt
new file mode 100644
index 00000000..35e35f19
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/auth/SignUpUseCase.kt
@@ -0,0 +1,18 @@
+package pokitmons.pokit.domain.usecase.auth
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.auth.SignUpResult
+import pokitmons.pokit.domain.repository.auth.AuthRepository
+import javax.inject.Inject
+
+class SignUpUseCase @Inject constructor(private val authRepository: AuthRepository) {
+    suspend fun signUp(
+        nickname: String,
+        categories: List<String>,
+    ): PokitResult<SignUpResult> {
+        return when (val signUpResult = authRepository.signUp(nickname, categories)) {
+            is PokitResult.Success -> PokitResult.Success(signUpResult.result)
+            is PokitResult.Error -> PokitResult.Error(signUpResult.error)
+        }
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/auth/TokenUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/auth/TokenUseCase.kt
new file mode 100644
index 00000000..e64399c6
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/auth/TokenUseCase.kt
@@ -0,0 +1,23 @@
+package pokitmons.pokit.domain.usecase.auth
+
+import kotlinx.coroutines.flow.Flow
+import pokitmons.pokit.domain.repository.auth.AuthRepository
+import javax.inject.Inject
+
+class TokenUseCase @Inject constructor(private val authRepository: AuthRepository) {
+    suspend fun setAccessToken(token: String) {
+        authRepository.setAccessToken(token)
+    }
+
+    suspend fun setRefreshToken(token: String) {
+        authRepository.setRefreshToken(token)
+    }
+
+    suspend fun setAuthType(type: String) {
+        authRepository.setAuthType(type)
+    }
+
+    suspend fun getAuthType(): Flow<String> {
+        return authRepository.getAuthType()
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/auth/WithdrawUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/auth/WithdrawUseCase.kt
new file mode 100644
index 00000000..d9d342d7
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/auth/WithdrawUseCase.kt
@@ -0,0 +1,14 @@
+package pokitmons.pokit.domain.usecase.auth
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.repository.auth.AuthRepository
+import javax.inject.Inject
+
+class WithdrawUseCase @Inject constructor(private val authRepository: AuthRepository) {
+    suspend fun withdraw(): PokitResult<Unit> {
+        return when (val signUpResult = authRepository.withdraw()) {
+            is PokitResult.Success -> PokitResult.Success(Unit)
+            is PokitResult.Error -> PokitResult.Error(signUpResult.error)
+        }
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/home/remind/BookMarkContentsUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/home/remind/BookMarkContentsUseCase.kt
new file mode 100644
index 00000000..4d589dc8
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/home/remind/BookMarkContentsUseCase.kt
@@ -0,0 +1,12 @@
+package pokitmons.pokit.domain.usecase.home.remind
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.home.remind.RemindResult
+import pokitmons.pokit.domain.repository.home.remind.RemindRepository
+import javax.inject.Inject
+
+class BookMarkContentsUseCase @Inject constructor(private val remindRepository: RemindRepository) {
+    suspend fun getBookmarkContents(): PokitResult<List<RemindResult>> {
+        return remindRepository.getBookmarkContents()
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/home/remind/TodayContentsUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/home/remind/TodayContentsUseCase.kt
new file mode 100644
index 00000000..6a4cf317
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/home/remind/TodayContentsUseCase.kt
@@ -0,0 +1,12 @@
+package pokitmons.pokit.domain.usecase.home.remind
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.home.remind.RemindResult
+import pokitmons.pokit.domain.repository.home.remind.RemindRepository
+import javax.inject.Inject
+
+class TodayContentsUseCase @Inject constructor(private val remindRepository: RemindRepository) {
+    suspend fun getTodayContents(): PokitResult<List<RemindResult>> {
+        return remindRepository.getTodayContents()
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/home/remind/UnReadContentsUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/home/remind/UnReadContentsUseCase.kt
new file mode 100644
index 00000000..5b449479
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/home/remind/UnReadContentsUseCase.kt
@@ -0,0 +1,12 @@
+package pokitmons.pokit.domain.usecase.home.remind
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.home.remind.RemindResult
+import pokitmons.pokit.domain.repository.home.remind.RemindRepository
+import javax.inject.Inject
+
+class UnReadContentsUseCase @Inject constructor(private val remindRepository: RemindRepository) {
+    suspend fun getUnreadContents(): PokitResult<List<RemindResult>> {
+        return remindRepository.getUnReadContents()
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/link/CreateLinkUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/link/CreateLinkUseCase.kt
new file mode 100644
index 00000000..adfc5a23
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/link/CreateLinkUseCase.kt
@@ -0,0 +1,28 @@
+package pokitmons.pokit.domain.usecase.link
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.link.Link
+import pokitmons.pokit.domain.repository.link.LinkRepository
+import javax.inject.Inject
+
+class CreateLinkUseCase @Inject constructor(
+    private val repository: LinkRepository,
+) {
+    suspend fun createLink(
+        data: String,
+        title: String,
+        categoryId: Int,
+        memo: String,
+        alertYn: String,
+        thumbNail: String,
+    ): PokitResult<Link> {
+        return repository.createLink(
+            data = data,
+            title = title,
+            categoryId = categoryId,
+            memo = memo,
+            alertYn = alertYn,
+            thumbNail = thumbNail
+        )
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/link/DeleteLinkUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/link/DeleteLinkUseCase.kt
new file mode 100644
index 00000000..ac7d6a64
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/link/DeleteLinkUseCase.kt
@@ -0,0 +1,13 @@
+package pokitmons.pokit.domain.usecase.link
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.repository.link.LinkRepository
+import javax.inject.Inject
+
+class DeleteLinkUseCase @Inject constructor(
+    private val repository: LinkRepository,
+) {
+    suspend fun deleteLink(linkId: Int): PokitResult<Int> {
+        return repository.deleteLink(linkId)
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/link/GetLinkCardUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/link/GetLinkCardUseCase.kt
new file mode 100644
index 00000000..10f820ec
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/link/GetLinkCardUseCase.kt
@@ -0,0 +1,14 @@
+package pokitmons.pokit.domain.usecase.link
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.link.LinkCard
+import pokitmons.pokit.domain.repository.link.LinkRepository
+import javax.inject.Inject
+
+class GetLinkCardUseCase @Inject constructor(
+    private val repository: LinkRepository,
+) {
+    suspend fun getLinkCard(url: String): PokitResult<LinkCard> {
+        return repository.getLinkCard(url = url)
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/link/GetLinkUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/link/GetLinkUseCase.kt
new file mode 100644
index 00000000..a9fdc869
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/link/GetLinkUseCase.kt
@@ -0,0 +1,14 @@
+package pokitmons.pokit.domain.usecase.link
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.link.Link
+import pokitmons.pokit.domain.repository.link.LinkRepository
+import javax.inject.Inject
+
+class GetLinkUseCase @Inject constructor(
+    private val repository: LinkRepository,
+) {
+    suspend fun getLink(linkId: Int): PokitResult<Link> {
+        return repository.getLink(linkId)
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/link/GetLinksUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/link/GetLinksUseCase.kt
new file mode 100644
index 00000000..77aec8e5
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/link/GetLinksUseCase.kt
@@ -0,0 +1,47 @@
+package pokitmons.pokit.domain.usecase.link
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.link.Link
+import pokitmons.pokit.domain.model.link.LinksSort
+import pokitmons.pokit.domain.repository.link.LinkRepository
+import javax.inject.Inject
+
+class GetLinksUseCase @Inject constructor(
+    private val repository: LinkRepository,
+) {
+    suspend fun getLinks(
+        categoryId: Int = 0,
+        size: Int = 10,
+        page: Int = 0,
+        sort: LinksSort = LinksSort.RECENT,
+        isRead: Boolean? = null,
+        favorite: Boolean? = null,
+        startDate: String? = null,
+        endDate: String? = null,
+        categoryIds: List<Int>? = null,
+    ): PokitResult<List<Link>> {
+        return repository.getLinks(
+            categoryId = categoryId,
+            size = size,
+            page = page,
+            sort = sort,
+            isRead = isRead,
+            favorite = favorite,
+            startDate = startDate,
+            endDate = endDate,
+            categoryIds = categoryIds
+        )
+    }
+
+    suspend fun getUncategorizedLinks(
+        size: Int = 10,
+        page: Int = 0,
+        sort: LinksSort = LinksSort.RECENT,
+    ): PokitResult<List<Link>> {
+        return repository.getUncategorizedLinks(
+            size = size,
+            page = page,
+            sort = sort
+        )
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/link/ModifyLinkUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/link/ModifyLinkUseCase.kt
new file mode 100644
index 00000000..a9760256
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/link/ModifyLinkUseCase.kt
@@ -0,0 +1,30 @@
+package pokitmons.pokit.domain.usecase.link
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.link.Link
+import pokitmons.pokit.domain.repository.link.LinkRepository
+import javax.inject.Inject
+
+class ModifyLinkUseCase @Inject constructor(
+    private val repository: LinkRepository,
+) {
+    suspend fun modifyLink(
+        linkId: Int,
+        data: String,
+        title: String,
+        categoryId: Int,
+        memo: String,
+        alertYn: String,
+        thumbNail: String,
+    ): PokitResult<Link> {
+        return repository.modifyLink(
+            linkId = linkId,
+            data = data,
+            title = title,
+            categoryId = categoryId,
+            memo = memo,
+            alertYn = alertYn,
+            thumbNail = thumbNail
+        )
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/link/SearchLinksUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/link/SearchLinksUseCase.kt
new file mode 100644
index 00000000..8deaa87a
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/link/SearchLinksUseCase.kt
@@ -0,0 +1,34 @@
+package pokitmons.pokit.domain.usecase.link
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.link.Link
+import pokitmons.pokit.domain.repository.link.LinkRepository
+import javax.inject.Inject
+
+class SearchLinksUseCase @Inject constructor(
+    private val repository: LinkRepository,
+) {
+    suspend fun searchLinks(
+        page: Int,
+        size: Int,
+        sort: List<String>,
+        isRead: Boolean?,
+        favorites: Boolean?,
+        startDate: String?,
+        endDate: String?,
+        categoryIds: List<Int>?,
+        searchWord: String,
+    ): PokitResult<List<Link>> {
+        return repository.searchLinks(
+            page = page,
+            size = size,
+            sort = sort,
+            isRead = isRead,
+            favorites = favorites,
+            startDate = startDate,
+            endDate = endDate,
+            categoryIds = categoryIds,
+            searchWord = searchWord
+        )
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/link/SetBookmarkUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/link/SetBookmarkUseCase.kt
new file mode 100644
index 00000000..c7e9cee3
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/link/SetBookmarkUseCase.kt
@@ -0,0 +1,13 @@
+package pokitmons.pokit.domain.usecase.link
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.repository.link.LinkRepository
+import javax.inject.Inject
+
+class SetBookmarkUseCase @Inject constructor(
+    private val repository: LinkRepository,
+) {
+    suspend fun setBookMarked(linkId: Int, bookmarked: Boolean): PokitResult<Unit> {
+        return repository.setBookmark(linkId = linkId, bookmarked = bookmarked)
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/pokit/CreatePokitUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/pokit/CreatePokitUseCase.kt
new file mode 100644
index 00000000..9e1df4c2
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/pokit/CreatePokitUseCase.kt
@@ -0,0 +1,16 @@
+package pokitmons.pokit.domain.usecase.pokit
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.repository.pokit.PokitRepository
+import javax.inject.Inject
+
+class CreatePokitUseCase @Inject constructor(
+    private val repository: PokitRepository,
+) {
+    suspend fun createPokit(
+        name: String,
+        imageId: Int,
+    ): PokitResult<Int> {
+        return repository.createPokit(name = name, imageId = imageId)
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/pokit/DeletePokitUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/pokit/DeletePokitUseCase.kt
new file mode 100644
index 00000000..b17ffc59
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/pokit/DeletePokitUseCase.kt
@@ -0,0 +1,13 @@
+package pokitmons.pokit.domain.usecase.pokit
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.repository.pokit.PokitRepository
+import javax.inject.Inject
+
+class DeletePokitUseCase @Inject constructor(
+    private val repository: PokitRepository,
+) {
+    suspend fun deletePokit(pokitId: Int): PokitResult<Unit> {
+        return repository.deletePokit(pokitId)
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/pokit/GetPokitCountUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/pokit/GetPokitCountUseCase.kt
new file mode 100644
index 00000000..8b0c6802
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/pokit/GetPokitCountUseCase.kt
@@ -0,0 +1,13 @@
+package pokitmons.pokit.domain.usecase.pokit
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.repository.pokit.PokitRepository
+import javax.inject.Inject
+
+class GetPokitCountUseCase @Inject constructor(
+    private val repository: PokitRepository,
+) {
+    suspend fun getPokitCount(): PokitResult<Int> {
+        return repository.getPokitCount()
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/pokit/GetPokitImagesUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/pokit/GetPokitImagesUseCase.kt
new file mode 100644
index 00000000..c0a49abb
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/pokit/GetPokitImagesUseCase.kt
@@ -0,0 +1,14 @@
+package pokitmons.pokit.domain.usecase.pokit
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.pokit.Pokit
+import pokitmons.pokit.domain.repository.pokit.PokitRepository
+import javax.inject.Inject
+
+class GetPokitImagesUseCase @Inject constructor(
+    private val repository: PokitRepository,
+) {
+    suspend fun getImages(): PokitResult<List<Pokit.Image>> {
+        return repository.getPokitImages()
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/pokit/GetPokitUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/pokit/GetPokitUseCase.kt
new file mode 100644
index 00000000..7134283b
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/pokit/GetPokitUseCase.kt
@@ -0,0 +1,14 @@
+package pokitmons.pokit.domain.usecase.pokit
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.pokit.Pokit
+import pokitmons.pokit.domain.repository.pokit.PokitRepository
+import javax.inject.Inject
+
+class GetPokitUseCase @Inject constructor(
+    private val repository: PokitRepository,
+) {
+    suspend fun getPokit(pokitId: Int): PokitResult<Pokit> {
+        return repository.getPokit(pokitId)
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/pokit/GetPokitsUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/pokit/GetPokitsUseCase.kt
new file mode 100644
index 00000000..64a8aeaa
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/pokit/GetPokitsUseCase.kt
@@ -0,0 +1,25 @@
+package pokitmons.pokit.domain.usecase.pokit
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.pokit.Pokit
+import pokitmons.pokit.domain.model.pokit.PokitsSort
+import pokitmons.pokit.domain.repository.pokit.PokitRepository
+import javax.inject.Inject
+
+class GetPokitsUseCase @Inject constructor(
+    private val repository: PokitRepository,
+) {
+    suspend fun getPokits(
+        filterUncategorized: Boolean = true,
+        size: Int = 10,
+        page: Int = 0,
+        sort: PokitsSort = PokitsSort.RECENT,
+    ): PokitResult<List<Pokit>> {
+        return repository.getPokits(
+            filterUncategorized = filterUncategorized,
+            size = size,
+            page = page,
+            sort = sort
+        )
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/pokit/GetUncategorizedPokitUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/pokit/GetUncategorizedPokitUseCase.kt
new file mode 100644
index 00000000..9addf411
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/pokit/GetUncategorizedPokitUseCase.kt
@@ -0,0 +1,30 @@
+package pokitmons.pokit.domain.usecase.pokit
+
+import pokitmons.pokit.domain.commom.PokitError
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.pokit.Pokit
+import pokitmons.pokit.domain.repository.pokit.PokitRepository
+import javax.inject.Inject
+
+class GetUncategorizedPokitUseCase @Inject constructor(
+    private val repository: PokitRepository,
+) {
+    companion object {
+        const val UNCATEGORIZED_POKIT_NAME = "미분류"
+    }
+
+    suspend fun getUncategoriezdPokit(): PokitResult<Pokit> {
+        val response = repository.getPokits(filterUncategorized = false, size = 30, page = 0)
+        if (response is PokitResult.Success) {
+            val uncategorizedPokit = response.result.find { it.name == UNCATEGORIZED_POKIT_NAME }
+            return if (uncategorizedPokit != null) {
+                PokitResult.Success(uncategorizedPokit)
+            } else {
+                PokitResult.Error(error = PokitError("미분류 카테고리를 찾을 수 없습니다.", "C_9999"))
+            }
+        } else {
+            response as PokitResult.Error
+            return PokitResult.Error(error = response.error.copy())
+        }
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/pokit/ModifyPokitUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/pokit/ModifyPokitUseCase.kt
new file mode 100644
index 00000000..13ced61a
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/pokit/ModifyPokitUseCase.kt
@@ -0,0 +1,17 @@
+package pokitmons.pokit.domain.usecase.pokit
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.repository.pokit.PokitRepository
+import javax.inject.Inject
+
+class ModifyPokitUseCase @Inject constructor(
+    private val repository: PokitRepository,
+) {
+    suspend fun modifyPokit(
+        pokitId: Int,
+        name: String,
+        imageId: Int,
+    ): PokitResult<Int> {
+        return repository.modifyPokit(pokitId = pokitId, name = name, imageId = imageId)
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/search/AddRecentSearchWordUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/search/AddRecentSearchWordUseCase.kt
new file mode 100644
index 00000000..c63a11a4
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/search/AddRecentSearchWordUseCase.kt
@@ -0,0 +1,12 @@
+package pokitmons.pokit.domain.usecase.search
+
+import pokitmons.pokit.domain.repository.search.SearchRepository
+import javax.inject.Inject
+
+class AddRecentSearchWordUseCase @Inject constructor(
+    private val repository: SearchRepository,
+) {
+    suspend fun addRecentSearchWord(word: String) {
+        repository.addRecentSearchWord(word)
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/search/GetRecentSearchWordsUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/search/GetRecentSearchWordsUseCase.kt
new file mode 100644
index 00000000..b7034c48
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/search/GetRecentSearchWordsUseCase.kt
@@ -0,0 +1,13 @@
+package pokitmons.pokit.domain.usecase.search
+
+import kotlinx.coroutines.flow.Flow
+import pokitmons.pokit.domain.repository.search.SearchRepository
+import javax.inject.Inject
+
+class GetRecentSearchWordsUseCase @Inject constructor(
+    private val repository: SearchRepository,
+) {
+    fun getWords(): Flow<List<String>> {
+        return repository.getRecentSearchWords()
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/search/GetUseRecentSearchWordsUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/search/GetUseRecentSearchWordsUseCase.kt
new file mode 100644
index 00000000..da55a3fc
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/search/GetUseRecentSearchWordsUseCase.kt
@@ -0,0 +1,13 @@
+package pokitmons.pokit.domain.usecase.search
+
+import kotlinx.coroutines.flow.Flow
+import pokitmons.pokit.domain.repository.search.SearchRepository
+import javax.inject.Inject
+
+class GetUseRecentSearchWordsUseCase @Inject constructor(
+    private val repository: SearchRepository,
+) {
+    fun getUse(): Flow<Boolean> {
+        return repository.getUseRecentSearchWord()
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/search/RemoveRecentSearchWordUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/search/RemoveRecentSearchWordUseCase.kt
new file mode 100644
index 00000000..1745d408
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/search/RemoveRecentSearchWordUseCase.kt
@@ -0,0 +1,16 @@
+package pokitmons.pokit.domain.usecase.search
+
+import pokitmons.pokit.domain.repository.search.SearchRepository
+import javax.inject.Inject
+
+class RemoveRecentSearchWordUseCase @Inject constructor(
+    private val repository: SearchRepository,
+) {
+    suspend fun removeWord(word: String) {
+        repository.removeSearchWord(word)
+    }
+
+    suspend fun removeAll() {
+        repository.removeAllSearchWords()
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/search/SetUseRecentSearchWordsUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/search/SetUseRecentSearchWordsUseCase.kt
new file mode 100644
index 00000000..25c7983e
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/search/SetUseRecentSearchWordsUseCase.kt
@@ -0,0 +1,12 @@
+package pokitmons.pokit.domain.usecase.search
+
+import pokitmons.pokit.domain.repository.search.SearchRepository
+import javax.inject.Inject
+
+class SetUseRecentSearchWordsUseCase @Inject constructor(
+    private val repository: SearchRepository,
+) {
+    suspend fun setUse(use: Boolean): Boolean {
+        return repository.setUseRecentSearchWord(use)
+    }
+}
diff --git a/domain/src/main/java/pokitmons/pokit/domain/usecase/setting/EditNicknameUseCase.kt b/domain/src/main/java/pokitmons/pokit/domain/usecase/setting/EditNicknameUseCase.kt
new file mode 100644
index 00000000..b439e285
--- /dev/null
+++ b/domain/src/main/java/pokitmons/pokit/domain/usecase/setting/EditNicknameUseCase.kt
@@ -0,0 +1,15 @@
+package pokitmons.pokit.domain.usecase.setting
+
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.setting.EditNicknameResult
+import pokitmons.pokit.domain.repository.setting.SettingRepository
+import javax.inject.Inject
+
+class EditNicknameUseCase @Inject constructor(private val settingRepository: SettingRepository) {
+    suspend fun editNickname(nickname: String): PokitResult<EditNicknameResult> {
+        return when (val editNicknameResult = settingRepository.editNickname(nickname)) {
+            is PokitResult.Success -> PokitResult.Success(editNicknameResult.result)
+            is PokitResult.Error -> PokitResult.Error(editNicknameResult.error)
+        }
+    }
+}
diff --git a/feature/addlink/.gitignore b/feature/addlink/.gitignore
new file mode 100644
index 00000000..42afabfd
--- /dev/null
+++ b/feature/addlink/.gitignore
@@ -0,0 +1 @@
+/build
\ No newline at end of file
diff --git a/feature/addlink/build.gradle.kts b/feature/addlink/build.gradle.kts
new file mode 100644
index 00000000..59c2c114
--- /dev/null
+++ b/feature/addlink/build.gradle.kts
@@ -0,0 +1,75 @@
+plugins {
+    alias(libs.plugins.com.android.library)
+    alias(libs.plugins.org.jetbrains.kotlin.android)
+    alias(libs.plugins.hilt)
+    id("kotlin-kapt")
+}
+
+android {
+    namespace = "com.strayalpaca.addlink"
+    compileSdk = 34
+
+    defaultConfig {
+        minSdk = 24
+
+        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+        consumerProguardFiles("consumer-rules.pro")
+    }
+
+    buildTypes {
+        release {
+            isMinifyEnabled = false
+            proguardFiles(
+                getDefaultProguardFile("proguard-android-optimize.txt"),
+                "proguard-rules.pro"
+            )
+        }
+    }
+    buildFeatures {
+        compose = true
+    }
+    composeOptions {
+        kotlinCompilerExtensionVersion = "1.5.1"
+    }
+    compileOptions {
+        sourceCompatibility = JavaVersion.VERSION_1_8
+        targetCompatibility = JavaVersion.VERSION_1_8
+    }
+    kotlinOptions {
+        jvmTarget = "1.8"
+    }
+}
+
+dependencies {
+
+    implementation(libs.androidx.core.ktx)
+    implementation(libs.androidx.lifecycle.runtime.ktx)
+    implementation(libs.androidx.activity.compose)
+    implementation(platform(libs.androidx.compose.bom))
+    implementation(libs.androidx.ui)
+    implementation(libs.androidx.ui.graphics)
+    implementation(libs.androidx.ui.tooling.preview)
+    implementation(libs.androidx.material3)
+    testImplementation(libs.junit)
+    androidTestImplementation(libs.androidx.junit)
+    androidTestImplementation(libs.androidx.espresso.core)
+    androidTestImplementation(platform(libs.androidx.compose.bom))
+    androidTestImplementation(libs.androidx.ui.test.junit4)
+    debugImplementation(libs.androidx.ui.tooling)
+    debugImplementation(libs.androidx.ui.test.manifest)
+
+    implementation(libs.orbit.compose)
+    implementation(libs.orbit.core)
+    implementation(libs.orbit.viewmodel)
+
+    // coil
+    implementation(libs.coil.compose)
+
+    // hilt
+    implementation(libs.hilt)
+    kapt(libs.hilt.compiler)
+
+    implementation(project(":core:ui"))
+    implementation(project(":core:feature"))
+    implementation(project(":domain"))
+}
diff --git a/feature/addlink/consumer-rules.pro b/feature/addlink/consumer-rules.pro
new file mode 100644
index 00000000..e69de29b
diff --git a/feature/addlink/proguard-rules.pro b/feature/addlink/proguard-rules.pro
new file mode 100644
index 00000000..481bb434
--- /dev/null
+++ b/feature/addlink/proguard-rules.pro
@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
\ No newline at end of file
diff --git a/feature/addlink/src/androidTest/java/com/strayalpaca/addlink/ExampleInstrumentedTest.kt b/feature/addlink/src/androidTest/java/com/strayalpaca/addlink/ExampleInstrumentedTest.kt
new file mode 100644
index 00000000..8675bf96
--- /dev/null
+++ b/feature/addlink/src/androidTest/java/com/strayalpaca/addlink/ExampleInstrumentedTest.kt
@@ -0,0 +1,22 @@
+package com.strayalpaca.addlink
+
+import androidx.test.ext.junit.runners.AndroidJUnit4
+import androidx.test.platform.app.InstrumentationRegistry
+import org.junit.Assert.assertEquals
+import org.junit.Test
+import org.junit.runner.RunWith
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+        assertEquals("com.strayalpaca.addlink.test", appContext.packageName)
+    }
+}
diff --git a/feature/addlink/src/main/AndroidManifest.xml b/feature/addlink/src/main/AndroidManifest.xml
new file mode 100644
index 00000000..a5918e68
--- /dev/null
+++ b/feature/addlink/src/main/AndroidManifest.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+</manifest>
\ No newline at end of file
diff --git a/feature/addlink/src/main/java/com/strayalpaca/addlink/AddLinkScreen.kt b/feature/addlink/src/main/java/com/strayalpaca/addlink/AddLinkScreen.kt
new file mode 100644
index 00000000..f08baec8
--- /dev/null
+++ b/feature/addlink/src/main/java/com/strayalpaca/addlink/AddLinkScreen.kt
@@ -0,0 +1,363 @@
+package com.strayalpaca.addlink
+
+import androidx.compose.foundation.ExperimentalFoundationApi
+import androidx.compose.foundation.LocalOverscrollConfiguration
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.items
+import androidx.compose.foundation.lazy.rememberLazyListState
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.derivedStateOf
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import com.strayalpaca.addlink.components.block.Link
+import com.strayalpaca.addlink.components.block.Toolbar
+import com.strayalpaca.addlink.model.AddLinkScreenSideEffect
+import com.strayalpaca.addlink.model.AddLinkScreenState
+import com.strayalpaca.addlink.model.ScreenStep
+import com.strayalpaca.addlink.model.ToastMessageEvent
+import com.strayalpaca.addlink.paging.SimplePagingState
+import com.strayalpaca.addlink.utils.BackPressHandler
+import org.orbitmvi.orbit.compose.collectAsState
+import org.orbitmvi.orbit.compose.collectSideEffect
+import pokitmons.pokit.core.ui.components.atom.button.PokitButton
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonIcon
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonIconPosition
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonSize
+import pokitmons.pokit.core.ui.components.atom.inputarea.PokitInputArea
+import pokitmons.pokit.core.ui.components.block.labeledinput.LabeledInput
+import pokitmons.pokit.core.ui.components.block.pokitlist.PokitList
+import pokitmons.pokit.core.ui.components.block.pokitlist.attributes.PokitListState
+import pokitmons.pokit.core.ui.components.block.pokittoast.PokitToast
+import pokitmons.pokit.core.ui.components.block.select.PokitSelect
+import pokitmons.pokit.core.ui.components.block.switchradio.PokitSwitchRadio
+import pokitmons.pokit.core.ui.components.block.switchradio.attributes.PokitSwitchRadioStyle
+import pokitmons.pokit.core.ui.components.template.bottomsheet.PokitBottomSheet
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+fun AddLinkScreenContainer(
+    viewModel: AddLinkViewModel,
+    onBackPressed: () -> Unit,
+    onNavigateToAddPokit: () -> Unit,
+) {
+    val state by viewModel.collectAsState()
+
+    BackPressHandler(onBackPressed = viewModel::onBackPressed)
+
+    viewModel.collectSideEffect { sideEffect ->
+        when (sideEffect) {
+            AddLinkScreenSideEffect.AddLinkSuccess -> {
+                onBackPressed()
+            }
+
+            AddLinkScreenSideEffect.OnNavigationBack -> {
+                onBackPressed()
+            }
+
+            AddLinkScreenSideEffect.OnNavigateToAddPokit -> {
+                onNavigateToAddPokit()
+            }
+        }
+    }
+
+    val url by viewModel.linkUrl.collectAsState()
+    val title by viewModel.title.collectAsState()
+    val memo by viewModel.memo.collectAsState()
+    val pokitList by viewModel.pokitList.collectAsState()
+    val pokitListState by viewModel.pokitListState.collectAsState()
+
+    PokitBottomSheet(
+        onHideBottomSheet = viewModel::hideSelectPokitBottomSheet,
+        show = state.step == ScreenStep.POKIT_SELECT,
+        skipPartiallyExpanded = false
+    ) {
+        val lazyColumnListState = rememberLazyListState()
+        val startPaging = remember {
+            derivedStateOf {
+                lazyColumnListState.layoutInfo.visibleItemsInfo.lastOrNull()?.let { last ->
+                    last.index >= lazyColumnListState.layoutInfo.totalItemsCount - 3
+                } ?: false
+            }
+        }
+
+        LaunchedEffect(Unit) {
+            viewModel.refreshPokits()
+        }
+
+        LaunchedEffect(startPaging.value) {
+            if (startPaging.value && pokitListState == SimplePagingState.IDLE) {
+                viewModel.loadNextPokits()
+            }
+        }
+
+        LazyColumn(
+            state = lazyColumnListState
+        ) {
+            items(
+                items = pokitList
+            ) { pokit ->
+                PokitList(
+                    item = pokit,
+                    title = pokit.title,
+                    sub = stringResource(id = R.string.count_format, pokit.count),
+                    onClickItem = viewModel::selectPokit,
+                    state = PokitListState.ACTIVE
+                )
+            }
+        }
+    }
+
+    AddLinkScreen(
+        isModifyLink = (viewModel.currentLinkId != null),
+        url = url,
+        title = title,
+        memo = memo,
+        state = state,
+        inputUrl = viewModel::inputLinkUrl,
+        inputTitle = viewModel::inputTitle,
+        inputMemo = viewModel::inputMemo,
+        onClickAddPokit = viewModel::checkPokitCount,
+        onClickSelectPokit = viewModel::showSelectPokitBottomSheet,
+        toggleRemindRadio = viewModel::setRemind,
+        onBackPressed = viewModel::onBackPressed,
+        onClickSaveButton = viewModel::saveLink,
+        closeToast = viewModel::closeToastMessage
+    )
+}
+
+@OptIn(ExperimentalFoundationApi::class)
+@Composable
+fun AddLinkScreen(
+    isModifyLink: Boolean,
+    url: String,
+    title: String,
+    memo: String,
+    state: AddLinkScreenState,
+    inputUrl: (String) -> Unit,
+    inputTitle: (String) -> Unit,
+    inputMemo: (String) -> Unit,
+    onClickAddPokit: () -> Unit,
+    onClickSelectPokit: () -> Unit,
+    toggleRemindRadio: (Boolean) -> Unit,
+    onBackPressed: () -> Unit,
+    onClickSaveButton: () -> Unit,
+    closeToast: () -> Unit,
+) {
+    val scrollState = rememberScrollState()
+    val enable = remember(state.step) {
+        !(
+            state.step == ScreenStep.SAVE_LOADING ||
+                state.step == ScreenStep.LOADING ||
+                state.step == ScreenStep.POKIT_ADD_LOADING
+            )
+    }
+
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .background(PokitTheme.colors.backgroundBase)
+    ) {
+        Spacer(modifier = Modifier.height(8.dp))
+
+        Toolbar(
+            modifier = Modifier.fillMaxWidth(),
+            onClickBack = onBackPressed,
+            title = if (isModifyLink) stringResource(id = R.string.modify_link) else stringResource(id = R.string.add_link)
+        )
+
+        Box(
+            modifier = Modifier
+                .fillMaxWidth()
+                .weight(1f)
+        ) {
+            CompositionLocalProvider(
+                LocalOverscrollConfiguration provides null
+            ) {
+                Column(
+                    modifier = Modifier
+                        .fillMaxSize()
+                        .padding(horizontal = 20.dp)
+                        .verticalScroll(
+                            state = scrollState,
+                            flingBehavior = null
+                        )
+                ) {
+                    Spacer(modifier = Modifier.height(16.dp))
+
+                    if (state.link != null) {
+                        Link(link = state.link, title = title.ifEmpty { null })
+                        Spacer(modifier = Modifier.height(16.dp))
+                    }
+
+                    LabeledInput(
+                        label = stringResource(id = R.string.link),
+                        sub = "",
+                        maxLength = null,
+                        inputText = url,
+                        hintText = stringResource(id = R.string.placeholder_link),
+                        onChangeText = inputUrl,
+                        enable = enable
+                    )
+
+                    Spacer(modifier = Modifier.height(24.dp))
+
+                    LabeledInput(
+                        label = stringResource(id = R.string.title),
+                        sub = "",
+                        inputText = title,
+                        hintText = stringResource(id = R.string.placeholder_title),
+                        onChangeText = inputTitle,
+                        enable = enable
+                    )
+
+                    Spacer(modifier = Modifier.height(24.dp))
+
+                    Row(
+                        modifier = Modifier.fillMaxWidth(),
+                        verticalAlignment = Alignment.Bottom
+                    ) {
+                        PokitSelect(
+                            text = if (state.currentPokit == null) stringResource(id = R.string.uncategorized) else state.currentPokit.title,
+                            hintText = stringResource(id = R.string.uncategorized),
+                            label = stringResource(id = R.string.pokit),
+                            modifier = Modifier.weight(1f),
+                            onClick = onClickSelectPokit,
+                            enable = enable
+                        )
+
+                        Spacer(modifier = Modifier.width(8.dp))
+
+                        PokitButton(
+                            text = null,
+                            icon = PokitButtonIcon(
+                                resourceId = pokitmons.pokit.core.ui.R.drawable.icon_24_plus,
+                                position = PokitButtonIconPosition.LEFT
+                            ),
+                            size = PokitButtonSize.LARGE,
+                            onClick = onClickAddPokit,
+                            enable = enable
+                        )
+                    }
+
+                    Spacer(modifier = Modifier.height(24.dp))
+
+                    Text(
+                        text = stringResource(id = R.string.memo),
+                        style = PokitTheme.typography.body2Medium.copy(color = PokitTheme.colors.textSecondary)
+                    )
+
+                    Spacer(modifier = Modifier.height(8.dp))
+
+                    PokitInputArea(
+                        text = memo,
+                        hintText = stringResource(id = R.string.placeholder_memo),
+                        onChangeText = inputMemo,
+                        enable = enable,
+                        isError = memo.length >= 100
+                    )
+
+                    Spacer(modifier = Modifier.height(4.dp))
+
+                    Row(verticalAlignment = Alignment.CenterVertically) {
+                        if (memo.length >= 100) {
+                            Text(
+                                color = PokitTheme.colors.error,
+                                text = "최대 100자까지 입력 가능합니다.",
+                                style = PokitTheme.typography.detail1
+                            )
+                        }
+
+                        Spacer(modifier = Modifier.weight(1f))
+
+                        Text(
+                            color = if (memo.length >= 100) PokitTheme.colors.error else PokitTheme.colors.textTertiary,
+                            modifier = Modifier.weight(1f),
+                            text = "${memo.length}/100",
+                            style = PokitTheme.typography.detail1,
+                            textAlign = TextAlign.End
+                        )
+                    }
+
+                    Spacer(modifier = Modifier.height(24.dp))
+
+                    Text(
+                        text = stringResource(id = R.string.title_remind),
+                        style = PokitTheme.typography.body2Medium.copy(color = PokitTheme.colors.textSecondary)
+                    )
+
+                    Spacer(modifier = Modifier.height(12.dp))
+
+                    PokitSwitchRadio(
+                        modifier = Modifier.fillMaxWidth(),
+                        itemList = listOf(
+                            Pair(stringResource(id = R.string.reject_remind), false),
+                            Pair(stringResource(id = R.string.accept_remind), true)
+                        ),
+                        style = PokitSwitchRadioStyle.STROKE,
+                        selectedItem = if (state.useRemind) {
+                            Pair(stringResource(id = R.string.accept_remind), true)
+                        } else {
+                            Pair(stringResource(id = R.string.reject_remind), false)
+                        },
+                        onClickItem = {
+                            toggleRemindRadio(it.second)
+                        },
+                        getTitleFromItem = { it.first },
+                        enabled = false
+                    )
+
+                    Spacer(modifier = Modifier.height(8.dp))
+
+                    Text(
+                        text = stringResource(id = R.string.see_you_soon),
+                        style = PokitTheme.typography.detail1.copy(color = PokitTheme.colors.textTertiary)
+                    )
+
+                    Spacer(modifier = Modifier.height(32.dp))
+                }
+            }
+
+            state.toastMessage?.let { toastMessageEvent: ToastMessageEvent ->
+                PokitToast(
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .align(Alignment.BottomCenter)
+                        .padding(start = 12.dp, end = 12.dp, bottom = 16.dp),
+                    text = stringResource(id = toastMessageEvent.stringResourceId),
+                    onClickClose = closeToast
+                )
+            }
+        }
+
+        Box(modifier = Modifier.padding(start = 20.dp, end = 20.dp, bottom = 20.dp)) {
+            PokitButton(
+                text = stringResource(id = R.string.save),
+                icon = null,
+                onClick = onClickSaveButton,
+                modifier = Modifier.fillMaxWidth(),
+                size = PokitButtonSize.LARGE
+            )
+        }
+    }
+}
diff --git a/feature/addlink/src/main/java/com/strayalpaca/addlink/AddLinkViewModel.kt b/feature/addlink/src/main/java/com/strayalpaca/addlink/AddLinkViewModel.kt
new file mode 100644
index 00000000..2c089666
--- /dev/null
+++ b/feature/addlink/src/main/java/com/strayalpaca/addlink/AddLinkViewModel.kt
@@ -0,0 +1,306 @@
+package com.strayalpaca.addlink
+
+import androidx.lifecycle.SavedStateHandle
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import com.strayalpaca.addlink.model.AddLinkScreenSideEffect
+import com.strayalpaca.addlink.model.AddLinkScreenState
+import com.strayalpaca.addlink.model.Link
+import com.strayalpaca.addlink.model.Pokit
+import com.strayalpaca.addlink.model.ScreenStep
+import com.strayalpaca.addlink.model.ToastMessageEvent
+import com.strayalpaca.addlink.paging.PokitPaging
+import com.strayalpaca.addlink.paging.SimplePagingState
+import dagger.hilt.android.lifecycle.HiltViewModel
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.Job
+import kotlinx.coroutines.delay
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.flow.collectLatest
+import kotlinx.coroutines.flow.update
+import kotlinx.coroutines.launch
+import org.orbitmvi.orbit.Container
+import org.orbitmvi.orbit.ContainerHost
+import org.orbitmvi.orbit.syntax.simple.intent
+import org.orbitmvi.orbit.syntax.simple.postSideEffect
+import org.orbitmvi.orbit.syntax.simple.reduce
+import org.orbitmvi.orbit.viewmodel.container
+import pokitmons.pokit.core.feature.navigation.args.LinkArg
+import pokitmons.pokit.core.feature.navigation.args.LinkUpdateEvent
+import pokitmons.pokit.core.feature.navigation.args.PokitUpdateEvent
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.pokit.MAX_POKIT_COUNT
+import pokitmons.pokit.domain.usecase.link.CreateLinkUseCase
+import pokitmons.pokit.domain.usecase.link.GetLinkCardUseCase
+import pokitmons.pokit.domain.usecase.link.GetLinkUseCase
+import pokitmons.pokit.domain.usecase.link.ModifyLinkUseCase
+import pokitmons.pokit.domain.usecase.pokit.GetPokitCountUseCase
+import pokitmons.pokit.domain.usecase.pokit.GetPokitsUseCase
+import pokitmons.pokit.domain.usecase.pokit.GetUncategorizedPokitUseCase
+import javax.inject.Inject
+
+@HiltViewModel
+class AddLinkViewModel @Inject constructor(
+    private val getLinkUseCase: GetLinkUseCase,
+    private val getLinkCardUseCase: GetLinkCardUseCase,
+    private val createLinkUseCase: CreateLinkUseCase,
+    private val modifyLinkUseCase: ModifyLinkUseCase,
+    private val getPokitCountUseCase: GetPokitCountUseCase,
+    private val getUncategorizedPokitUseCase: GetUncategorizedPokitUseCase,
+    getPokitsUseCase: GetPokitsUseCase,
+    savedStateHandle: SavedStateHandle,
+) : ContainerHost<AddLinkScreenState, AddLinkScreenSideEffect>, ViewModel() {
+    override val container: Container<AddLinkScreenState, AddLinkScreenSideEffect> = container(AddLinkScreenState())
+
+    private val pokitPaging = PokitPaging(
+        getPokits = getPokitsUseCase,
+        perPage = 10,
+        coroutineScope = viewModelScope,
+        initPage = 0
+    )
+
+    val pokitList: StateFlow<List<Pokit>> = pokitPaging.pagingData
+    val pokitListState: StateFlow<SimplePagingState> = pokitPaging.pagingState
+
+    private val _linkUrl = MutableStateFlow("")
+    val linkUrl: StateFlow<String> = _linkUrl.asStateFlow()
+
+    private val _title = MutableStateFlow("")
+    val title: StateFlow<String> = _title.asStateFlow()
+
+    private val _memo = MutableStateFlow("")
+    val memo: StateFlow<String> = _memo.asStateFlow()
+
+    val currentLinkId: Int? = savedStateHandle.get<String>("link_id")?.toIntOrNull()
+
+    init {
+        initPokitAddEventDetector()
+
+        if (currentLinkId != null) {
+            loadPokitLink(currentLinkId)
+        } else {
+            loadUncategorizedPokit()
+        }
+    }
+
+    private fun initPokitAddEventDetector() {
+        viewModelScope.launch {
+            PokitUpdateEvent.addedPokit.collectLatest { addedPokit ->
+                intent {
+                    reduce {
+                        state.copy(currentPokit = Pokit(addedPokit.title, addedPokit.id.toString(), 0))
+                    }
+                }
+            }
+        }
+    }
+
+    private fun loadUncategorizedPokit() {
+        viewModelScope.launch {
+            val response = getUncategorizedPokitUseCase.getUncategoriezdPokit()
+            if (response is PokitResult.Success) {
+                intent {
+                    reduce {
+                        state.copy(
+                            currentPokit = Pokit(
+                                title = response.result.name,
+                                id = response.result.categoryId.toString(),
+                                count = response.result.linkCount
+                            )
+                        )
+                    }
+                }
+            }
+        }
+    }
+
+    private var inputLinkJob: Job? = null
+
+    private fun loadPokitLink(linkId: Int) = intent {
+        viewModelScope.launch(Dispatchers.IO) {
+            reduce { state.copy(step = ScreenStep.LOADING) }
+            val response = getLinkUseCase.getLink(linkId)
+            if (response is PokitResult.Success) {
+                val responseResult = response.result
+                reduce {
+                    state.copy(
+                        link = Link.fromDomainLink(responseResult),
+                        useRemind = responseResult.alertYn == "Y",
+                        currentPokit = Pokit(
+                            title = responseResult.categoryName,
+                            id = responseResult.categoryId.toString(),
+                            count = 0
+                        ),
+                        step = ScreenStep.IDLE
+                    )
+                }
+                _title.update { response.result.title }
+                _memo.update { response.result.memo }
+                _linkUrl.update { response.result.data }
+                getLinkMetaData(response.result.data)
+            } else {
+                postSideEffect(AddLinkScreenSideEffect.OnNavigationBack)
+            }
+        }
+    }
+
+    fun inputLinkUrl(linkUrl: String) {
+        this._linkUrl.update { linkUrl }
+
+        intent {
+            inputLinkJob?.cancel()
+            inputLinkJob = viewModelScope.launch(Dispatchers.IO) {
+                delay(1000L)
+                reduce { state.copy(step = ScreenStep.LINK_LOADING, link = null) }
+
+                getLinkMetaData(linkUrl)
+            }
+        }
+    }
+
+    private suspend fun getLinkMetaData(linkUrl: String) = intent {
+        val response = getLinkCardUseCase.getLinkCard(linkUrl)
+        if (response is PokitResult.Success) {
+            reduce { state.copy(step = ScreenStep.IDLE, link = Link.fromDomainLinkCard(response.result)) }
+            if (response.result.title.isNotEmpty() && title.value.isEmpty()) {
+                _title.update { response.result.title }
+            }
+        } else {
+            reduce { state.copy(step = ScreenStep.IDLE) }
+        }
+    }
+
+    fun inputTitle(title: String) {
+        _title.update { title }
+    }
+
+    fun inputMemo(memo: String) {
+        if (memo.length <= 100) {
+            _memo.update { memo }
+        }
+    }
+
+    fun showSelectPokitBottomSheet() = intent {
+        reduce { state.copy(step = ScreenStep.POKIT_SELECT) }
+    }
+
+    fun hideSelectPokitBottomSheet() = intent {
+        reduce { state.copy(step = ScreenStep.IDLE) }
+    }
+
+    fun selectPokit(pokit: Pokit) = intent {
+        reduce { state.copy(currentPokit = pokit, step = ScreenStep.IDLE) }
+    }
+
+    fun onBackPressed() = intent {
+        val currentStep = container.stateFlow.value.step
+        when (currentStep) {
+            is ScreenStep.POKIT_ADD_LOADING -> {} // discard
+
+            is ScreenStep.SAVE_LOADING -> {} // discard
+
+            ScreenStep.POKIT_SELECT -> reduce { state.copy(step = ScreenStep.IDLE) }
+
+            is ScreenStep.POKIT_ADD -> reduce { state.copy(step = ScreenStep.IDLE) }
+
+            else -> postSideEffect(AddLinkScreenSideEffect.OnNavigationBack)
+        }
+    }
+
+    fun saveLink() = intent {
+        viewModelScope.launch(Dispatchers.IO) {
+            val currentState = state.copy()
+            val currentSelectedPokit = currentState.currentPokit ?: return@launch
+            if (!canSave(currentState)) return@launch
+
+            reduce { state.copy(step = ScreenStep.LINK_LOADING) }
+
+            val isModify = currentLinkId != null
+            val response = if (isModify) {
+                modifyLinkUseCase.modifyLink(
+                    linkId = currentLinkId!!,
+                    data = currentState.link!!.url,
+                    title = title.value,
+                    categoryId = currentSelectedPokit.id.toInt(),
+                    memo = memo.value,
+                    alertYn = if (currentState.useRemind) "Y" else "n",
+                    thumbNail = currentState.link.imageUrl ?: ""
+                )
+            } else {
+                createLinkUseCase.createLink(
+                    data = currentState.link!!.url,
+                    title = title.value,
+                    categoryId = currentSelectedPokit.id.toInt(),
+                    memo = memo.value,
+                    alertYn = if (currentState.useRemind) "Y" else "n",
+                    thumbNail = currentState.link.imageUrl ?: ""
+                )
+            }
+            if (response is PokitResult.Success) {
+                reduce { state.copy(step = ScreenStep.IDLE) }
+                val responseLink = response.result
+
+                val linkArg = LinkArg(
+                    id = responseLink.id,
+                    title = responseLink.title,
+                    thumbnail = currentState.link.imageUrl ?: responseLink.thumbnail,
+                    domain = responseLink.domain,
+                    createdAt = responseLink.createdAt,
+                    pokitId = currentSelectedPokit.id.toInt()
+                )
+
+                val isCreate = (currentLinkId == null)
+                if (isCreate) {
+                    LinkUpdateEvent.createSuccess(linkArg)
+                } else {
+                    LinkUpdateEvent.modifySuccess(linkArg)
+                }
+
+                postSideEffect(AddLinkScreenSideEffect.AddLinkSuccess)
+            } else {
+                reduce { state.copy(step = ScreenStep.IDLE, toastMessage = ToastMessageEvent.NETWORK_ERROR) }
+            }
+        }
+    }
+
+    private fun canSave(state: AddLinkScreenState): Boolean {
+        return (state.currentPokit != null && state.link != null)
+    }
+
+    fun setRemind(remind: Boolean) = intent {
+        reduce { state.copy(useRemind = remind) }
+    }
+
+    fun loadNextPokits() {
+        viewModelScope.launch {
+            pokitPaging.load()
+        }
+    }
+
+    fun refreshPokits() {
+        viewModelScope.launch {
+            pokitPaging.refresh()
+        }
+    }
+
+    fun checkPokitCount() = intent {
+        viewModelScope.launch {
+            val response = getPokitCountUseCase.getPokitCount()
+            if (response is PokitResult.Success) {
+                if (response.result >= MAX_POKIT_COUNT) {
+                    reduce { state.copy(toastMessage = ToastMessageEvent.CANNOT_CREATE_POKIT_MORE) }
+                } else {
+                    postSideEffect(AddLinkScreenSideEffect.OnNavigateToAddPokit)
+                }
+            } else {
+                reduce { state.copy(toastMessage = ToastMessageEvent.NETWORK_ERROR) }
+            }
+        }
+    }
+
+    fun closeToastMessage() = intent {
+        reduce { state.copy(toastMessage = null) }
+    }
+}
diff --git a/feature/addlink/src/main/java/com/strayalpaca/addlink/Preview.kt b/feature/addlink/src/main/java/com/strayalpaca/addlink/Preview.kt
new file mode 100644
index 00000000..f7bab065
--- /dev/null
+++ b/feature/addlink/src/main/java/com/strayalpaca/addlink/Preview.kt
@@ -0,0 +1,37 @@
+package com.strayalpaca.addlink
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import com.strayalpaca.addlink.model.AddLinkScreenState
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+fun AddLinkScreenPreview() {
+    PokitTheme {
+        Column(
+            modifier = Modifier.fillMaxSize().background(PokitTheme.colors.backgroundBase)
+        ) {
+            AddLinkScreen(
+                isModifyLink = false,
+                url = "",
+                title = "",
+                memo = "",
+                state = AddLinkScreenState(),
+                inputUrl = {},
+                inputTitle = {},
+                inputMemo = {},
+                onClickAddPokit = {},
+                onClickSelectPokit = {},
+                toggleRemindRadio = {},
+                onBackPressed = {},
+                onClickSaveButton = {},
+                closeToast = {}
+            )
+        }
+    }
+}
diff --git a/feature/addlink/src/main/java/com/strayalpaca/addlink/components/block/Link.kt b/feature/addlink/src/main/java/com/strayalpaca/addlink/components/block/Link.kt
new file mode 100644
index 00000000..23a336da
--- /dev/null
+++ b/feature/addlink/src/main/java/com/strayalpaca/addlink/components/block/Link.kt
@@ -0,0 +1,84 @@
+package com.strayalpaca.addlink.components.block
+
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.IntrinsicSize
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.platform.LocalUriHandler
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import coil.compose.AsyncImage
+import com.strayalpaca.addlink.R
+import com.strayalpaca.addlink.model.Link
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.utils.noRippleClickable
+
+@Composable
+internal fun Link(
+    link: Link,
+    title: String?,
+    modifier: Modifier = Modifier,
+    openWebBrowserByClick: Boolean = true,
+) {
+    val uriHandler = LocalUriHandler.current
+    val placeHolder = stringResource(id = R.string.placeholder_title)
+    val linkTitle = remember(link, title) { title ?: link.title.ifEmpty { placeHolder } }
+
+    Row(
+        modifier = modifier
+            .fillMaxWidth()
+            .clip(RoundedCornerShape(12.dp))
+            .noRippleClickable {
+                if (openWebBrowserByClick) {
+                    uriHandler.openUri(link.url)
+                }
+            }
+            .height(IntrinsicSize.Min)
+            .border(
+                width = 1.dp,
+                color = PokitTheme.colors.borderTertiary,
+                shape = RoundedCornerShape(12.dp)
+            )
+    ) {
+        AsyncImage(
+            model = link.imageUrl,
+            contentDescription = null,
+            contentScale = ContentScale.Crop,
+            modifier = Modifier.width(124.dp)
+        )
+
+        Column(
+            modifier = Modifier
+                .padding(start = 16.dp, end = 20.dp, top = 16.dp, bottom = 16.dp)
+                .weight(1f)
+        ) {
+            Text(
+                modifier = Modifier.fillMaxWidth(),
+                text = linkTitle,
+                maxLines = 2,
+                style = PokitTheme.typography.body3Medium.copy(color = PokitTheme.colors.textSecondary)
+            )
+
+            Spacer(modifier = Modifier.height(8.dp))
+
+            Text(
+                modifier = Modifier.fillMaxWidth(),
+                text = link.url,
+                maxLines = 2,
+                style = PokitTheme.typography.detail2.copy(color = PokitTheme.colors.textTertiary)
+            )
+        }
+    }
+}
diff --git a/feature/addlink/src/main/java/com/strayalpaca/addlink/components/block/Toolbar.kt b/feature/addlink/src/main/java/com/strayalpaca/addlink/components/block/Toolbar.kt
new file mode 100644
index 00000000..5a5c5254
--- /dev/null
+++ b/feature/addlink/src/main/java/com/strayalpaca/addlink/components/block/Toolbar.kt
@@ -0,0 +1,53 @@
+package com.strayalpaca.addlink.components.block
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+internal fun Toolbar(
+    onClickBack: () -> Unit,
+    title: String,
+    modifier: Modifier = Modifier,
+) {
+    Row(
+        modifier = modifier
+            .height(56.dp)
+            .padding(horizontal = 12.dp),
+        verticalAlignment = Alignment.CenterVertically,
+        horizontalArrangement = Arrangement.Center
+    ) {
+        IconButton(
+            modifier = Modifier.size(48.dp),
+            onClick = onClickBack
+        ) {
+            Icon(
+                painter = painterResource(id = pokitmons.pokit.core.ui.R.drawable.icon_24_arrow_left),
+                contentDescription = "back button"
+            )
+        }
+
+        Text(
+            modifier = Modifier.weight(1f),
+            text = title,
+            style = PokitTheme.typography.title3.copy(color = PokitTheme.colors.textPrimary),
+            textAlign = TextAlign.Center
+        )
+
+        Spacer(modifier = Modifier.width(48.dp))
+    }
+}
diff --git a/feature/addlink/src/main/java/com/strayalpaca/addlink/model/AddLinkScreenState.kt b/feature/addlink/src/main/java/com/strayalpaca/addlink/model/AddLinkScreenState.kt
new file mode 100644
index 00000000..33b673e5
--- /dev/null
+++ b/feature/addlink/src/main/java/com/strayalpaca/addlink/model/AddLinkScreenState.kt
@@ -0,0 +1,32 @@
+package com.strayalpaca.addlink.model
+
+import com.strayalpaca.addlink.R
+
+data class AddLinkScreenState(
+    val link: Link? = null,
+    val currentPokit: Pokit? = null,
+    val useRemind: Boolean = false,
+    val step: ScreenStep = ScreenStep.IDLE,
+    val toastMessage: ToastMessageEvent? = null,
+)
+
+sealed class ScreenStep {
+    data object LOADING : ScreenStep()
+    data object IDLE : ScreenStep()
+    data object LINK_LOADING : ScreenStep()
+    data object POKIT_SELECT : ScreenStep()
+    data object POKIT_ADD : ScreenStep()
+    data object POKIT_ADD_LOADING : ScreenStep()
+    data object SAVE_LOADING : ScreenStep()
+}
+
+sealed class AddLinkScreenSideEffect {
+    data object AddLinkSuccess : AddLinkScreenSideEffect()
+    data object OnNavigationBack : AddLinkScreenSideEffect()
+    data object OnNavigateToAddPokit : AddLinkScreenSideEffect()
+}
+
+enum class ToastMessageEvent(val stringResourceId: Int) {
+    NETWORK_ERROR(R.string.network_error),
+    CANNOT_CREATE_POKIT_MORE(R.string.toast_cannot_create_pokit),
+}
diff --git a/feature/addlink/src/main/java/com/strayalpaca/addlink/model/Link.kt b/feature/addlink/src/main/java/com/strayalpaca/addlink/model/Link.kt
new file mode 100644
index 00000000..361cfcb0
--- /dev/null
+++ b/feature/addlink/src/main/java/com/strayalpaca/addlink/model/Link.kt
@@ -0,0 +1,28 @@
+package com.strayalpaca.addlink.model
+
+import pokitmons.pokit.domain.model.link.Link as DomainLink
+import pokitmons.pokit.domain.model.link.LinkCard as DomainLinkCard
+
+data class Link(
+    val url: String,
+    val title: String,
+    val imageUrl: String?,
+) {
+    companion object {
+        fun fromDomainLink(domainLink: DomainLink): Link {
+            return Link(
+                url = domainLink.data,
+                title = domainLink.title,
+                imageUrl = domainLink.thumbnail
+            )
+        }
+
+        fun fromDomainLinkCard(domainLinkCard: DomainLinkCard): Link {
+            return Link(
+                url = domainLinkCard.url,
+                title = domainLinkCard.title,
+                imageUrl = domainLinkCard.thumbnailUrl
+            )
+        }
+    }
+}
diff --git a/feature/addlink/src/main/java/com/strayalpaca/addlink/model/Pokit.kt b/feature/addlink/src/main/java/com/strayalpaca/addlink/model/Pokit.kt
new file mode 100644
index 00000000..79c6450d
--- /dev/null
+++ b/feature/addlink/src/main/java/com/strayalpaca/addlink/model/Pokit.kt
@@ -0,0 +1,19 @@
+package com.strayalpaca.addlink.model
+
+import pokitmons.pokit.domain.model.pokit.Pokit as DomainPokit
+
+data class Pokit(
+    val title: String,
+    val id: String,
+    val count: Int,
+) {
+    companion object {
+        fun fromDomainPokit(pokit: DomainPokit): Pokit {
+            return Pokit(
+                title = pokit.name,
+                id = pokit.categoryId.toString(),
+                count = pokit.linkCount
+            )
+        }
+    }
+}
diff --git a/feature/addlink/src/main/java/com/strayalpaca/addlink/paging/PokitPaging.kt b/feature/addlink/src/main/java/com/strayalpaca/addlink/paging/PokitPaging.kt
new file mode 100644
index 00000000..581f5f91
--- /dev/null
+++ b/feature/addlink/src/main/java/com/strayalpaca/addlink/paging/PokitPaging.kt
@@ -0,0 +1,125 @@
+package com.strayalpaca.addlink.paging
+
+import com.strayalpaca.addlink.model.Pokit
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.Job
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.flow.update
+import kotlinx.coroutines.launch
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.usecase.pokit.GetPokitsUseCase
+import kotlin.coroutines.cancellation.CancellationException
+
+class PokitPaging(
+    private val getPokits: GetPokitsUseCase,
+    private val perPage: Int = 10,
+    private val coroutineScope: CoroutineScope = CoroutineScope(Dispatchers.IO),
+    private val initPage: Int = 0,
+    private val firstRequestPage: Int = 3,
+    private val showUncategorizedPokit: Boolean = true,
+) : SimplePaging<Pokit> {
+    private val _pagingState = MutableStateFlow(SimplePagingState.IDLE)
+    override val pagingState: StateFlow<SimplePagingState> = _pagingState.asStateFlow()
+
+    private val _pagingData: MutableStateFlow<List<Pokit>> = MutableStateFlow(emptyList())
+    override val pagingData: StateFlow<List<Pokit>> = _pagingData.asStateFlow()
+    private var currentPageIndex = initPage
+    private var requestJob: Job? = null
+
+    override suspend fun refresh() {
+        requestJob?.cancel()
+
+        _pagingData.update { emptyList() }
+        _pagingState.update { SimplePagingState.LOADING_INIT }
+        requestJob = coroutineScope.launch {
+            try {
+                currentPageIndex = initPage
+                val response = getPokits.getPokits(size = perPage * firstRequestPage, page = currentPageIndex, filterUncategorized = !showUncategorizedPokit)
+                when (response) {
+                    is PokitResult.Success -> {
+                        val pokitList = response.result.map { domainPokit ->
+                            Pokit.fromDomainPokit(domainPokit)
+                        }
+                        applyResponse(pokitList, firstRequestPage)
+                    }
+
+                    is PokitResult.Error -> {
+                        _pagingState.update { SimplePagingState.FAILURE_INIT }
+                    }
+                }
+            } catch (exception: Exception) {
+                if (exception !is CancellationException) {
+                    _pagingState.update { SimplePagingState.FAILURE_INIT }
+                }
+            }
+        }
+    }
+
+    override suspend fun load() {
+        if (pagingState.value != SimplePagingState.IDLE) return
+
+        requestJob?.cancel()
+        _pagingState.update { SimplePagingState.LOADING_NEXT }
+
+        requestJob = coroutineScope.launch {
+            try {
+                val response = getPokits.getPokits(size = perPage, page = currentPageIndex, filterUncategorized = !showUncategorizedPokit)
+                when (response) {
+                    is PokitResult.Success -> {
+                        val pokitList = response.result.map { domainPokit ->
+                            Pokit.fromDomainPokit(domainPokit)
+                        }
+                        applyResponse(pokitList)
+                    }
+
+                    is PokitResult.Error -> {
+                        _pagingState.update { SimplePagingState.FAILURE_NEXT }
+                    }
+                }
+            } catch (exception: Exception) {
+                if (exception !is CancellationException) {
+                    _pagingState.update { SimplePagingState.FAILURE_NEXT }
+                }
+            }
+        }
+    }
+
+    private fun applyResponse(dataInResponse: List<Pokit>, multiple: Int = 1) {
+        if (dataInResponse.size < perPage * multiple) {
+            _pagingState.update { SimplePagingState.LAST }
+        } else {
+            _pagingState.update { SimplePagingState.IDLE }
+        }
+        _pagingData.update { _pagingData.value + dataInResponse }
+        currentPageIndex += multiple
+    }
+
+    override fun clear() {
+        requestJob?.cancel()
+        _pagingData.update { emptyList() }
+        _pagingState.update { SimplePagingState.IDLE }
+    }
+
+    override suspend fun deleteItem(item: Pokit) {
+        val capturedDataList = _pagingData.value
+        _pagingData.update { capturedDataList.filter { it.id != item.id } }
+    }
+
+    override suspend fun modifyItem(item: Pokit) {
+        val capturedDataList = _pagingData.value
+        val targetPokit = capturedDataList.find { it.id == item.id } ?: return
+
+        _pagingData.update {
+            capturedDataList.map { pokit ->
+                if (targetPokit.id == pokit.id) {
+                    item
+                } else {
+                    pokit
+                }
+            }
+        }
+    }
+}
diff --git a/feature/addlink/src/main/java/com/strayalpaca/addlink/paging/SimplePaging.kt b/feature/addlink/src/main/java/com/strayalpaca/addlink/paging/SimplePaging.kt
new file mode 100644
index 00000000..e89daa6a
--- /dev/null
+++ b/feature/addlink/src/main/java/com/strayalpaca/addlink/paging/SimplePaging.kt
@@ -0,0 +1,13 @@
+package com.strayalpaca.addlink.paging
+
+import kotlinx.coroutines.flow.Flow
+
+interface SimplePaging<T> {
+    val pagingData: Flow<List<T>>
+    suspend fun refresh()
+    suspend fun load()
+    val pagingState: Flow<SimplePagingState>
+    suspend fun modifyItem(item: T)
+    suspend fun deleteItem(item: T)
+    fun clear()
+}
diff --git a/feature/addlink/src/main/java/com/strayalpaca/addlink/paging/SimplePagingState.kt b/feature/addlink/src/main/java/com/strayalpaca/addlink/paging/SimplePagingState.kt
new file mode 100644
index 00000000..4c1bfc2c
--- /dev/null
+++ b/feature/addlink/src/main/java/com/strayalpaca/addlink/paging/SimplePagingState.kt
@@ -0,0 +1,5 @@
+package com.strayalpaca.addlink.paging
+
+enum class SimplePagingState {
+    IDLE, LOADING_NEXT, LOADING_INIT, FAILURE_NEXT, FAILURE_INIT, LAST
+}
diff --git a/feature/addlink/src/main/java/com/strayalpaca/addlink/utils/BackPressHandler.kt b/feature/addlink/src/main/java/com/strayalpaca/addlink/utils/BackPressHandler.kt
new file mode 100644
index 00000000..dc0796d5
--- /dev/null
+++ b/feature/addlink/src/main/java/com/strayalpaca/addlink/utils/BackPressHandler.kt
@@ -0,0 +1,35 @@
+package com.strayalpaca.addlink.utils
+
+import androidx.activity.OnBackPressedCallback
+import androidx.activity.OnBackPressedDispatcher
+import androidx.activity.compose.LocalOnBackPressedDispatcherOwner
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.DisposableEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberUpdatedState
+
+@Composable
+internal fun BackPressHandler(
+    backPressedDispatcher: OnBackPressedDispatcher? =
+        LocalOnBackPressedDispatcherOwner.current?.onBackPressedDispatcher,
+    onBackPressed: () -> Unit,
+) {
+    val currentOnBackPressed by rememberUpdatedState(newValue = onBackPressed)
+
+    val backCallback = remember {
+        object : OnBackPressedCallback(true) {
+            override fun handleOnBackPressed() {
+                currentOnBackPressed()
+            }
+        }
+    }
+
+    DisposableEffect(backPressedDispatcher) {
+        backPressedDispatcher?.addCallback(backCallback)
+
+        onDispose {
+            backCallback.remove()
+        }
+    }
+}
diff --git a/feature/addlink/src/main/res/values/string.xml b/feature/addlink/src/main/res/values/string.xml
new file mode 100644
index 00000000..6db0e72a
--- /dev/null
+++ b/feature/addlink/src/main/res/values/string.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="add_link">링크 추가</string>
+    <string name="modify_link">링크 수정</string>
+    <string name="link">링크</string>
+    <string name="placeholder_link">내용을 입력해주세요.</string>
+    <string name="title">제목</string>
+    <string name="placeholder_title">제목을 입력해주세요.</string>
+    <string name="pokit">포킷</string>
+    <string name="memo">메모</string>
+    <string name="placeholder_memo">내용을 입력해주세요.</string>
+    <string name="title_remind">리마인드 알림을 보내드릴까요?</string>
+    <string name="reject_remind">안받을래요</string>
+    <string name="accept_remind">받을래요</string>
+    <string name="sub_remind">일주일 후에 알림을 전송해드립니다.</string>
+    <string name="save">저장하기</string>
+    <string name="uncategorized">미분류</string>
+
+    <string name="placeholder_input_pokit_name">포킷명을 입력해주세요.</string>
+    <string name="add">추가하기</string>
+    <string name="count_format">링크 %d개</string>
+
+    <string name="network_error">네트워크 에러가 발생했습니다. 네트워크 환경을 확인해주세요.</string>
+    <string name="toast_cannot_create_pokit">최대 30개의 포킷을 생성할 수 있습니다.\n포킷을 삭제한 뒤에 추가해주세요.</string>
+
+    <string name="see_you_soon">준비중인 기능이니 조금만 기다려주세요.</string>
+</resources>
\ No newline at end of file
diff --git a/feature/addlink/src/test/java/com/strayalpaca/addlink/ExampleUnitTest.kt b/feature/addlink/src/test/java/com/strayalpaca/addlink/ExampleUnitTest.kt
new file mode 100644
index 00000000..5093231d
--- /dev/null
+++ b/feature/addlink/src/test/java/com/strayalpaca/addlink/ExampleUnitTest.kt
@@ -0,0 +1,16 @@
+package com.strayalpaca.addlink
+
+import org.junit.Assert.assertEquals
+import org.junit.Test
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+class ExampleUnitTest {
+    @Test
+    fun addition_isCorrect() {
+        assertEquals(4, 2 + 2)
+    }
+}
diff --git a/feature/addpokit/.gitignore b/feature/addpokit/.gitignore
new file mode 100644
index 00000000..42afabfd
--- /dev/null
+++ b/feature/addpokit/.gitignore
@@ -0,0 +1 @@
+/build
\ No newline at end of file
diff --git a/feature/addpokit/build.gradle.kts b/feature/addpokit/build.gradle.kts
new file mode 100644
index 00000000..9f9f9b69
--- /dev/null
+++ b/feature/addpokit/build.gradle.kts
@@ -0,0 +1,75 @@
+plugins {
+    alias(libs.plugins.com.android.library)
+    alias(libs.plugins.org.jetbrains.kotlin.android)
+    alias(libs.plugins.hilt)
+    id("kotlin-kapt")
+}
+
+android {
+    namespace = "com.strayalpaca.addpokit"
+    compileSdk = 34
+
+    defaultConfig {
+        minSdk = 24
+
+        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+        consumerProguardFiles("consumer-rules.pro")
+    }
+
+    buildTypes {
+        release {
+            isMinifyEnabled = false
+            proguardFiles(
+                getDefaultProguardFile("proguard-android-optimize.txt"),
+                "proguard-rules.pro"
+            )
+        }
+    }
+    buildFeatures {
+        compose = true
+    }
+    composeOptions {
+        kotlinCompilerExtensionVersion = "1.5.1"
+    }
+    compileOptions {
+        sourceCompatibility = JavaVersion.VERSION_1_8
+        targetCompatibility = JavaVersion.VERSION_1_8
+    }
+    kotlinOptions {
+        jvmTarget = "1.8"
+    }
+}
+
+dependencies {
+
+    implementation(libs.androidx.core.ktx)
+    implementation(libs.androidx.lifecycle.runtime.ktx)
+    implementation(libs.androidx.activity.compose)
+    implementation(platform(libs.androidx.compose.bom))
+    implementation(libs.androidx.ui)
+    implementation(libs.androidx.ui.graphics)
+    implementation(libs.androidx.ui.tooling.preview)
+    implementation(libs.androidx.material3)
+    testImplementation(libs.junit)
+    androidTestImplementation(libs.androidx.junit)
+    androidTestImplementation(libs.androidx.espresso.core)
+    androidTestImplementation(platform(libs.androidx.compose.bom))
+    androidTestImplementation(libs.androidx.ui.test.junit4)
+    debugImplementation(libs.androidx.ui.tooling)
+    debugImplementation(libs.androidx.ui.test.manifest)
+
+    implementation(libs.orbit.compose)
+    implementation(libs.orbit.core)
+    implementation(libs.orbit.viewmodel)
+
+    // hilt
+    implementation(libs.hilt)
+    kapt(libs.hilt.compiler)
+
+    // coil
+    implementation(libs.coil.compose)
+
+    implementation(project(":core:ui"))
+    implementation(project(":core:feature"))
+    implementation(project(":domain"))
+}
diff --git a/feature/addpokit/consumer-rules.pro b/feature/addpokit/consumer-rules.pro
new file mode 100644
index 00000000..e69de29b
diff --git a/feature/addpokit/proguard-rules.pro b/feature/addpokit/proguard-rules.pro
new file mode 100644
index 00000000..481bb434
--- /dev/null
+++ b/feature/addpokit/proguard-rules.pro
@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
\ No newline at end of file
diff --git a/feature/addpokit/src/androidTest/java/com/strayalpaca/addpokit/ExampleInstrumentedTest.kt b/feature/addpokit/src/androidTest/java/com/strayalpaca/addpokit/ExampleInstrumentedTest.kt
new file mode 100644
index 00000000..943ab772
--- /dev/null
+++ b/feature/addpokit/src/androidTest/java/com/strayalpaca/addpokit/ExampleInstrumentedTest.kt
@@ -0,0 +1,22 @@
+package com.strayalpaca.addpokit
+
+import androidx.test.ext.junit.runners.AndroidJUnit4
+import androidx.test.platform.app.InstrumentationRegistry
+import org.junit.Assert.assertEquals
+import org.junit.Test
+import org.junit.runner.RunWith
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+        assertEquals("com.strayalpaca.addpokit.test", appContext.packageName)
+    }
+}
diff --git a/feature/addpokit/src/main/AndroidManifest.xml b/feature/addpokit/src/main/AndroidManifest.xml
new file mode 100644
index 00000000..a5918e68
--- /dev/null
+++ b/feature/addpokit/src/main/AndroidManifest.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+</manifest>
\ No newline at end of file
diff --git a/feature/addpokit/src/main/java/com/strayalpaca/addpokit/AddPokitScreen.kt b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/AddPokitScreen.kt
new file mode 100644
index 00000000..aa5029f7
--- /dev/null
+++ b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/AddPokitScreen.kt
@@ -0,0 +1,306 @@
+package com.strayalpaca.addpokit
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.offset
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.grid.GridCells
+import androidx.compose.foundation.lazy.grid.LazyVerticalGrid
+import androidx.compose.foundation.lazy.grid.items
+import androidx.compose.foundation.lazy.items
+import androidx.compose.foundation.lazy.rememberLazyListState
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.CircularProgressIndicator
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.derivedStateOf
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.ColorFilter
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import coil.compose.AsyncImage
+import com.strayalpaca.addpokit.components.atom.PokitProfileImage
+import com.strayalpaca.addpokit.components.block.Toolbar
+import com.strayalpaca.addpokit.model.AddPokitScreenState
+import com.strayalpaca.addpokit.model.AddPokitScreenStep
+import com.strayalpaca.addpokit.model.AddPokitSideEffect
+import com.strayalpaca.addpokit.model.Pokit
+import com.strayalpaca.addpokit.model.PokitImage
+import com.strayalpaca.addpokit.paging.SimplePagingState
+import com.strayalpaca.addpokit.utils.BackPressHandler
+import org.orbitmvi.orbit.compose.collectSideEffect
+import pokitmons.pokit.core.ui.components.atom.button.PokitButton
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonSize
+import pokitmons.pokit.core.ui.components.block.labeledinput.LabeledInput
+import pokitmons.pokit.core.ui.components.block.pokitlist.PokitList
+import pokitmons.pokit.core.ui.components.block.pokitlist.attributes.PokitListState
+import pokitmons.pokit.core.ui.components.block.pokittoast.PokitToast
+import pokitmons.pokit.core.ui.components.template.bottomsheet.PokitBottomSheet
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.utils.noRippleClickable
+import pokitmons.pokit.core.ui.R.drawable as coreDrawable
+import pokitmons.pokit.core.ui.R.string as coreString
+
+@Composable
+fun AddPokitScreenContainer(
+    viewModel: AddPokitViewModel,
+    onBackPressed: () -> Unit,
+) {
+    val state by viewModel.container.stateFlow.collectAsState()
+    val pokitName by viewModel.pokitName.collectAsState()
+    val images by viewModel.pokitImages.collectAsState()
+    val pokits by viewModel.pokitList.collectAsState()
+    val pokitsState by viewModel.pokitListState.collectAsState()
+
+    val saveButtonEnable = remember {
+        derivedStateOf {
+            state.step != AddPokitScreenStep.POKIT_SAVE_LOADING &&
+                state.pokitInputErrorMessage == null &&
+                state.errorToastMessage == null &&
+                state.pokitImage != null
+        }
+    }
+
+    viewModel.collectSideEffect { sideEffect ->
+        when (sideEffect) {
+            AddPokitSideEffect.OnNavigationBack -> {
+                onBackPressed()
+            }
+        }
+    }
+
+    BackPressHandler(onBackPressed = viewModel::onBackPressed)
+
+    AddPokitScreen(
+        pokitName = pokitName,
+        state = state,
+        saveButtonEnable = saveButtonEnable.value,
+        onclickAddPokit = viewModel::savePokit,
+        inputPokitName = viewModel::inputPokitName,
+        onBackPressed = viewModel::onBackPressed,
+        hideProfileSelectBottomSheet = viewModel::hidePokitProfileSelectBottomSheet,
+        showSelectProfileBottomSheet = viewModel::showPokitProfileSelectBottomSheet,
+        selectPokitProfileImage = viewModel::selectPokitProfile,
+        hideToastMessage = viewModel::hideToastMessage,
+        pokits = pokits,
+        pokitsState = pokitsState,
+        loadPokits = viewModel::loadPokitList,
+        pokitImages = images
+    )
+}
+
+@Composable
+fun AddPokitScreen(
+    pokitName: String = "",
+    state: AddPokitScreenState = AddPokitScreenState(),
+    saveButtonEnable: Boolean = true,
+    onclickAddPokit: () -> Unit = {},
+    inputPokitName: (String) -> Unit = {},
+    onBackPressed: () -> Unit = {},
+    hideProfileSelectBottomSheet: () -> Unit = {},
+    showSelectProfileBottomSheet: () -> Unit = {},
+    selectPokitProfileImage: (PokitImage) -> Unit = {},
+    hideToastMessage: () -> Unit = {},
+    pokits: List<Pokit> = emptyList(),
+    pokitsState: SimplePagingState = SimplePagingState.IDLE,
+    loadPokits: () -> Unit = {},
+    pokitImages: List<PokitImage> = emptyList(),
+    pokitImagesState: SimplePagingState = SimplePagingState.IDLE,
+) {
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .background(color = PokitTheme.colors.backgroundBase),
+        horizontalAlignment = Alignment.CenterHorizontally
+    ) {
+        Spacer(modifier = Modifier.height(8.dp))
+
+        Toolbar(
+            onClickBack = onBackPressed,
+            title = stringResource(id = if (state.isModify) R.string.title_modify_pokit else R.string.title_add_pokit)
+        )
+
+        Spacer(modifier = Modifier.height(16.dp))
+
+        Box(modifier = Modifier.size(80.dp)) {
+            AsyncImage(
+                model = state.pokitImage?.url,
+                contentScale = ContentScale.Crop,
+                contentDescription = null,
+                modifier = Modifier
+                    .size(80.dp)
+                    .clip(shape = RoundedCornerShape(12.dp))
+            )
+
+            Box(
+                modifier = Modifier
+                    .align(Alignment.BottomEnd)
+                    .offset(x = 7.dp, y = (-7).dp)
+                    .size(24.dp)
+                    .background(
+                        color = PokitTheme.colors.inverseWh,
+                        shape = CircleShape
+                    )
+                    .border(
+                        width = 1.dp,
+                        color = PokitTheme.colors.borderSecondary,
+                        shape = CircleShape
+                    )
+                    .clip(
+                        shape = CircleShape
+                    )
+                    .noRippleClickable {
+                        showSelectProfileBottomSheet()
+                    }
+                    .padding(3.dp)
+            ) {
+                Image(
+                    painter = painterResource(id = coreDrawable.icon_24_edit),
+                    contentDescription = "null",
+                    modifier = Modifier
+                        .size(18.dp),
+                    colorFilter = ColorFilter.tint(
+                        color = PokitTheme.colors.iconTertiary
+                    )
+                )
+            }
+        }
+
+        Spacer(modifier = Modifier.height(12.dp))
+
+        LabeledInput(
+            modifier = Modifier.padding(horizontal = 20.dp),
+            label = stringResource(id = R.string.pokit_name),
+            inputText = pokitName,
+            hintText = stringResource(id = R.string.placeholder_pokit_name),
+            onChangeText = inputPokitName,
+            isError = state.pokitInputErrorMessage != null,
+            sub = state.pokitInputErrorMessage ?: "",
+            enable = (state.step != AddPokitScreenStep.POKIT_SAVE_LOADING),
+            maxLength = 10
+        )
+
+        Spacer(modifier = Modifier.height(28.dp))
+
+        Text(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(horizontal = 20.dp),
+            text = stringResource(id = R.string.my_pokit),
+            style = PokitTheme.typography.body2Medium.copy(color = PokitTheme.colors.textSecondary)
+        )
+
+        Spacer(modifier = Modifier.height(8.dp))
+
+        Box(
+            modifier = Modifier
+                .fillMaxSize()
+                .weight(1f),
+            contentAlignment = Alignment.Center
+        ) {
+            val pokitLazyColumnListState = rememberLazyListState()
+            val startPokitPaging = remember {
+                derivedStateOf {
+                    pokitLazyColumnListState.layoutInfo.visibleItemsInfo.lastOrNull()?.let { last ->
+                        last.index >= pokitLazyColumnListState.layoutInfo.totalItemsCount - 3
+                    } ?: false
+                }
+            }
+
+            LaunchedEffect(startPokitPaging.value) {
+                if (startPokitPaging.value && pokitsState == SimplePagingState.IDLE) {
+                    loadPokits()
+                }
+            }
+
+            LazyColumn(
+                modifier = Modifier.fillMaxSize(),
+                state = pokitLazyColumnListState
+            ) {
+                items(pokits) { item: Pokit ->
+                    PokitList(
+                        item = item,
+                        title = item.title,
+                        sub = stringResource(id = coreString.pokit_count_format, item.count),
+                        onClickItem = {},
+                        state = PokitListState.DISABLE
+                    )
+                }
+            }
+
+            if (pokitImagesState == SimplePagingState.LOADING_INIT) {
+                CircularProgressIndicator(
+                    modifier = Modifier.width(64.dp),
+                    color = PokitTheme.colors.brand,
+                    trackColor = PokitTheme.colors.backgroundSecondary
+                )
+            }
+
+            state.errorToastMessage?.let { message ->
+                PokitToast(
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .align(Alignment.BottomCenter)
+                        .padding(start = 12.dp, end = 12.dp, bottom = 16.dp),
+                    text = message,
+                    onClickClose = hideToastMessage
+                )
+            }
+        }
+
+        Box(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(horizontal = 20.dp, vertical = 16.dp)
+        ) {
+            PokitButton(
+                text = stringResource(id = R.string.save),
+                icon = null,
+                onClick = onclickAddPokit,
+                modifier = Modifier.fillMaxWidth(),
+                size = PokitButtonSize.LARGE,
+                enable = saveButtonEnable
+            )
+        }
+
+        PokitBottomSheet(
+            onHideBottomSheet = hideProfileSelectBottomSheet,
+            show = state.step == AddPokitScreenStep.SELECT_PROFILE
+        ) {
+            LazyVerticalGrid(
+                modifier = Modifier.padding(vertical = 12.dp, horizontal = 52.dp),
+                columns = GridCells.Adaptive(66.dp),
+                horizontalArrangement = Arrangement.spacedBy(20.dp),
+                verticalArrangement = Arrangement.spacedBy(12.dp)
+            ) {
+                items(pokitImages) { pokitImage ->
+                    PokitProfileImage(
+                        pokitImage = pokitImage,
+                        onClick = selectPokitProfileImage,
+                        focused = (state.pokitImage?.id == pokitImage.id)
+                    )
+                }
+            }
+        }
+    }
+}
diff --git a/feature/addpokit/src/main/java/com/strayalpaca/addpokit/AddPokitViewModel.kt b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/AddPokitViewModel.kt
new file mode 100644
index 00000000..d032f3bd
--- /dev/null
+++ b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/AddPokitViewModel.kt
@@ -0,0 +1,221 @@
+package com.strayalpaca.addpokit
+
+import androidx.lifecycle.SavedStateHandle
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import com.strayalpaca.addpokit.const.POKIT_NAME_MAX_LENGTH
+import com.strayalpaca.addpokit.model.AddPokitScreenState
+import com.strayalpaca.addpokit.model.AddPokitScreenStep
+import com.strayalpaca.addpokit.model.AddPokitSideEffect
+import com.strayalpaca.addpokit.model.Pokit
+import com.strayalpaca.addpokit.model.PokitImage
+import com.strayalpaca.addpokit.paging.PokitPaging
+import com.strayalpaca.addpokit.paging.SimplePagingState
+import com.strayalpaca.addpokit.utils.ErrorMessageProvider
+import dagger.hilt.android.lifecycle.HiltViewModel
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.flow.update
+import kotlinx.coroutines.launch
+import org.orbitmvi.orbit.Container
+import org.orbitmvi.orbit.ContainerHost
+import org.orbitmvi.orbit.syntax.simple.intent
+import org.orbitmvi.orbit.syntax.simple.postSideEffect
+import org.orbitmvi.orbit.syntax.simple.reduce
+import org.orbitmvi.orbit.viewmodel.container
+import pokitmons.pokit.core.feature.navigation.args.PokitArg
+import pokitmons.pokit.core.feature.navigation.args.PokitUpdateEvent
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.pokit.PokitErrorCode
+import pokitmons.pokit.domain.usecase.pokit.CreatePokitUseCase
+import pokitmons.pokit.domain.usecase.pokit.GetPokitImagesUseCase
+import pokitmons.pokit.domain.usecase.pokit.GetPokitUseCase
+import pokitmons.pokit.domain.usecase.pokit.GetPokitsUseCase
+import pokitmons.pokit.domain.usecase.pokit.ModifyPokitUseCase
+import javax.inject.Inject
+
+@HiltViewModel
+class AddPokitViewModel @Inject constructor(
+    private val getPokitImagesUseCase: GetPokitImagesUseCase,
+    private val getPokitsUseCase: GetPokitsUseCase,
+    private val getPokitUseCase: GetPokitUseCase,
+    private val createPokitUseCase: CreatePokitUseCase,
+    private val modifyPokitUseCase: ModifyPokitUseCase,
+    private val errorMessageProvider: ErrorMessageProvider,
+    savedStateHandle: SavedStateHandle,
+) : ContainerHost<AddPokitScreenState, AddPokitSideEffect>, ViewModel() {
+    override val container: Container<AddPokitScreenState, AddPokitSideEffect> = container(AddPokitScreenState())
+
+    private val pokitId = savedStateHandle.get<String>("pokit_id")?.toIntOrNull()
+
+    private val pokitPaging = PokitPaging(
+        getPokits = getPokitsUseCase,
+        perPage = 10,
+        coroutineScope = viewModelScope,
+        initPage = 0
+    )
+
+    private val _pokitName = MutableStateFlow("")
+    val pokitName: StateFlow<String> = _pokitName.asStateFlow()
+
+    val pokitList: StateFlow<List<Pokit>> = pokitPaging.pagingData
+    val pokitListState: StateFlow<SimplePagingState> = pokitPaging.pagingState
+
+    private val _pokitIamges = MutableStateFlow<List<PokitImage>>(emptyList())
+    val pokitImages: StateFlow<List<PokitImage>> = _pokitIamges.asStateFlow()
+
+    private var existingPokitName: String? = null
+
+    init {
+        initPokitList()
+        loadPokitImages()
+
+        setAddModifyMode(pokitId)
+    }
+
+    private fun initPokitList() {
+        viewModelScope.launch {
+            pokitPaging.refresh()
+        }
+    }
+
+    fun loadPokitList() {
+        viewModelScope.launch {
+            pokitPaging.load()
+        }
+    }
+
+    private fun loadPokitImages() {
+        viewModelScope.launch {
+            val response = getPokitImagesUseCase.getImages()
+            if (response is PokitResult.Success) {
+                _pokitIamges.update { response.result.map { PokitImage.fromDomainPokitImage(it) } }
+
+                if (pokitId == null) {
+                    val defaultPokitImage = PokitImage.fromDomainPokitImage(response.result[0])
+                    intent {
+                        reduce { state.copy(pokitImage = defaultPokitImage) }
+                    }
+                }
+            } else {
+                // 만약 이미지 로딩이 실패한다면....?
+            }
+        }
+    }
+
+    private fun setAddModifyMode(pokitId: Int?) = intent {
+        if (pokitId == null) {
+            reduce {
+                state.copy(isModify = false)
+            }
+        } else {
+            val response = getPokitUseCase.getPokit(pokitId)
+            if (response is PokitResult.Success) {
+                reduce {
+                    state.copy(isModify = true, pokitImage = PokitImage.fromDomainPokitImage(response.result.image))
+                }
+                _pokitName.update { response.result.name }
+                existingPokitName = response.result.name
+            } else {
+                postSideEffect(AddPokitSideEffect.OnNavigationBack)
+            }
+        }
+    }
+
+    fun inputPokitName(pokitName: String) {
+        _pokitName.update { pokitName }
+
+        intent {
+            val isOutOfMaxLength = pokitName.length > POKIT_NAME_MAX_LENGTH
+
+            if (isOutOfMaxLength) {
+                val errorMessage = errorMessageProvider.getTextLengthErrorMessage()
+                reduce { state.copy(pokitInputErrorMessage = errorMessage) }
+            } else {
+                reduce { state.copy(pokitInputErrorMessage = null) }
+            }
+        }
+    }
+
+    fun savePokit() = intent {
+        // todo 에러 코드 파싱 수정시 제거 필요
+        val needNicknameCheck = (pokitName.value != existingPokitName)
+        val nicknameDuplicated = (pokitPaging.pagingData.value.find { it.title == pokitName.value } != null)
+        if (needNicknameCheck && nicknameDuplicated) {
+            val errorMessage = errorMessageProvider.errorCodeToMessage(PokitErrorCode.ALREADY_USED_POKIT_NAME)
+            reduce { state.copy(errorToastMessage = errorMessage) }
+            return@intent
+        }
+
+        reduce {
+            state.copy(step = AddPokitScreenStep.POKIT_SAVE_LOADING)
+        }
+
+        val currentPokitName = pokitName.value
+        val pokitImageId = state.pokitImage?.id ?: 0
+        val response = if (pokitId != null) {
+            modifyPokitUseCase.modifyPokit(pokitId, currentPokitName, pokitImageId)
+        } else {
+            createPokitUseCase.createPokit(currentPokitName, pokitImageId)
+        }
+
+        if (response is PokitResult.Success) {
+            reduce { state.copy(step = AddPokitScreenStep.IDLE) }
+
+            val isCreate = (pokitId == null)
+            if (isCreate) {
+                PokitUpdateEvent.createPokit(
+                    PokitArg(id = response.result, title = currentPokitName, imageUrl = state.pokitImage?.url ?: "", imageId = pokitImageId)
+                )
+            } else {
+                PokitUpdateEvent.updatePokit(
+                    PokitArg(id = pokitId ?: 0, title = currentPokitName, imageUrl = state.pokitImage?.url ?: "", imageId = pokitImageId)
+                )
+            }
+
+            postSideEffect(AddPokitSideEffect.OnNavigationBack)
+        } else {
+            response as PokitResult.Error
+            val errorMessage = errorMessageProvider.errorCodeToMessage(response.error.code)
+            reduce { state.copy(errorToastMessage = errorMessage, step = AddPokitScreenStep.IDLE) }
+        }
+    }
+
+    fun onBackPressed() = intent {
+        val currentStep = state.step
+        when (currentStep) {
+            AddPokitScreenStep.POKIT_SAVE_LOADING -> {} // discard
+            AddPokitScreenStep.SELECT_PROFILE -> {
+                reduce { state.copy(step = AddPokitScreenStep.IDLE) }
+            }
+            else -> {
+                postSideEffect(AddPokitSideEffect.OnNavigationBack)
+            }
+        }
+    }
+
+    fun showPokitProfileSelectBottomSheet() = intent {
+        reduce {
+            state.copy(step = AddPokitScreenStep.SELECT_PROFILE)
+        }
+    }
+
+    fun hidePokitProfileSelectBottomSheet() = intent {
+        reduce {
+            state.copy(step = AddPokitScreenStep.IDLE)
+        }
+    }
+
+    fun selectPokitProfile(pokitImage: PokitImage) = intent {
+        reduce {
+            state.copy(pokitImage = pokitImage)
+        }
+    }
+
+    fun hideToastMessage() = intent {
+        reduce {
+            state.copy(errorToastMessage = null)
+        }
+    }
+}
diff --git a/feature/addpokit/src/main/java/com/strayalpaca/addpokit/Preview.kt b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/Preview.kt
new file mode 100644
index 00000000..1385f62c
--- /dev/null
+++ b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/Preview.kt
@@ -0,0 +1,33 @@
+package com.strayalpaca.addpokit
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import com.strayalpaca.addpokit.model.AddPokitScreenState
+import com.strayalpaca.addpokit.model.Pokit
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+fun Preview() {
+    PokitTheme {
+        Column(
+            modifier = Modifier.fillMaxSize()
+        ) {
+            AddPokitScreen(
+                state = AddPokitScreenState(),
+                pokits = samplePokitList
+            )
+        }
+    }
+}
+
+private val samplePokitList = listOf(
+    Pokit(title = "안드로이드", id = "1", count = 2),
+    Pokit(title = "IOS", id = "2", count = 2),
+    Pokit(title = "디자인", id = "3", count = 2),
+    Pokit(title = "PM", id = "4", count = 1),
+    Pokit(title = "서버", id = "5", count = 2)
+)
diff --git a/feature/addpokit/src/main/java/com/strayalpaca/addpokit/components/atom/PokitProfileImage.kt b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/components/atom/PokitProfileImage.kt
new file mode 100644
index 00000000..6a48669b
--- /dev/null
+++ b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/components/atom/PokitProfileImage.kt
@@ -0,0 +1,49 @@
+package com.strayalpaca.addpokit.components.atom
+
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.aspectRatio
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.unit.dp
+import coil.compose.AsyncImage
+import com.strayalpaca.addpokit.model.PokitImage
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.utils.noRippleClickable
+
+@Composable
+fun PokitProfileImage(
+    pokitImage: PokitImage,
+    onClick: (PokitImage) -> Unit,
+    focused: Boolean = false,
+) {
+    val activeStrokeColor = PokitTheme.colors.brand
+    val strokeColor = remember(focused) {
+        if (focused) {
+            activeStrokeColor
+        } else {
+            Color.Unspecified
+        }
+    }
+
+    AsyncImage(
+        model = pokitImage.url,
+        contentDescription = "pokit profile image",
+        contentScale = ContentScale.Crop,
+        modifier = Modifier
+            .aspectRatio(1f)
+            .clip(shape = RoundedCornerShape(12.dp))
+            .noRippleClickable {
+                onClick(pokitImage)
+            }
+            .border(
+                color = strokeColor,
+                width = 2.dp,
+                shape = RoundedCornerShape(12.dp)
+            )
+    )
+}
diff --git a/feature/addpokit/src/main/java/com/strayalpaca/addpokit/components/block/Toolbar.kt b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/components/block/Toolbar.kt
new file mode 100644
index 00000000..8154ecce
--- /dev/null
+++ b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/components/block/Toolbar.kt
@@ -0,0 +1,54 @@
+package com.strayalpaca.addpokit.components.block
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.R.drawable as coreDrawable
+
+@Composable
+internal fun Toolbar(
+    onClickBack: () -> Unit,
+    title: String,
+    modifier: Modifier = Modifier,
+) {
+    Row(
+        modifier = modifier
+            .height(56.dp)
+            .padding(horizontal = 12.dp),
+        verticalAlignment = Alignment.CenterVertically,
+        horizontalArrangement = Arrangement.Center
+    ) {
+        IconButton(
+            modifier = Modifier.size(48.dp),
+            onClick = onClickBack
+        ) {
+            Icon(
+                painter = painterResource(id = coreDrawable.icon_24_arrow_left),
+                contentDescription = "back button"
+            )
+        }
+
+        Text(
+            modifier = Modifier.weight(1f),
+            text = title,
+            style = PokitTheme.typography.title3.copy(color = PokitTheme.colors.textPrimary),
+            textAlign = TextAlign.Center
+        )
+
+        Spacer(modifier = Modifier.width(48.dp))
+    }
+}
diff --git a/feature/addpokit/src/main/java/com/strayalpaca/addpokit/const/Consts.kt b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/const/Consts.kt
new file mode 100644
index 00000000..9ec703a4
--- /dev/null
+++ b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/const/Consts.kt
@@ -0,0 +1,3 @@
+package com.strayalpaca.addpokit.const
+
+internal const val POKIT_NAME_MAX_LENGTH = 10
diff --git a/feature/addpokit/src/main/java/com/strayalpaca/addpokit/model/AddPokitScreenState.kt b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/model/AddPokitScreenState.kt
new file mode 100644
index 00000000..d44ad256
--- /dev/null
+++ b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/model/AddPokitScreenState.kt
@@ -0,0 +1,22 @@
+package com.strayalpaca.addpokit.model
+
+import androidx.compose.runtime.Immutable
+
+@Immutable
+data class AddPokitScreenState(
+    val pokitInputErrorMessage: String? = null,
+    val step: AddPokitScreenStep = AddPokitScreenStep.IDLE,
+    val pokitImage: PokitImage? = null,
+    val isModify: Boolean = false,
+    val errorToastMessage: String? = null,
+)
+
+sealed class AddPokitScreenStep {
+    data object IDLE : AddPokitScreenStep()
+    data object POKIT_SAVE_LOADING : AddPokitScreenStep()
+    data object SELECT_PROFILE : AddPokitScreenStep()
+}
+
+sealed class AddPokitSideEffect {
+    data object OnNavigationBack : AddPokitSideEffect()
+}
diff --git a/feature/addpokit/src/main/java/com/strayalpaca/addpokit/model/Pokit.kt b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/model/Pokit.kt
new file mode 100644
index 00000000..beda1492
--- /dev/null
+++ b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/model/Pokit.kt
@@ -0,0 +1,17 @@
+package com.strayalpaca.addpokit.model
+
+data class Pokit(
+    val title: String,
+    val id: String,
+    val count: Int,
+) {
+    companion object {
+        fun fromDomainPokit(pokit: pokitmons.pokit.domain.model.pokit.Pokit): Pokit {
+            return Pokit(
+                title = pokit.name,
+                id = pokit.categoryId.toString(),
+                count = pokit.linkCount
+            )
+        }
+    }
+}
diff --git a/feature/addpokit/src/main/java/com/strayalpaca/addpokit/model/PokitImage.kt b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/model/PokitImage.kt
new file mode 100644
index 00000000..e1dce719
--- /dev/null
+++ b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/model/PokitImage.kt
@@ -0,0 +1,14 @@
+package com.strayalpaca.addpokit.model
+
+import pokitmons.pokit.domain.model.pokit.Pokit.Image as DomainPokitImage
+
+data class PokitImage(
+    val id: Int,
+    val url: String,
+) {
+    companion object {
+        fun fromDomainPokitImage(domainPokitImage: DomainPokitImage): PokitImage {
+            return PokitImage(id = domainPokitImage.id, url = domainPokitImage.url)
+        }
+    }
+}
diff --git a/feature/addpokit/src/main/java/com/strayalpaca/addpokit/paging/PokitPaging.kt b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/paging/PokitPaging.kt
new file mode 100644
index 00000000..e2661e50
--- /dev/null
+++ b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/paging/PokitPaging.kt
@@ -0,0 +1,124 @@
+package com.strayalpaca.addpokit.paging
+
+import com.strayalpaca.addpokit.model.Pokit
+import kotlinx.coroutines.CancellationException
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.Job
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.flow.update
+import kotlinx.coroutines.launch
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.usecase.pokit.GetPokitsUseCase
+
+class PokitPaging(
+    private val getPokits: GetPokitsUseCase,
+    private val perPage: Int = 10,
+    private val coroutineScope: CoroutineScope = CoroutineScope(Dispatchers.IO),
+    private val initPage: Int = 0,
+    private val firstRequestPage: Int = 3,
+) : SimplePaging<Pokit> {
+    private val _pagingState = MutableStateFlow(SimplePagingState.IDLE)
+    override val pagingState: StateFlow<SimplePagingState> = _pagingState.asStateFlow()
+
+    private val _pagingData: MutableStateFlow<List<Pokit>> = MutableStateFlow(emptyList())
+    override val pagingData: StateFlow<List<Pokit>> = _pagingData.asStateFlow()
+    private var currentPageIndex = initPage
+    private var requestJob: Job? = null
+
+    override suspend fun refresh() {
+        requestJob?.cancel()
+
+        _pagingData.update { emptyList() }
+        _pagingState.update { SimplePagingState.LOADING_INIT }
+        requestJob = coroutineScope.launch {
+            try {
+                currentPageIndex = initPage
+                val response = getPokits.getPokits(size = perPage * firstRequestPage, page = currentPageIndex)
+                when (response) {
+                    is PokitResult.Success -> {
+                        val pokitList = response.result.map { domainPokit ->
+                            Pokit.fromDomainPokit(domainPokit)
+                        }
+                        applyResponse(pokitList, firstRequestPage)
+                    }
+
+                    is PokitResult.Error -> {
+                        _pagingState.update { SimplePagingState.FAILURE_INIT }
+                    }
+                }
+            } catch (exception: Exception) {
+                if (exception !is CancellationException) {
+                    _pagingState.update { SimplePagingState.FAILURE_INIT }
+                }
+            }
+        }
+    }
+
+    override suspend fun load() {
+        if (pagingState.value != SimplePagingState.IDLE) return
+
+        requestJob?.cancel()
+        _pagingState.update { SimplePagingState.LOADING_NEXT }
+
+        requestJob = coroutineScope.launch {
+            try {
+                val response = getPokits.getPokits(size = perPage, page = currentPageIndex)
+                when (response) {
+                    is PokitResult.Success -> {
+                        val pokitList = response.result.map { domainPokit ->
+                            Pokit.fromDomainPokit(domainPokit)
+                        }
+                        applyResponse(pokitList)
+                    }
+
+                    is PokitResult.Error -> {
+                        _pagingState.update { SimplePagingState.FAILURE_NEXT }
+                    }
+                }
+            } catch (exception: Exception) {
+                if (exception !is CancellationException) {
+                    _pagingState.update { SimplePagingState.FAILURE_NEXT }
+                }
+            }
+        }
+    }
+
+    private fun applyResponse(dataInResponse: List<Pokit>, multiple: Int = 1) {
+        if (dataInResponse.size < perPage * multiple) {
+            _pagingState.update { SimplePagingState.LAST }
+        } else {
+            _pagingState.update { SimplePagingState.IDLE }
+        }
+        _pagingData.update { _pagingData.value + dataInResponse }
+        currentPageIndex += multiple
+    }
+
+    override fun clear() {
+        requestJob?.cancel()
+        _pagingData.update { emptyList() }
+        _pagingState.update { SimplePagingState.IDLE }
+    }
+
+    override suspend fun deleteItem(item: Pokit) {
+        val capturedDataList = _pagingData.value
+        _pagingData.update { capturedDataList.filter { it.id != item.id } }
+    }
+
+    override suspend fun modifyItem(item: Pokit) {
+        val capturedDataList = _pagingData.value
+        val targetPokit = capturedDataList.find { it.id == item.id } ?: return
+
+        _pagingData.update {
+            capturedDataList.map { pokit ->
+                if (targetPokit.id == pokit.id) {
+                    item
+                } else {
+                    pokit
+                }
+            }
+        }
+    }
+}
diff --git a/feature/addpokit/src/main/java/com/strayalpaca/addpokit/paging/SimplePaging.kt b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/paging/SimplePaging.kt
new file mode 100644
index 00000000..510374f3
--- /dev/null
+++ b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/paging/SimplePaging.kt
@@ -0,0 +1,13 @@
+package com.strayalpaca.addpokit.paging
+
+import kotlinx.coroutines.flow.Flow
+
+interface SimplePaging<T> {
+    val pagingData: Flow<List<T>>
+    suspend fun refresh()
+    suspend fun load()
+    val pagingState: Flow<SimplePagingState>
+    suspend fun modifyItem(item: T)
+    suspend fun deleteItem(item: T)
+    fun clear()
+}
diff --git a/feature/addpokit/src/main/java/com/strayalpaca/addpokit/paging/SimplePagingState.kt b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/paging/SimplePagingState.kt
new file mode 100644
index 00000000..6ac52825
--- /dev/null
+++ b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/paging/SimplePagingState.kt
@@ -0,0 +1,5 @@
+package com.strayalpaca.addpokit.paging
+
+enum class SimplePagingState {
+    IDLE, LOADING_NEXT, LOADING_INIT, FAILURE_NEXT, FAILURE_INIT, LAST
+}
diff --git a/feature/addpokit/src/main/java/com/strayalpaca/addpokit/utils/BackPressHandler.kt b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/utils/BackPressHandler.kt
new file mode 100644
index 00000000..2459aad0
--- /dev/null
+++ b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/utils/BackPressHandler.kt
@@ -0,0 +1,35 @@
+package com.strayalpaca.addpokit.utils
+
+import androidx.activity.OnBackPressedCallback
+import androidx.activity.OnBackPressedDispatcher
+import androidx.activity.compose.LocalOnBackPressedDispatcherOwner
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.DisposableEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberUpdatedState
+
+@Composable
+internal fun BackPressHandler(
+    backPressedDispatcher: OnBackPressedDispatcher? =
+        LocalOnBackPressedDispatcherOwner.current?.onBackPressedDispatcher,
+    onBackPressed: () -> Unit,
+) {
+    val currentOnBackPressed by rememberUpdatedState(newValue = onBackPressed)
+
+    val backCallback = remember {
+        object : OnBackPressedCallback(true) {
+            override fun handleOnBackPressed() {
+                currentOnBackPressed()
+            }
+        }
+    }
+
+    DisposableEffect(backPressedDispatcher) {
+        backPressedDispatcher?.addCallback(backCallback)
+
+        onDispose {
+            backCallback.remove()
+        }
+    }
+}
diff --git a/feature/addpokit/src/main/java/com/strayalpaca/addpokit/utils/ErrorMessageProvider.kt b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/utils/ErrorMessageProvider.kt
new file mode 100644
index 00000000..6f2dea63
--- /dev/null
+++ b/feature/addpokit/src/main/java/com/strayalpaca/addpokit/utils/ErrorMessageProvider.kt
@@ -0,0 +1,38 @@
+package com.strayalpaca.addpokit.utils
+
+import android.content.Context
+import com.strayalpaca.addpokit.R
+import dagger.hilt.android.qualifiers.ApplicationContext
+import pokitmons.pokit.domain.model.pokit.PokitErrorCode
+import javax.inject.Inject
+import javax.inject.Singleton
+
+@Singleton
+class ErrorMessageProvider @Inject constructor(@ApplicationContext private val context: Context) {
+    fun errorCodeToMessage(errorCode: String): String {
+        return when (errorCode) {
+            PokitErrorCode.ALREADY_USED_POKIT_NAME -> {
+                context.getString(R.string.already_used_pokit_name)
+            }
+            PokitErrorCode.CANNOT_FOUND_POKIT_INFO -> {
+                context.getString(R.string.cannot_found_pokit_info)
+            }
+            PokitErrorCode.UNAVAILABLE_POKIT -> {
+                context.getString(R.string.unavailable_pokit)
+            }
+            PokitErrorCode.CANNOT_FOUND_POKIT_IMAGE -> {
+                context.getString(R.string.cannot_found_pokit_image)
+            }
+            PokitErrorCode.TOO_MUCH_POKIT -> {
+                context.getString(R.string.too_much_pokit)
+            }
+            else -> {
+                context.getString(R.string.uncategorized_error)
+            }
+        }
+    }
+
+    fun getTextLengthErrorMessage(): String {
+        return context.getString(R.string.text_length_limit_format)
+    }
+}
diff --git a/feature/addpokit/src/main/res/values/string.xml b/feature/addpokit/src/main/res/values/string.xml
new file mode 100644
index 00000000..28803499
--- /dev/null
+++ b/feature/addpokit/src/main/res/values/string.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="title_add_pokit">포킷 추가</string>
+    <string name="title_modify_pokit">포킷 수정</string>
+    <string name="pokit_name">포킷 이름</string>
+    <string name="placeholder_pokit_name">카테고리 이름을 입력해주세요.</string>
+    <string name="save">저장하기</string>
+    <string name="my_pokit">내 포킷</string>
+
+    <string name="text_length_limit_format">최대 10자까지 입력 가능합니다.</string>
+    <string name="already_used_pokit_name">사용 중인 포킷명입니다.</string>
+    <string name="cannot_found_pokit_info">포킷 정보를 찾을 수 없습니다.</string>
+    <string name="unavailable_pokit">사용할 수 없는 포킷명입니다.</string>
+    <string name="too_much_pokit">최대 30개의 포킷을 생성할 수 있습니다. 포킷을 삭제한 뒤에 추가해주세요.</string>
+    <string name="cannot_found_pokit_image">포킷 이미지 정보를 찾을 수 없습니다.</string>
+    <string name="uncategorized_error">네트워크 통신이 불안정합니다. 잠시 후 다시 시도해주세요.</string>
+</resources>
\ No newline at end of file
diff --git a/feature/addpokit/src/test/java/com/strayalpaca/addpokit/ExampleUnitTest.kt b/feature/addpokit/src/test/java/com/strayalpaca/addpokit/ExampleUnitTest.kt
new file mode 100644
index 00000000..03eade60
--- /dev/null
+++ b/feature/addpokit/src/test/java/com/strayalpaca/addpokit/ExampleUnitTest.kt
@@ -0,0 +1,16 @@
+package com.strayalpaca.addpokit
+
+import org.junit.Assert.assertEquals
+import org.junit.Test
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+class ExampleUnitTest {
+    @Test
+    fun addition_isCorrect() {
+        assertEquals(4, 2 + 2)
+    }
+}
diff --git a/feature/alarm/.gitignore b/feature/alarm/.gitignore
new file mode 100644
index 00000000..42afabfd
--- /dev/null
+++ b/feature/alarm/.gitignore
@@ -0,0 +1 @@
+/build
\ No newline at end of file
diff --git a/feature/alarm/build.gradle.kts b/feature/alarm/build.gradle.kts
new file mode 100644
index 00000000..71d3f2d6
--- /dev/null
+++ b/feature/alarm/build.gradle.kts
@@ -0,0 +1,74 @@
+plugins {
+    alias(libs.plugins.com.android.library)
+    alias(libs.plugins.org.jetbrains.kotlin.android)
+    alias(libs.plugins.hilt)
+    id("kotlin-kapt")
+}
+
+android {
+    namespace = "pokitmons.pokit.alarm"
+    compileSdk = 34
+
+    defaultConfig {
+        minSdk = 24
+
+        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+        consumerProguardFiles("consumer-rules.pro")
+    }
+
+    buildTypes {
+        release {
+            isMinifyEnabled = false
+            proguardFiles(
+                getDefaultProguardFile("proguard-android-optimize.txt"),
+                "proguard-rules.pro"
+            )
+        }
+    }
+    buildFeatures {
+        compose = true
+    }
+    composeOptions {
+        kotlinCompilerExtensionVersion = "1.5.1"
+    }
+    compileOptions {
+        sourceCompatibility = JavaVersion.VERSION_1_8
+        targetCompatibility = JavaVersion.VERSION_1_8
+    }
+    kotlinOptions {
+        jvmTarget = "1.8"
+    }
+}
+
+dependencies {
+
+    implementation(libs.androidx.core.ktx)
+    implementation(libs.androidx.lifecycle.runtime.ktx)
+    implementation(libs.androidx.activity.compose)
+    implementation(platform(libs.androidx.compose.bom))
+    implementation(libs.androidx.ui)
+    implementation(libs.androidx.ui.graphics)
+    implementation(libs.androidx.ui.tooling.preview)
+    implementation(libs.androidx.material3)
+    testImplementation(libs.junit)
+    androidTestImplementation(libs.androidx.junit)
+    androidTestImplementation(libs.androidx.espresso.core)
+    androidTestImplementation(platform(libs.androidx.compose.bom))
+    androidTestImplementation(libs.androidx.ui.test.junit4)
+    debugImplementation(libs.androidx.ui.tooling)
+    debugImplementation(libs.androidx.ui.test.manifest)
+
+    implementation(libs.orbit.compose)
+    implementation(libs.orbit.core)
+    implementation(libs.orbit.viewmodel)
+
+    // hilt
+    implementation(libs.hilt)
+    kapt(libs.hilt.compiler)
+
+    // coil
+    implementation(libs.coil.compose)
+
+    implementation(project(":core:ui"))
+    implementation(project(":domain"))
+}
diff --git a/feature/alarm/consumer-rules.pro b/feature/alarm/consumer-rules.pro
new file mode 100644
index 00000000..e69de29b
diff --git a/feature/alarm/proguard-rules.pro b/feature/alarm/proguard-rules.pro
new file mode 100644
index 00000000..481bb434
--- /dev/null
+++ b/feature/alarm/proguard-rules.pro
@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
\ No newline at end of file
diff --git a/feature/alarm/src/androidTest/java/pokitmons/pokit/alarm/ExampleInstrumentedTest.kt b/feature/alarm/src/androidTest/java/pokitmons/pokit/alarm/ExampleInstrumentedTest.kt
new file mode 100644
index 00000000..5e6a17a9
--- /dev/null
+++ b/feature/alarm/src/androidTest/java/pokitmons/pokit/alarm/ExampleInstrumentedTest.kt
@@ -0,0 +1,22 @@
+package pokitmons.pokit.alarm
+
+import androidx.test.ext.junit.runners.AndroidJUnit4
+import androidx.test.platform.app.InstrumentationRegistry
+import org.junit.Assert.assertEquals
+import org.junit.Test
+import org.junit.runner.RunWith
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+        assertEquals("pokitmons.pokit.alarm.test", appContext.packageName)
+    }
+}
diff --git a/feature/alarm/src/main/AndroidManifest.xml b/feature/alarm/src/main/AndroidManifest.xml
new file mode 100644
index 00000000..a5918e68
--- /dev/null
+++ b/feature/alarm/src/main/AndroidManifest.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+</manifest>
\ No newline at end of file
diff --git a/feature/alarm/src/main/java/pokitmons/pokit/alarm/AlarmScreen.kt b/feature/alarm/src/main/java/pokitmons/pokit/alarm/AlarmScreen.kt
new file mode 100644
index 00000000..965b327a
--- /dev/null
+++ b/feature/alarm/src/main/java/pokitmons/pokit/alarm/AlarmScreen.kt
@@ -0,0 +1,135 @@
+package pokitmons.pokit.alarm
+
+import androidx.compose.foundation.ExperimentalFoundationApi
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.items
+import androidx.compose.foundation.lazy.rememberLazyListState
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.derivedStateOf
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.stringResource
+import pokitmons.pokit.alarm.components.alarmitem.AlarmItem
+import pokitmons.pokit.alarm.components.toolbar.Toolbar
+import pokitmons.pokit.alarm.model.Alarm
+import pokitmons.pokit.alarm.paging.SimplePagingState
+import pokitmons.pokit.core.ui.components.atom.loading.LoadingProgress
+import pokitmons.pokit.core.ui.components.template.pooki.Pooki
+import pokitmons.pokit.core.ui.components.template.pookierror.ErrorPooki
+import pokitmons.pokit.core.ui.R.string as coreString
+
+@Composable
+fun AlarmScreenContainer(
+    viewModel: AlarmViewModel,
+    onNavigateToLinkModify: (String) -> Unit = {},
+    onBackPressed: () -> Unit,
+) {
+    val alarms by viewModel.alarms.collectAsState()
+    val alarmsState by viewModel.alarmsState.collectAsState()
+
+    AlarmScreen(
+        onClickBack = onBackPressed,
+        onClickAlarm = remember {
+            { alarmId ->
+                viewModel.readAlarm(alarmId)
+                onNavigateToLinkModify(alarmId)
+            }
+        },
+        onClickAlarmRemove = viewModel::removeAlarm,
+        alarms = alarms,
+        alarmsState = alarmsState,
+        loadNextAlarms = viewModel::loadNextAlarms,
+        refreshAlarms = viewModel::refreshAlarms
+    )
+}
+
+@OptIn(ExperimentalFoundationApi::class)
+@Composable
+fun AlarmScreen(
+    onClickBack: () -> Unit = {},
+    onClickAlarm: (String) -> Unit = {},
+    onClickAlarmRemove: (String) -> Unit = {},
+    alarms: List<Alarm> = emptyList(),
+    alarmsState: SimplePagingState = SimplePagingState.IDLE,
+    loadNextAlarms: () -> Unit = {},
+    refreshAlarms: () -> Unit = {},
+) {
+    Column(
+        modifier = Modifier.fillMaxSize()
+    ) {
+        Toolbar(
+            onClickBack = onClickBack,
+            title = stringResource(id = R.string.alarm_box)
+        )
+
+        val alarmLazyColumnListState = rememberLazyListState()
+        val startAlarmPaging = remember {
+            derivedStateOf {
+                alarmLazyColumnListState.layoutInfo.visibleItemsInfo.lastOrNull()?.let { last ->
+                    last.index >= alarmLazyColumnListState.layoutInfo.totalItemsCount - 3
+                } ?: false
+            }
+        }
+
+        LaunchedEffect(startAlarmPaging.value) {
+            if (startAlarmPaging.value && alarmsState == SimplePagingState.IDLE) {
+                loadNextAlarms()
+            }
+        }
+
+        when {
+            alarmsState == SimplePagingState.LOADING_INIT -> {
+                LoadingProgress(
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .weight(1f)
+                )
+            }
+            alarmsState == SimplePagingState.FAILURE_INIT -> {
+                ErrorPooki(
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .weight(1f),
+                    title = stringResource(id = coreString.title_error),
+                    sub = stringResource(id = coreString.sub_error),
+                    onClickRetry = refreshAlarms
+                )
+            }
+            alarms.isEmpty() -> {
+                Pooki(
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .weight(1f),
+                    title = stringResource(id = coreString.title_empty_alarms),
+                    sub = stringResource(id = coreString.sub_empty_alarms)
+                )
+            }
+            else -> {
+                LazyColumn(
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .weight(1f),
+                    state = alarmLazyColumnListState
+                ) {
+                    items(
+                        items = alarms,
+                        key = { alarm -> alarm.id }
+                    ) { alarm ->
+                        AlarmItem(
+                            modifier = Modifier.animateItemPlacement(),
+                            alarm = alarm,
+                            onClickAlarm = onClickAlarm,
+                            onClickRemove = onClickAlarmRemove
+                        )
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/feature/alarm/src/main/java/pokitmons/pokit/alarm/AlarmViewModel.kt b/feature/alarm/src/main/java/pokitmons/pokit/alarm/AlarmViewModel.kt
new file mode 100644
index 00000000..8da4f137
--- /dev/null
+++ b/feature/alarm/src/main/java/pokitmons/pokit/alarm/AlarmViewModel.kt
@@ -0,0 +1,66 @@
+package pokitmons.pokit.alarm
+
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import dagger.hilt.android.lifecycle.HiltViewModel
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.launch
+import pokitmons.pokit.alarm.model.Alarm
+import pokitmons.pokit.alarm.paging.AlarmPaging
+import pokitmons.pokit.alarm.paging.SimplePagingState
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.usecase.alert.DeleteAlertUseCase
+import pokitmons.pokit.domain.usecase.alert.GetAlertsUseCase
+import javax.inject.Inject
+
+@HiltViewModel
+class AlarmViewModel @Inject constructor(
+    getAlertsUseCase: GetAlertsUseCase,
+    private val deleteAlertUseCase: DeleteAlertUseCase,
+) : ViewModel() {
+
+    private val alarmPaging = AlarmPaging(getAlertsUseCase = getAlertsUseCase)
+
+    val alarms: StateFlow<List<Alarm>> = alarmPaging.pagingData
+    val alarmsState: StateFlow<SimplePagingState> = alarmPaging.pagingState
+
+    init {
+        viewModelScope.launch {
+            alarmPaging.refresh()
+        }
+    }
+
+    fun removeAlarm(alarmId: String) {
+        val id = alarmId.toIntOrNull() ?: return
+        viewModelScope.launch {
+            val response = deleteAlertUseCase.deleteAlert(id)
+            if (response is PokitResult.Success) {
+                viewModelScope.launch {
+                    alarms.value.find { it.id == alarmId }?.let { targetItem ->
+                        alarmPaging.deleteItem(targetItem)
+                    }
+                }
+            }
+        }
+    }
+
+    fun loadNextAlarms() {
+        viewModelScope.launch {
+            alarmPaging.load()
+        }
+    }
+
+    fun refreshAlarms() {
+        viewModelScope.launch {
+            alarmPaging.refresh()
+        }
+    }
+
+    fun readAlarm(alarmId: String) {
+        val targetAlarm = alarms.value.find { it.id == alarmId } ?: return
+
+        viewModelScope.launch {
+            alarmPaging.modifyItem(item = targetAlarm.copy(read = true))
+        }
+    }
+}
diff --git a/feature/alarm/src/main/java/pokitmons/pokit/alarm/Preview.kt b/feature/alarm/src/main/java/pokitmons/pokit/alarm/Preview.kt
new file mode 100644
index 00000000..be65ba09
--- /dev/null
+++ b/feature/alarm/src/main/java/pokitmons/pokit/alarm/Preview.kt
@@ -0,0 +1,19 @@
+package pokitmons.pokit.alarm
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.tooling.preview.Preview
+import pokitmons.pokit.alarm.model.Alarm
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+internal fun Preview() {
+    PokitTheme {
+        Column {
+            AlarmScreen(
+                alarms = listOf(Alarm(id = "1", title = "title1", thumbnail = ""), Alarm(id = "2", title = "title2", thumbnail = ""))
+            )
+        }
+    }
+}
diff --git a/feature/alarm/src/main/java/pokitmons/pokit/alarm/components/alarmitem/AlarmItem.kt b/feature/alarm/src/main/java/pokitmons/pokit/alarm/components/alarmitem/AlarmItem.kt
new file mode 100644
index 00000000..590133f1
--- /dev/null
+++ b/feature/alarm/src/main/java/pokitmons/pokit/alarm/components/alarmitem/AlarmItem.kt
@@ -0,0 +1,142 @@
+package pokitmons.pokit.alarm.components.alarmitem
+
+import androidx.compose.animation.core.tween
+import androidx.compose.foundation.ExperimentalFoundationApi
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.gestures.AnchoredDraggableState
+import androidx.compose.foundation.gestures.DraggableAnchors
+import androidx.compose.foundation.gestures.Orientation
+import androidx.compose.foundation.gestures.anchoredDraggable
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.IntrinsicSize
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.offset
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.material3.HorizontalDivider
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.ColorFilter
+import androidx.compose.ui.platform.LocalDensity
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.IntOffset
+import androidx.compose.ui.unit.dp
+import coil.compose.rememberAsyncImagePainter
+import pokitmons.pokit.alarm.R
+import pokitmons.pokit.alarm.model.Alarm
+import pokitmons.pokit.alarm.util.diffString
+import pokitmons.pokit.core.ui.components.block.pushcard.PushCard
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import kotlin.math.roundToInt
+import pokitmons.pokit.core.ui.R.drawable as coreDrawable
+
+enum class DragValue { Expanded, Center }
+
+@OptIn(ExperimentalFoundationApi::class)
+@Composable
+fun AlarmItem(
+    modifier: Modifier = Modifier,
+    alarm: Alarm,
+    onClickAlarm: (String) -> Unit,
+    onClickRemove: (String) -> Unit,
+) {
+    val density = LocalDensity.current
+    val dragMaxOffset = with(density) {
+        (-60).dp.toPx()
+    }
+    val draggableState = remember {
+        AnchoredDraggableState(
+            anchors = DraggableAnchors {
+                DragValue.Expanded at dragMaxOffset
+                DragValue.Center at 0f
+            },
+            initialValue = DragValue.Center,
+            animationSpec = tween(),
+            positionalThreshold = { totalDistance -> totalDistance * 0.5f },
+            velocityThreshold = { with(density) { 60.dp.toPx() } }
+        )
+    }
+    val timeDiffString = diffString(createdAtCalendar = alarm.createdAt.getCalendar())
+
+    Column(
+        modifier = modifier.fillMaxWidth()
+    ) {
+        Box(
+            modifier = Modifier
+                .fillMaxWidth()
+                .height(IntrinsicSize.Min)
+        ) {
+            Column(
+                modifier = Modifier
+                    .fillMaxHeight()
+                    .width(60.dp)
+                    .clickable(
+                        interactionSource = remember { MutableInteractionSource() },
+                        indication = null,
+                        onClick = { onClickRemove(alarm.id) }
+                    )
+                    .background(PokitTheme.colors.error)
+                    .align(Alignment.CenterEnd),
+                horizontalAlignment = Alignment.CenterHorizontally,
+                verticalArrangement = Arrangement.Center
+            ) {
+                Image(
+                    painter = painterResource(id = coreDrawable.icon_24_trash),
+                    contentDescription = "",
+                    colorFilter = ColorFilter.tint(PokitTheme.colors.inverseWh),
+                    modifier = Modifier.size(24.dp)
+                )
+                Text(
+                    text = stringResource(id = R.string.remove),
+                    style = PokitTheme.typography.body3Medium.copy(color = PokitTheme.colors.inverseWh)
+                )
+            }
+
+            Row(
+                modifier = Modifier
+                    .offset {
+                        IntOffset(
+                            x = draggableState
+                                .requireOffset()
+                                .roundToInt(),
+                            y = 0
+                        )
+                    }
+                    .anchoredDraggable(
+                        state = draggableState,
+                        orientation = Orientation.Horizontal
+                    )
+                    .fillMaxWidth()
+                    .background(PokitTheme.colors.backgroundBase),
+                verticalAlignment = Alignment.CenterVertically
+            ) {
+                PushCard(
+                    title = alarm.title,
+                    sub = "여기 문구 뭘로 하나요?\n뭐가 들어가야 됨????",
+                    timeString = timeDiffString,
+                    painter = rememberAsyncImagePainter(alarm.thumbnail),
+                    read = !alarm.read,
+                    onClick = remember {
+                        {
+                            onClickAlarm(alarm.id)
+                        }
+                    }
+                )
+            }
+        }
+
+        HorizontalDivider(thickness = 1.dp, color = PokitTheme.colors.borderTertiary)
+    }
+}
diff --git a/feature/alarm/src/main/java/pokitmons/pokit/alarm/components/alarmitem/Preview.kt b/feature/alarm/src/main/java/pokitmons/pokit/alarm/components/alarmitem/Preview.kt
new file mode 100644
index 00000000..9dc24f52
--- /dev/null
+++ b/feature/alarm/src/main/java/pokitmons/pokit/alarm/components/alarmitem/Preview.kt
@@ -0,0 +1,20 @@
+package pokitmons.pokit.alarm.components.alarmitem
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.tooling.preview.Preview
+import pokitmons.pokit.alarm.model.Alarm
+import pokitmons.pokit.alarm.model.Date
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+internal fun Preview() {
+    PokitTheme {
+        Column {
+            AlarmItem(alarm = Alarm(title = "자연 친화적인 라이프스타일을 위한 무언가"), onClickAlarm = {}, onClickRemove = {})
+            AlarmItem(alarm = Alarm(title = "자연 친화적인 라이프스타일을 위한 무언가", read = true, createdAt = Date(year = 1969)), onClickAlarm = {}, onClickRemove = {})
+            AlarmItem(alarm = Alarm(title = "자연 친화적인 라이프스타일을 위한 무언가", createdAt = Date(year = 1960)), onClickAlarm = {}, onClickRemove = {})
+        }
+    }
+}
diff --git a/feature/alarm/src/main/java/pokitmons/pokit/alarm/components/toolbar/Preview.kt b/feature/alarm/src/main/java/pokitmons/pokit/alarm/components/toolbar/Preview.kt
new file mode 100644
index 00000000..a9190a55
--- /dev/null
+++ b/feature/alarm/src/main/java/pokitmons/pokit/alarm/components/toolbar/Preview.kt
@@ -0,0 +1,18 @@
+package pokitmons.pokit.alarm.components.toolbar
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.tooling.preview.Preview
+import pokitmons.pokit.alarm.R
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+internal fun Preview() {
+    PokitTheme {
+        Column {
+            Toolbar(onClickBack = {}, title = stringResource(id = R.string.alarm_box))
+        }
+    }
+}
diff --git a/feature/alarm/src/main/java/pokitmons/pokit/alarm/components/toolbar/Toolbar.kt b/feature/alarm/src/main/java/pokitmons/pokit/alarm/components/toolbar/Toolbar.kt
new file mode 100644
index 00000000..9d0f6cc7
--- /dev/null
+++ b/feature/alarm/src/main/java/pokitmons/pokit/alarm/components/toolbar/Toolbar.kt
@@ -0,0 +1,48 @@
+package pokitmons.pokit.alarm.components.toolbar
+
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.R.drawable as coreDrawable
+
+@Composable
+internal fun Toolbar(
+    onClickBack: () -> Unit,
+    title: String,
+) {
+    Box(
+        modifier = Modifier
+            .fillMaxWidth()
+            .height(56.dp)
+            .padding(horizontal = 12.dp)
+    ) {
+        IconButton(
+            modifier = Modifier
+                .size(48.dp)
+                .align(Alignment.CenterStart),
+            onClick = onClickBack
+        ) {
+            Icon(
+                painter = painterResource(id = coreDrawable.icon_24_arrow_left),
+                contentDescription = "back button"
+            )
+        }
+
+        Text(
+            modifier = Modifier.align(Alignment.Center),
+            text = title,
+            style = PokitTheme.typography.title3.copy(color = PokitTheme.colors.textPrimary)
+        )
+    }
+}
diff --git a/feature/alarm/src/main/java/pokitmons/pokit/alarm/model/Alarm.kt b/feature/alarm/src/main/java/pokitmons/pokit/alarm/model/Alarm.kt
new file mode 100644
index 00000000..502379de
--- /dev/null
+++ b/feature/alarm/src/main/java/pokitmons/pokit/alarm/model/Alarm.kt
@@ -0,0 +1,24 @@
+package pokitmons.pokit.alarm.model
+
+import pokitmons.pokit.domain.model.alert.Alarm as DomainAlarm
+
+data class Alarm(
+    val id: String = "",
+    val contentId: String = "",
+    val title: String = "",
+    val thumbnail: String? = null,
+    val createdAt: Date = Date(),
+    val read: Boolean = false,
+) {
+    companion object {
+        fun fromDomainAlarm(domainAlarm: DomainAlarm): Alarm {
+            return Alarm(
+                id = domainAlarm.id.toString(),
+                contentId = domainAlarm.contentId.toString(),
+                title = domainAlarm.title,
+                thumbnail = domainAlarm.thumbnail,
+                createdAt = Date.getInstanceFromString(domainAlarm.createdAt)
+            )
+        }
+    }
+}
diff --git a/feature/alarm/src/main/java/pokitmons/pokit/alarm/model/Date.kt b/feature/alarm/src/main/java/pokitmons/pokit/alarm/model/Date.kt
new file mode 100644
index 00000000..84c540ea
--- /dev/null
+++ b/feature/alarm/src/main/java/pokitmons/pokit/alarm/model/Date.kt
@@ -0,0 +1,59 @@
+package pokitmons.pokit.alarm.model
+
+import android.icu.util.Calendar
+import android.os.Build
+import java.text.SimpleDateFormat
+import java.time.LocalDateTime
+import java.time.format.DateTimeFormatter
+import java.util.Locale
+
+data class Date(
+    val year: Int = 2024,
+    val month: Int = 8,
+    val day: Int = 17,
+    val hour: Int = 15,
+    val minute: Int = 41,
+) {
+    fun getCalendar(): Calendar {
+        return Calendar.getInstance().apply {
+            set(Calendar.YEAR, year)
+            set(Calendar.MONTH, month - 1)
+            set(Calendar.DAY_OF_MONTH, day)
+            set(Calendar.HOUR_OF_DAY, hour)
+            set(Calendar.MINUTE, minute)
+        }
+    }
+
+    companion object {
+        fun getInstanceFromString(
+            createdAtString: String,
+            pattern: String = "yyyy-MM-dd HH:mm:ss",
+        ): Date {
+            try {
+                return if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+                    val formatter = DateTimeFormatter.ofPattern(pattern)
+                    val dateTime = LocalDateTime.parse(createdAtString, formatter)
+                    Date(
+                        year = dateTime.year,
+                        month = dateTime.monthValue,
+                        day = dateTime.dayOfMonth,
+                        hour = dateTime.hour,
+                        minute = dateTime.minute
+                    )
+                } else {
+                    val date = SimpleDateFormat(pattern, Locale.KOREA).parse(createdAtString)
+                    val calendar = Calendar.getInstance().apply { time = date }
+                    Date(
+                        year = calendar.get(Calendar.YEAR),
+                        month = calendar.get(Calendar.MONTH) + 1,
+                        day = calendar.get(Calendar.DAY_OF_MONTH),
+                        hour = calendar.get(Calendar.HOUR_OF_DAY),
+                        minute = calendar.get(Calendar.MINUTE)
+                    )
+                }
+            } catch (e: Exception) {
+                return Date(year = 2000, month = 1, day = 1, hour = 0, minute = 0)
+            }
+        }
+    }
+}
diff --git a/feature/alarm/src/main/java/pokitmons/pokit/alarm/paging/AlarmPaging.kt b/feature/alarm/src/main/java/pokitmons/pokit/alarm/paging/AlarmPaging.kt
new file mode 100644
index 00000000..b2d21c1a
--- /dev/null
+++ b/feature/alarm/src/main/java/pokitmons/pokit/alarm/paging/AlarmPaging.kt
@@ -0,0 +1,125 @@
+package pokitmons.pokit.alarm.paging
+
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.Job
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.flow.update
+import kotlinx.coroutines.launch
+import pokitmons.pokit.alarm.model.Alarm
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.usecase.alert.GetAlertsUseCase
+import kotlin.coroutines.cancellation.CancellationException
+
+class AlarmPaging(
+    private val getAlertsUseCase: GetAlertsUseCase,
+    private val perPage: Int = 10,
+    private val coroutineScope: CoroutineScope = CoroutineScope(Dispatchers.IO),
+    private val initPage: Int = 0,
+    private val firstRequestPage: Int = 3,
+) : SimplePaging<Alarm> {
+    private val _pagingData: MutableStateFlow<List<Alarm>> = MutableStateFlow(emptyList())
+    override val pagingData: StateFlow<List<Alarm>> = _pagingData.asStateFlow()
+
+    private val _pagingState: MutableStateFlow<SimplePagingState> = MutableStateFlow(SimplePagingState.IDLE)
+    override val pagingState: StateFlow<SimplePagingState> = _pagingState.asStateFlow()
+
+    private var currentPageIndex = initPage
+    private var requestJob: Job? = null
+
+    override suspend fun refresh() {
+        requestJob?.cancel()
+
+        _pagingData.update { emptyList() }
+        _pagingState.update { SimplePagingState.LOADING_INIT }
+        requestJob = coroutineScope.launch {
+            try {
+                currentPageIndex = initPage
+                val response = getAlertsUseCase.getAlerts(size = perPage * firstRequestPage, page = currentPageIndex)
+                when (response) {
+                    is PokitResult.Success -> {
+                        val alarms = response.result.map { domainAlarm ->
+                            Alarm.fromDomainAlarm(domainAlarm)
+                        }
+                        applyResponse(alarms, firstRequestPage)
+                    }
+
+                    is PokitResult.Error -> {
+                        _pagingState.update { SimplePagingState.FAILURE_INIT }
+                    }
+                }
+            } catch (exception: Exception) {
+                if (exception !is CancellationException) {
+                    _pagingState.update { SimplePagingState.FAILURE_INIT }
+                }
+            }
+        }
+    }
+
+    override suspend fun load() {
+        if (pagingState.value != SimplePagingState.IDLE) return
+
+        requestJob?.cancel()
+        _pagingState.update { SimplePagingState.LOADING_NEXT }
+
+        requestJob = coroutineScope.launch {
+            try {
+                val response = getAlertsUseCase.getAlerts(size = perPage, page = currentPageIndex)
+                when (response) {
+                    is PokitResult.Success -> {
+                        val alarms = response.result.map { domainAlarm ->
+                            Alarm.fromDomainAlarm(domainAlarm)
+                        }
+                        applyResponse(alarms)
+                    }
+
+                    is PokitResult.Error -> {
+                        _pagingState.update { SimplePagingState.FAILURE_NEXT }
+                    }
+                }
+            } catch (exception: Exception) {
+                if (exception !is CancellationException) {
+                    _pagingState.update { SimplePagingState.FAILURE_NEXT }
+                }
+            }
+        }
+    }
+
+    private fun applyResponse(dataInResponse: List<Alarm>, multiple: Int = 1) {
+        if (dataInResponse.size < perPage * multiple) {
+            _pagingState.update { SimplePagingState.LAST }
+        } else {
+            _pagingState.update { SimplePagingState.IDLE }
+        }
+        _pagingData.update { _pagingData.value + dataInResponse }
+        currentPageIndex += multiple
+    }
+
+    override fun clear() {
+        requestJob?.cancel()
+        _pagingData.update { emptyList() }
+        _pagingState.update { SimplePagingState.IDLE }
+    }
+
+    override suspend fun deleteItem(item: Alarm) {
+        val capturedDataList = _pagingData.value
+        _pagingData.update { capturedDataList.filter { it.id != item.id } }
+    }
+
+    override suspend fun modifyItem(item: Alarm) {
+        val capturedDataList = _pagingData.value
+        val targetData = capturedDataList.find { it.id == item.id } ?: return
+
+        _pagingData.update {
+            capturedDataList.map { data ->
+                if (targetData.id == data.id) {
+                    item
+                } else {
+                    data
+                }
+            }
+        }
+    }
+}
diff --git a/feature/alarm/src/main/java/pokitmons/pokit/alarm/paging/SimplePaging.kt b/feature/alarm/src/main/java/pokitmons/pokit/alarm/paging/SimplePaging.kt
new file mode 100644
index 00000000..8062d91c
--- /dev/null
+++ b/feature/alarm/src/main/java/pokitmons/pokit/alarm/paging/SimplePaging.kt
@@ -0,0 +1,13 @@
+package pokitmons.pokit.alarm.paging
+
+import kotlinx.coroutines.flow.Flow
+
+interface SimplePaging<T> {
+    val pagingData: Flow<List<T>>
+    suspend fun refresh()
+    suspend fun load()
+    val pagingState: Flow<SimplePagingState>
+    suspend fun modifyItem(item: T)
+    suspend fun deleteItem(item: T)
+    fun clear()
+}
diff --git a/feature/alarm/src/main/java/pokitmons/pokit/alarm/paging/SimplePagingState.kt b/feature/alarm/src/main/java/pokitmons/pokit/alarm/paging/SimplePagingState.kt
new file mode 100644
index 00000000..29aeb08e
--- /dev/null
+++ b/feature/alarm/src/main/java/pokitmons/pokit/alarm/paging/SimplePagingState.kt
@@ -0,0 +1,5 @@
+package pokitmons.pokit.alarm.paging
+
+enum class SimplePagingState {
+    IDLE, LOADING_NEXT, LOADING_INIT, FAILURE_NEXT, FAILURE_INIT, LAST
+}
diff --git a/feature/alarm/src/main/java/pokitmons/pokit/alarm/util/DateStringUtil.kt b/feature/alarm/src/main/java/pokitmons/pokit/alarm/util/DateStringUtil.kt
new file mode 100644
index 00000000..aaabd291
--- /dev/null
+++ b/feature/alarm/src/main/java/pokitmons/pokit/alarm/util/DateStringUtil.kt
@@ -0,0 +1,36 @@
+package pokitmons.pokit.alarm.util
+
+import android.icu.util.Calendar
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.res.stringResource
+import pokitmons.pokit.alarm.R
+
+private const val HOUR_SECOND = 60 * 60
+private const val DAY_SECOND = 24 * HOUR_SECOND
+private const val MONTH_SECOND = 30 * DAY_SECOND
+private const val YEAR_SECOND = 365 * DAY_SECOND
+
+@Composable
+fun diffString(createdAtCalendar: Calendar, currentCalendar: Calendar = Calendar.getInstance()): String {
+    val diffTimeSecond = (currentCalendar.timeInMillis - createdAtCalendar.timeInMillis) / 1000
+    return when {
+        (diffTimeSecond < 60) -> {
+            stringResource(id = R.string.just_now)
+        }
+        (diffTimeSecond < HOUR_SECOND) -> {
+            stringResource(id = R.string.minute_before, (diffTimeSecond / 60))
+        }
+        (diffTimeSecond < DAY_SECOND) -> {
+            stringResource(id = R.string.hour_before, (diffTimeSecond / HOUR_SECOND))
+        }
+        (diffTimeSecond < MONTH_SECOND) -> {
+            stringResource(id = R.string.day_before, (diffTimeSecond / DAY_SECOND))
+        }
+        (diffTimeSecond < YEAR_SECOND) -> {
+            stringResource(id = R.string.month_before, (diffTimeSecond / MONTH_SECOND))
+        }
+        else -> {
+            stringResource(id = R.string.year_before, (diffTimeSecond / YEAR_SECOND))
+        }
+    }
+}
diff --git a/feature/alarm/src/main/res/values/string.xml b/feature/alarm/src/main/res/values/string.xml
new file mode 100644
index 00000000..c985f0e2
--- /dev/null
+++ b/feature/alarm/src/main/res/values/string.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="alarm_box">알림함</string>
+    <string name="remove">삭제</string>
+    
+    <string name="just_now">지금 막</string>
+    <string name="minute_before">%d분 전</string>
+    <string name="hour_before">%시간 전</string>
+    <string name="day_before">%d일 전</string>
+    <string name="month_before">%d달 전</string>
+    <string name="year_before">%d년 전</string>
+</resources>
\ No newline at end of file
diff --git a/feature/alarm/src/test/java/pokitmons/pokit/alarm/ExampleUnitTest.kt b/feature/alarm/src/test/java/pokitmons/pokit/alarm/ExampleUnitTest.kt
new file mode 100644
index 00000000..3c7f69ab
--- /dev/null
+++ b/feature/alarm/src/test/java/pokitmons/pokit/alarm/ExampleUnitTest.kt
@@ -0,0 +1,16 @@
+package pokitmons.pokit.alarm
+
+import org.junit.Assert.assertEquals
+import org.junit.Test
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+class ExampleUnitTest {
+    @Test
+    fun addition_isCorrect() {
+        assertEquals(4, 2 + 2)
+    }
+}
diff --git a/feature/home/build.gradle.kts b/feature/home/build.gradle.kts
new file mode 100644
index 00000000..202d76ba
--- /dev/null
+++ b/feature/home/build.gradle.kts
@@ -0,0 +1,78 @@
+plugins {
+    alias(libs.plugins.com.android.library)
+    alias(libs.plugins.org.jetbrains.kotlin.android)
+    alias(libs.plugins.hilt)
+    id("kotlin-kapt")
+}
+
+android {
+    namespace = "pokitmons.pokit.home"
+    compileSdk = 34
+
+    defaultConfig {
+        minSdk = 24
+        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+    }
+
+    buildTypes {
+        release {
+            isMinifyEnabled = false
+            proguardFiles(
+                getDefaultProguardFile("proguard-android-optimize.txt"),
+                "proguard-rules.pro"
+            )
+        }
+    }
+    compileOptions {
+        sourceCompatibility = JavaVersion.VERSION_1_8
+        targetCompatibility = JavaVersion.VERSION_1_8
+    }
+
+    kotlinOptions {
+        jvmTarget = "1.8"
+    }
+
+    buildFeatures {
+        compose = true
+    }
+
+    composeOptions {
+        kotlinCompilerExtensionVersion = "1.5.1"
+    }
+}
+
+dependencies {
+    implementation(libs.androidx.core.ktx)
+    implementation(libs.androidx.lifecycle.runtime.ktx)
+    implementation(libs.androidx.activity.compose)
+    implementation(platform(libs.androidx.compose.bom))
+    implementation(libs.androidx.ui)
+    implementation(libs.androidx.ui.graphics)
+    implementation(libs.androidx.ui.tooling.preview)
+    implementation(libs.androidx.material3)
+    implementation(libs.androidx.navigation.compose)
+    testImplementation(libs.junit)
+    androidTestImplementation(libs.androidx.junit)
+    androidTestImplementation(libs.androidx.espresso.core)
+    androidTestImplementation(platform(libs.androidx.compose.bom))
+    androidTestImplementation(libs.androidx.ui.test.junit4)
+    debugImplementation(libs.androidx.ui.tooling)
+    debugImplementation(libs.androidx.ui.test.manifest)
+
+    // hilt
+    implementation(libs.hilt)
+    kapt(libs.hilt.compiler)
+
+    // navigation
+    implementation(libs.androidx.navigation.compose)
+    implementation(libs.hilt.navigation.compose)
+
+    // coil
+    implementation(libs.coil.compose)
+
+    // module
+    implementation(project(":core:ui"))
+    implementation(project(":core:feature"))
+    implementation(project(":domain"))
+    implementation(project(":feature:pokitdetail"))
+}
diff --git a/feature/home/proguard-rules.pro b/feature/home/proguard-rules.pro
new file mode 100644
index 00000000..481bb434
--- /dev/null
+++ b/feature/home/proguard-rules.pro
@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
\ No newline at end of file
diff --git a/feature/home/src/androidTest/java/pokitmons/pokit/home/ExampleInstrumentedTest.kt b/feature/home/src/androidTest/java/pokitmons/pokit/home/ExampleInstrumentedTest.kt
new file mode 100644
index 00000000..ccdaae64
--- /dev/null
+++ b/feature/home/src/androidTest/java/pokitmons/pokit/home/ExampleInstrumentedTest.kt
@@ -0,0 +1,22 @@
+package pokitmons.pokit.home
+
+import androidx.test.ext.junit.runners.AndroidJUnit4
+import androidx.test.platform.app.InstrumentationRegistry
+import junit.framework.TestCase.assertEquals
+import org.junit.Test
+import org.junit.runner.RunWith
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+        assertEquals("pokitmons.pokit.home", appContext.packageName)
+    }
+}
diff --git a/feature/home/src/main/AndroidManifest.xml b/feature/home/src/main/AndroidManifest.xml
new file mode 100644
index 00000000..a5918e68
--- /dev/null
+++ b/feature/home/src/main/AndroidManifest.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+</manifest>
\ No newline at end of file
diff --git a/feature/home/src/main/java/pokitmons/pokit/home/BottomNavigationBar.kt b/feature/home/src/main/java/pokitmons/pokit/home/BottomNavigationBar.kt
new file mode 100644
index 00000000..a22e9555
--- /dev/null
+++ b/feature/home/src/main/java/pokitmons/pokit/home/BottomNavigationBar.kt
@@ -0,0 +1,106 @@
+package pokitmons.pokit.home
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.BottomAppBar
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.hilt.navigation.compose.hiltViewModel
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.utils.noRippleClickable
+import pokitmons.pokit.home.pokit.PokitViewModel
+import pokitmons.pokit.home.pokit.ScreenType
+import pokitmons.pokit.core.ui.R.drawable as DrawableResource
+
+// TODO : 바텀시트 아이템 컴포저블로 만들기
+
+@Composable
+fun BottomNavigationBar(viewModel: PokitViewModel = hiltViewModel()) {
+    Surface(
+        modifier = Modifier.fillMaxWidth(),
+        shape = RoundedCornerShape(topStart = 20.dp, topEnd = 20.dp),
+        shadowElevation = 20.dp
+    ) {
+        BottomAppBar(
+            containerColor = PokitTheme.colors.backgroundBase,
+            modifier = Modifier.height(92.dp),
+            tonalElevation = 8.dp
+        ) {
+            Column(
+                modifier = Modifier
+                    .weight(2f)
+                    .noRippleClickable { viewModel.updateScreenType(ScreenType.Pokit) }
+                    .padding(bottom = 24.dp),
+                horizontalAlignment = Alignment.CenterHorizontally
+            ) {
+                Icon(
+                    painter = painterResource(id = DrawableResource.icon_24_folder),
+                    contentDescription = "리마인드",
+                    tint = when (viewModel.screenType.value) {
+                        is ScreenType.Pokit -> Color.Black
+                        is ScreenType.Remind -> PokitTheme.colors.iconTertiary
+                    },
+                    modifier = Modifier.size(24.dp)
+                )
+                Spacer(modifier = Modifier.height(4.dp))
+                Text(
+                    color = when (viewModel.screenType.value) {
+                        is ScreenType.Pokit -> Color.Black
+                        is ScreenType.Remind -> PokitTheme.colors.textTertiary
+                    },
+                    style = PokitTheme.typography.detail2,
+                    text = "포킷",
+                    textAlign = TextAlign.Center
+                )
+            }
+
+            Column(
+                modifier = Modifier
+                    .weight(2f)
+                    .noRippleClickable { viewModel.updateScreenType(ScreenType.Remind) }
+                    .padding(bottom = 24.dp),
+                horizontalAlignment = Alignment.CenterHorizontally
+            ) {
+                Icon(
+                    painter = painterResource(id = DrawableResource.icon_24_remind),
+                    contentDescription = "리마인드",
+                    tint = when (viewModel.screenType.value) {
+                        is ScreenType.Remind -> Color.Black
+                        is ScreenType.Pokit -> PokitTheme.colors.iconTertiary
+                    },
+                    modifier = Modifier.size(24.dp)
+                )
+                Spacer(modifier = Modifier.height(4.dp))
+                Text(
+                    color = when (viewModel.screenType.value) {
+                        is ScreenType.Remind -> Color.Black
+                        is ScreenType.Pokit -> PokitTheme.colors.textTertiary
+                    },
+                    style = PokitTheme.typography.detail2,
+                    text = "리마인드",
+                    textAlign = TextAlign.Center
+                )
+            }
+        }
+    }
+}
+
+@Preview
+@Composable
+fun BottomNavigationBarPreview() {
+    BottomNavigationBar()
+}
diff --git a/feature/home/src/main/java/pokitmons/pokit/home/HomeHeader.kt b/feature/home/src/main/java/pokitmons/pokit/home/HomeHeader.kt
new file mode 100644
index 00000000..d58a0736
--- /dev/null
+++ b/feature/home/src/main/java/pokitmons/pokit/home/HomeHeader.kt
@@ -0,0 +1,83 @@
+package pokitmons.pokit.home
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.Icon
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.utils.noRippleClickable
+import pokitmons.pokit.home.pokit.PokitViewModel
+import pokitmons.pokit.home.pokit.ScreenType
+
+@Composable
+fun HomeHeader(
+    viewModel: PokitViewModel,
+    onNavigateToSetting: () -> Unit,
+    onNavigateToSearch: () -> Unit,
+    onNavigateToAlarm: () -> Unit,
+) {
+    Spacer(modifier = Modifier.height(8.dp))
+    Row(
+        modifier = Modifier
+            .background(color = Color.White)
+            .fillMaxWidth()
+            .height(56.dp)
+            .padding(start = 20.dp, end = 14.dp),
+        verticalAlignment = Alignment.CenterVertically
+    ) {
+        Icon(
+            painter = when (viewModel.screenType.value) {
+                is ScreenType.Pokit -> painterResource(id = R.drawable.logo_pokit)
+                is ScreenType.Remind -> painterResource(id = R.drawable.logo_remind)
+            },
+            tint = PokitTheme.colors.brand,
+            contentDescription = "로고"
+        )
+
+        Spacer(modifier = Modifier.weight(1f))
+
+        Row {
+            Icon(
+                painterResource(id = R.drawable.icon_24_search),
+                contentDescription = "검색",
+                modifier = Modifier
+                    .size(36.dp)
+                    .noRippleClickable { onNavigateToSearch() }
+                    .padding(6.dp)
+            )
+            Icon(
+                painterResource(id = R.drawable.icon_24_bell),
+                contentDescription = "알림",
+                modifier = Modifier
+                    .size(36.dp)
+                    .noRippleClickable { onNavigateToAlarm() }
+                    .padding(6.dp)
+            )
+
+            when (viewModel.screenType.value) {
+                is ScreenType.Pokit -> {
+                    Icon(
+                        painterResource(id = R.drawable.icon_24_setup),
+                        contentDescription = "설정",
+                        modifier = Modifier
+                            .size(36.dp)
+                            .noRippleClickable { onNavigateToSetting() }
+                            .padding(6.dp)
+                    )
+                }
+                is ScreenType.Remind -> Unit
+            }
+        }
+    }
+}
diff --git a/feature/home/src/main/java/pokitmons/pokit/home/HomeScreen.kt b/feature/home/src/main/java/pokitmons/pokit/home/HomeScreen.kt
new file mode 100644
index 00000000..ab29eac8
--- /dev/null
+++ b/feature/home/src/main/java/pokitmons/pokit/home/HomeScreen.kt
@@ -0,0 +1,220 @@
+package pokitmons.pokit.home
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.Icon
+import androidx.compose.material3.ModalBottomSheet
+import androidx.compose.material3.Scaffold
+import androidx.compose.material3.Text
+import androidx.compose.material3.rememberModalBottomSheetState
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import kotlinx.coroutines.launch
+import pokitmons.pokit.core.feature.flow.collectAsEffect
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.components.block.pokittoast.PokitToast
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.utils.noRippleClickable
+import pokitmons.pokit.home.model.HomeSideEffect
+import pokitmons.pokit.home.pokit.PokitScreen
+import pokitmons.pokit.home.pokit.PokitViewModel
+import pokitmons.pokit.home.pokit.ScreenType
+import pokitmons.pokit.home.remind.RemindScreen
+
+// TODO 화면 단으로 분라
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun HomeScreen(
+    viewModel: PokitViewModel,
+    onNavigateToPokitDetail: (String, Int) -> Unit,
+    onNavigateToSearch: () -> Unit,
+    onNavigateToSetting: () -> Unit,
+    onNavigateAddLink: () -> Unit,
+    onNavigateAddPokit: () -> Unit,
+    onNavigateToLinkModify: (String) -> Unit,
+    onNavigateToPokitModify: (String) -> Unit,
+    onNavigateToAlarm: () -> Unit,
+) {
+    val sheetState = rememberModalBottomSheetState()
+    val scope = rememberCoroutineScope()
+    var showBottomSheet by remember { mutableStateOf(false) }
+
+    val toastMessage by viewModel.toastMessage.collectAsState()
+
+    viewModel.sideEffect.collectAsEffect { homeSideEffect: HomeSideEffect ->
+        when (homeSideEffect) {
+            HomeSideEffect.NavigateToAddPokit -> {
+                onNavigateAddPokit()
+            }
+        }
+    }
+
+    Box(
+        modifier = Modifier
+            .background(color = Color.White)
+            .fillMaxSize()
+    ) {
+        if (showBottomSheet) {
+            ModalBottomSheet(
+                onDismissRequest = {
+                    showBottomSheet = false
+                },
+                sheetState = sheetState,
+                containerColor = PokitTheme.colors.backgroundBase
+            ) {
+                Row(
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .height(180.dp),
+                    horizontalArrangement = Arrangement.Center
+                ) {
+                    Column(
+                        modifier = Modifier
+                            .background(
+                                color = PokitTheme.colors.brand,
+                                shape = RoundedCornerShape(12.dp)
+                            )
+                            .size(96.dp)
+                            .noRippleClickable {
+                                scope.launch {
+                                    sheetState.hide()
+                                    showBottomSheet = false
+                                    onNavigateAddLink()
+                                }
+                            },
+                        verticalArrangement = Arrangement.Center,
+                        horizontalAlignment = Alignment.CenterHorizontally
+                    ) {
+                        Icon(
+                            tint = PokitTheme.colors.inverseWh,
+                            modifier = Modifier.size(32.dp),
+                            painter = painterResource(id = R.drawable.icon_24_link),
+                            contentDescription = null
+                        )
+                        Spacer(modifier = Modifier.height(4.dp))
+                        Text(
+                            style = PokitTheme.typography.body3Medium,
+                            text = "링크추가",
+                            color = PokitTheme.colors.inverseWh
+                        )
+                    }
+
+                    Spacer(modifier = Modifier.padding(horizontal = 10.dp))
+
+                    Column(
+                        modifier = Modifier
+                            .background(
+                                color = PokitTheme.colors.brand,
+                                shape = RoundedCornerShape(12.dp)
+                            )
+                            .size(96.dp)
+                            .noRippleClickable {
+                                scope.launch {
+                                    sheetState.hide()
+                                    showBottomSheet = false
+                                    viewModel.checkPokitCount()
+                                }
+                            },
+                        verticalArrangement = Arrangement.Center,
+                        horizontalAlignment = Alignment.CenterHorizontally
+                    ) {
+                        Icon(
+                            tint = PokitTheme.colors.inverseWh,
+                            modifier = Modifier.size(32.dp),
+                            painter = painterResource(id = R.drawable.icon_24_folder),
+                            contentDescription = null
+                        )
+                        Spacer(modifier = Modifier.height(4.dp))
+                        Text(
+                            style = PokitTheme.typography.body3Medium,
+                            text = "포킷추가",
+                            color = PokitTheme.colors.inverseWh
+                        )
+                    }
+                }
+            }
+        }
+
+        // screen
+        Column(
+            modifier = Modifier
+                .background(color = Color.White)
+                .fillMaxSize()
+        ) {
+            HomeHeader(
+                viewModel = viewModel,
+                onNavigateToSearch = { onNavigateToSearch() },
+                onNavigateToSetting = { onNavigateToSetting() },
+                onNavigateToAlarm = onNavigateToAlarm
+            )
+            Scaffold(
+                bottomBar = { BottomNavigationBar() }
+            ) { padding ->
+                Box {
+                    when (viewModel.screenType.value) {
+                        is ScreenType.Pokit -> {
+                            PokitScreen(
+                                viewModel = viewModel,
+                                modifier = Modifier.padding(padding),
+                                onNavigateToPokitDetail = onNavigateToPokitDetail,
+                                onNavigateToLinkModify = onNavigateToLinkModify,
+                                onNavigateToPokitModify = onNavigateToPokitModify
+                            )
+                        }
+
+                        is ScreenType.Remind -> {
+                            RemindScreen(
+                                modifier = Modifier.padding(padding),
+                                onNavigateToLinkModify = onNavigateToLinkModify
+                            )
+                        }
+                    }
+
+                    toastMessage?.let { toastMessageEvent ->
+                        PokitToast(
+                            modifier = Modifier
+                                .align(Alignment.BottomCenter)
+                                .padding(padding)
+                                .padding(start = 12.dp, end = 12.dp, bottom = 48.dp),
+                            text = stringResource(id = toastMessageEvent.resourceId),
+                            onClickClose = viewModel::closeToastMessage
+                        )
+                    }
+                }
+            }
+        }
+        Image(
+            modifier = Modifier
+                .align(Alignment.BottomCenter)
+                .padding(bottom = 60.dp)
+                .noRippleClickable {
+                    showBottomSheet = true
+                },
+            painter = painterResource(id = R.drawable.image_floating),
+            contentDescription = null
+        )
+    }
+}
diff --git a/feature/home/src/main/java/pokitmons/pokit/home/model/HomeSideEffect.kt b/feature/home/src/main/java/pokitmons/pokit/home/model/HomeSideEffect.kt
new file mode 100644
index 00000000..3b0f6344
--- /dev/null
+++ b/feature/home/src/main/java/pokitmons/pokit/home/model/HomeSideEffect.kt
@@ -0,0 +1,5 @@
+package pokitmons.pokit.home.model
+
+sealed class HomeSideEffect {
+    data object NavigateToAddPokit : HomeSideEffect()
+}
diff --git a/feature/home/src/main/java/pokitmons/pokit/home/model/HomeToastMessage.kt b/feature/home/src/main/java/pokitmons/pokit/home/model/HomeToastMessage.kt
new file mode 100644
index 00000000..030598f9
--- /dev/null
+++ b/feature/home/src/main/java/pokitmons/pokit/home/model/HomeToastMessage.kt
@@ -0,0 +1,7 @@
+package pokitmons.pokit.home.model
+
+import pokitmons.pokit.home.R
+
+enum class HomeToastMessage(val resourceId: Int) {
+    CANNOT_CREATE_POKIT_MORE(R.string.toast_cannot_create_pokit),
+}
diff --git a/feature/home/src/main/java/pokitmons/pokit/home/pokit/CategorySelector.kt b/feature/home/src/main/java/pokitmons/pokit/home/pokit/CategorySelector.kt
new file mode 100644
index 00000000..c613972d
--- /dev/null
+++ b/feature/home/src/main/java/pokitmons/pokit/home/pokit/CategorySelector.kt
@@ -0,0 +1,137 @@
+package pokitmons.pokit.home.pokit
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.hilt.navigation.compose.hiltViewModel
+import pokitmons.pokit.core.ui.components.atom.button.PokitButton
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonIcon
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonIconPosition
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonShape
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonSize
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonStyle
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonType
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.utils.noRippleClickable
+import pokitmons.pokit.core.ui.R.drawable as DrawableResource
+
+@Composable
+fun HomeMid(viewModel: PokitViewModel = hiltViewModel()) {
+    Spacer(modifier = Modifier.height(24.dp))
+    Column(
+        modifier = Modifier
+            .fillMaxWidth()
+    ) {
+        Row(
+            modifier = Modifier.fillMaxWidth(),
+            verticalAlignment = Alignment.CenterVertically
+        ) {
+            PokitButton(
+                size = PokitButtonSize.SMALL,
+                style = when (viewModel.selectedCategory.value) {
+                    is Category.Pokit -> PokitButtonStyle.FILLED
+                    is Category.Unclassified -> PokitButtonStyle.DEFAULT
+                },
+                text = "포킷",
+                shape = PokitButtonShape.ROUND,
+                icon = PokitButtonIcon(
+                    DrawableResource.icon_24_folderline,
+                    PokitButtonIconPosition.LEFT
+                ),
+                type = when (viewModel.selectedCategory.value) {
+                    is Category.Pokit -> PokitButtonType.PRIMARY
+                    is Category.Unclassified -> PokitButtonType.SECONDARY
+                },
+                onClick = { viewModel.updateCategory(Category.Pokit) }
+            )
+
+            Spacer(modifier = Modifier.padding(start = 8.dp))
+
+            PokitButton(
+                size = PokitButtonSize.SMALL,
+                style = when (viewModel.selectedCategory.value) {
+                    is Category.Pokit -> PokitButtonStyle.DEFAULT
+                    is Category.Unclassified -> PokitButtonStyle.FILLED
+                },
+                text = "미분류",
+                shape = PokitButtonShape.ROUND,
+                icon = PokitButtonIcon(
+                    DrawableResource.icon_24_info,
+                    PokitButtonIconPosition.LEFT
+                ),
+                type = when (viewModel.selectedCategory.value) {
+                    is Category.Pokit -> PokitButtonType.SECONDARY
+                    is Category.Unclassified -> PokitButtonType.PRIMARY
+                },
+                onClick = { viewModel.updateCategory(Category.Unclassified) }
+            )
+
+            Row(
+                modifier = Modifier.fillMaxWidth(),
+                horizontalArrangement = Arrangement.End
+            ) {
+                Icon(
+                    modifier = Modifier.size(18.dp),
+                    painter = painterResource(id = DrawableResource.icon_24_align),
+                    contentDescription = null
+                )
+
+                Spacer(modifier = Modifier.padding(start = 2.dp))
+
+                if (viewModel.selectedCategory.value == Category.Pokit) {
+                    Text(
+                        modifier = Modifier
+                            .noRippleClickable {
+                                when (viewModel.pokitsSortOrder.value) {
+                                    is PokitsSortOrder.Latest -> viewModel.updatePokitsSortOrder(PokitsSortOrder.Name)
+                                    is PokitsSortOrder.Name -> viewModel.updatePokitsSortOrder(PokitsSortOrder.Latest)
+                                }
+                            }
+                            .align(Alignment.CenterVertically),
+                        text = when (viewModel.pokitsSortOrder.value) {
+                            is PokitsSortOrder.Latest -> "최신순"
+                            is PokitsSortOrder.Name -> "이름순"
+                        },
+                        style = PokitTheme.typography.body3Medium
+                    )
+                } else {
+                    Text(
+                        modifier = Modifier
+                            .noRippleClickable {
+                                when (viewModel.linksSortOrder.value) {
+                                    is UncategorizedLinksSortOrder.Latest -> viewModel.updateLinksSortOrder(UncategorizedLinksSortOrder.Older)
+                                    is UncategorizedLinksSortOrder.Older -> viewModel.updateLinksSortOrder(UncategorizedLinksSortOrder.Latest)
+                                }
+                            }
+                            .align(Alignment.CenterVertically),
+                        text = when (viewModel.linksSortOrder.value) {
+                            is UncategorizedLinksSortOrder.Latest -> "최신순"
+                            is UncategorizedLinksSortOrder.Older -> "오래된순"
+                        },
+                        style = PokitTheme.typography.body3Medium
+                    )
+                }
+            }
+        }
+        Spacer(modifier = Modifier.height(20.dp))
+    }
+}
+
+@Preview(showBackground = true)
+@Composable
+fun PreviewCustomRow() {
+    HomeMid()
+}
diff --git a/feature/home/src/main/java/pokitmons/pokit/home/pokit/PokitScreen.kt b/feature/home/src/main/java/pokitmons/pokit/home/pokit/PokitScreen.kt
new file mode 100644
index 00000000..0716220c
--- /dev/null
+++ b/feature/home/src/main/java/pokitmons/pokit/home/pokit/PokitScreen.kt
@@ -0,0 +1,175 @@
+package pokitmons.pokit.home.pokit
+
+import android.content.Context
+import android.widget.Toast
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.lazy.grid.GridCells
+import androidx.compose.foundation.lazy.grid.LazyVerticalGrid
+import androidx.compose.foundation.lazy.grid.items
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import coil.compose.rememberAsyncImagePainter
+import com.strayalpaca.pokitdetail.R
+import com.strayalpaca.pokitdetail.model.BottomSheetType
+import com.strayalpaca.pokitdetail.paging.SimplePagingState
+import pokitmons.pokit.core.ui.components.atom.loading.LoadingProgress
+import pokitmons.pokit.core.ui.components.block.pokitcard.PokitCard
+import pokitmons.pokit.core.ui.components.template.bottomsheet.PokitBottomSheet
+import pokitmons.pokit.core.ui.components.template.modifybottomsheet.ModifyBottomSheetContent
+import pokitmons.pokit.core.ui.components.template.pookiempty.EmptyPooki
+import pokitmons.pokit.core.ui.components.template.pookierror.ErrorPooki
+import pokitmons.pokit.core.ui.components.template.removeItemBottomSheet.TwoButtonBottomSheetContent
+import pokitmons.pokit.core.ui.R.string as coreString
+
+@Composable
+fun PokitScreen(
+    modifier: Modifier = Modifier,
+    viewModel: PokitViewModel,
+    onNavigateToPokitDetail: (String, Int) -> Unit,
+    onNavigateToLinkModify: (String) -> Unit,
+    onNavigateToPokitModify: (String) -> Unit,
+) {
+    val pokits = viewModel.pokits.collectAsState()
+    val pokitsState by viewModel.pokitsState.collectAsState()
+    val selectedCategory by viewModel.selectedCategory
+    val unCategoryLinks = viewModel.unCategoryLinks.collectAsState()
+    val unCategoryLinksState by viewModel.linksState.collectAsState()
+
+    val pokitOptionBottomSheetType by viewModel.pokitOptionBottomSheetType.collectAsState()
+    val currentDetailSelectedCategory by viewModel.currentDetailSelectedCategory.collectAsState()
+
+    val context: Context = LocalContext.current
+
+    PokitBottomSheet(
+        onHideBottomSheet = viewModel::hidePokitDetailRemoveBottomSheet,
+        show = pokitOptionBottomSheetType != null
+    ) {
+        when (pokitOptionBottomSheetType) {
+            BottomSheetType.MODIFY -> {
+                ModifyBottomSheetContent(
+                    onClickShare = { Toast.makeText(context, "준비중입니다.", Toast.LENGTH_SHORT).show() },
+                    onClickModify = remember {
+                        {
+                            viewModel.hidePokitDetailRemoveBottomSheet()
+                            onNavigateToPokitModify(currentDetailSelectedCategory!!.id)
+                        }
+                    },
+                    onClickRemove = viewModel::showPokitDetailRemoveBottomSheet
+                )
+            }
+            BottomSheetType.REMOVE -> {
+                TwoButtonBottomSheetContent(
+                    title = stringResource(id = R.string.title_remove_pokit),
+                    subText = stringResource(id = R.string.sub_remove_pokit),
+                    onClickLeftButton = viewModel::hidePokitDetailRemoveBottomSheet,
+                    onClickRightButton = remember {
+                        {
+                            viewModel.removeCurrentDetailSelectedCategory()
+                            viewModel.hidePokitDetailRemoveBottomSheet()
+                        }
+                    }
+                )
+            }
+            else -> {}
+        }
+    }
+
+    Column(
+        modifier = modifier
+            .background(color = Color.White)
+            .padding(horizontal = 20.dp)
+            .fillMaxSize()
+    ) {
+        HomeMid(viewModel = viewModel)
+
+        when (selectedCategory) {
+            is Category.Pokit -> {
+                when {
+                    (pokitsState == SimplePagingState.LOADING_INIT) -> {
+                        LoadingProgress(modifier = Modifier.fillMaxSize())
+                    }
+                    (pokitsState == SimplePagingState.FAILURE_INIT) -> {
+                        ErrorPooki(
+                            modifier = Modifier.fillMaxSize(),
+                            title = stringResource(id = coreString.title_error),
+                            sub = stringResource(id = coreString.sub_error),
+                            onClickRetry = viewModel::loadPokits
+                        )
+                    }
+                    (pokits.value.isEmpty()) -> {
+                        EmptyPooki(
+                            modifier = Modifier.fillMaxSize(),
+                            title = stringResource(id = coreString.title_empty_pokits),
+                            sub = stringResource(id = coreString.sub_empty_pokits)
+                        )
+                    }
+                    else -> {
+                        LazyVerticalGrid(
+                            modifier = Modifier.fillMaxSize(),
+                            columns = GridCells.Fixed(2),
+                            contentPadding = PaddingValues(bottom = 100.dp),
+                            verticalArrangement = Arrangement.spacedBy(12.dp),
+                            horizontalArrangement = Arrangement.spacedBy(12.dp)
+                        ) {
+                            items(
+                                items = pokits.value,
+                                key = { it.id }
+                            ) { pokitDetail ->
+                                PokitCard(
+                                    text = pokitDetail.title,
+                                    linkCount = pokitDetail.count,
+                                    painter = rememberAsyncImagePainter(model = pokitDetail.image.url),
+                                    onClick = { onNavigateToPokitDetail(pokitDetail.id, pokitDetail.count) },
+                                    onClickKebab = {
+                                        viewModel.showPokitDetailOptionBottomSheet(pokitDetail)
+                                    }
+                                )
+                            }
+                        }
+                    }
+                }
+            }
+
+            is Category.Unclassified -> {
+                when {
+                    (unCategoryLinksState == SimplePagingState.LOADING_INIT) -> {
+                        LoadingProgress(modifier = Modifier.fillMaxSize())
+                    }
+                    (unCategoryLinksState == SimplePagingState.FAILURE_INIT) -> {
+                        ErrorPooki(
+                            modifier = Modifier.fillMaxSize(),
+                            title = stringResource(id = coreString.title_error),
+                            sub = stringResource(id = coreString.sub_error),
+                            onClickRetry = viewModel::loadUnCategoryLinks
+                        )
+                    }
+                    (unCategoryLinks.value.isEmpty()) -> {
+                        EmptyPooki(
+                            modifier = Modifier.fillMaxSize(),
+                            title = stringResource(id = coreString.title_empty_links),
+                            sub = stringResource(id = coreString.sub_empty_links)
+                        )
+                    }
+                    else -> {
+                        UnclassifiedScreen(
+                            viewModel = viewModel,
+                            onNavigateToLinkModify = onNavigateToLinkModify
+                        )
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/feature/home/src/main/java/pokitmons/pokit/home/pokit/PokitViewModel.kt b/feature/home/src/main/java/pokitmons/pokit/home/pokit/PokitViewModel.kt
new file mode 100644
index 00000000..edbc9059
--- /dev/null
+++ b/feature/home/src/main/java/pokitmons/pokit/home/pokit/PokitViewModel.kt
@@ -0,0 +1,404 @@
+package pokitmons.pokit.home.pokit
+
+import androidx.compose.runtime.mutableStateOf
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import com.strayalpaca.pokitdetail.model.BottomSheetType
+import com.strayalpaca.pokitdetail.model.Pokit
+import com.strayalpaca.pokitdetail.paging.LinkPaging
+import com.strayalpaca.pokitdetail.paging.PokitPaging
+import dagger.hilt.android.lifecycle.HiltViewModel
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.flow.collectLatest
+import kotlinx.coroutines.flow.update
+import kotlinx.coroutines.launch
+import pokitmons.pokit.core.feature.flow.MutableEventFlow
+import pokitmons.pokit.core.feature.flow.asEventFlow
+import pokitmons.pokit.core.feature.navigation.args.LinkUpdateEvent
+import pokitmons.pokit.core.feature.navigation.args.PokitUpdateEvent
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.link.Link
+import pokitmons.pokit.domain.model.link.LinksSort
+import pokitmons.pokit.domain.model.pokit.MAX_POKIT_COUNT
+import pokitmons.pokit.domain.model.pokit.PokitsSort
+import pokitmons.pokit.domain.usecase.link.DeleteLinkUseCase
+import pokitmons.pokit.domain.usecase.link.GetLinkUseCase
+import pokitmons.pokit.domain.usecase.link.GetLinksUseCase
+import pokitmons.pokit.domain.usecase.link.SetBookmarkUseCase
+import pokitmons.pokit.domain.usecase.pokit.DeletePokitUseCase
+import pokitmons.pokit.domain.usecase.pokit.GetPokitCountUseCase
+import pokitmons.pokit.domain.usecase.pokit.GetPokitsUseCase
+import pokitmons.pokit.home.model.HomeSideEffect
+import pokitmons.pokit.home.model.HomeToastMessage
+import javax.inject.Inject
+import com.strayalpaca.pokitdetail.model.Link as DetailLink
+import pokitmons.pokit.domain.model.pokit.Pokit as DomainPokit
+
+@HiltViewModel
+class PokitViewModel @Inject constructor(
+    private val getPokitsUseCase: GetPokitsUseCase,
+    private val getLinksUseCase: GetLinksUseCase,
+    private val deletePokitUseCase: DeletePokitUseCase,
+    private val getPokitCountUseCase: GetPokitCountUseCase,
+    private val deleteLinkUseCase: DeleteLinkUseCase,
+    private val setBookmarkUseCase: SetBookmarkUseCase,
+    private val getLinkUseCase: GetLinkUseCase,
+) : ViewModel() {
+
+    private val _sideEffect = MutableEventFlow<HomeSideEffect>()
+    val sideEffect = _sideEffect.asEventFlow()
+
+    private val _toastMessage = MutableStateFlow<HomeToastMessage?>(null)
+    val toastMessage = _toastMessage.asStateFlow()
+
+    private fun initLinkUpdateEventDetector() {
+        viewModelScope.launch {
+            LinkUpdateEvent.updatedLink.collectLatest { updatedLink ->
+                val targetLink = linkPaging.pagingData.value.find { it.id == updatedLink.id.toString() } ?: return@collectLatest
+
+                val isCategoryChanged = (targetLink.pokitId != updatedLink.pokitId.toString())
+                if (isCategoryChanged) {
+                    linkPaging.deleteItem(targetLink)
+                } else {
+                    val modifiedLink = targetLink.copy(
+                        title = updatedLink.title,
+                        imageUrl = updatedLink.thumbnail,
+                        domainUrl = updatedLink.domain,
+                        createdAt = updatedLink.createdAt
+                    )
+                    linkPaging.modifyItem(modifiedLink)
+                }
+            }
+        }
+    }
+
+    private fun initLinkAddEventDetector() {
+        viewModelScope.launch {
+            LinkUpdateEvent.addedLink.collectLatest { addedLink ->
+                linkPaging.refresh()
+                val linkAddedPokit = pokitPaging.pagingData.value.find { it.id == addedLink.pokitId.toString() } ?: return@collectLatest
+                val modifiedPokit = linkAddedPokit.copy(count = (linkAddedPokit.count + 1))
+                pokitPaging.modifyItem(modifiedPokit)
+            }
+        }
+    }
+
+    private fun initLinkRemoveEventDetector() {
+        viewModelScope.launch {
+            LinkUpdateEvent.removedLink.collectLatest { removedLink ->
+                val targetLink = linkPaging.pagingData.value.find { it.id == removedLink.toString() } ?: return@collectLatest
+                linkPaging.deleteItem(targetLink)
+            }
+        }
+    }
+
+    private fun initPokitUpdateEventDetector() {
+        viewModelScope.launch {
+            PokitUpdateEvent.updatedPokit.collectLatest { updatedPokit ->
+                val targetPokit = pokitPaging.pagingData.value.find { it.id == updatedPokit.id.toString() } ?: return@collectLatest
+                val pokitImage = DomainPokit.Image(id = updatedPokit.imageId, url = updatedPokit.imageUrl)
+                val modifiedPokit = targetPokit.copy(title = updatedPokit.title, image = pokitImage)
+                pokitPaging.modifyItem(modifiedPokit)
+            }
+        }
+    }
+
+    private fun initPokitRemoveEventDetector() {
+        viewModelScope.launch {
+            PokitUpdateEvent.removedPokitId.collectLatest { removedPokitId ->
+                val targetPokit = pokitPaging.pagingData.value.find { it.id == removedPokitId.toString() } ?: return@collectLatest
+                pokitPaging.deleteItem(targetPokit)
+            }
+        }
+    }
+
+    private fun initPokitAddEventDetector() {
+        viewModelScope.launch {
+            PokitUpdateEvent.addedPokit.collectLatest {
+                pokitPaging.refresh()
+            }
+        }
+    }
+
+    var selectedCategory = mutableStateOf<Category>(Category.Pokit)
+        private set
+
+    var pokitsSortOrder = mutableStateOf<PokitsSortOrder>(PokitsSortOrder.Latest)
+        private set
+
+    var linksSortOrder = mutableStateOf<UncategorizedLinksSortOrder>(UncategorizedLinksSortOrder.Latest)
+        private set
+
+    var screenType = mutableStateOf<ScreenType>(ScreenType.Pokit)
+        private set
+
+    private val pokitPaging = PokitPaging(
+        getPokits = getPokitsUseCase,
+        perPage = 10,
+        coroutineScope = viewModelScope,
+        initPage = 0
+    )
+
+    private val linkPaging = LinkPaging(
+        getLinks = ::getUncategorizedLinks,
+        perPage = 10,
+        coroutineScope = viewModelScope,
+        initPage = 0,
+        initCategoryId = 1
+    )
+
+    val pokits: StateFlow<List<Pokit>>
+        get() = pokitPaging._pagingData.asStateFlow()
+
+    val pokitsState = pokitPaging.pagingState
+
+    val unCategoryLinks: StateFlow<List<DetailLink>>
+        get() = linkPaging._pagingData.asStateFlow()
+
+    val linksState = linkPaging.pagingState
+
+    private val _currentDetailSelectedCategory = MutableStateFlow<Pokit?>(null)
+    val currentDetailSelectedCategory = _currentDetailSelectedCategory.asStateFlow()
+
+    private val _pokitOptionBottomSheetType = MutableStateFlow<BottomSheetType?>(null)
+    val pokitOptionBottomSheetType = _pokitOptionBottomSheetType.asStateFlow()
+
+    private val _currentSelectedLink = MutableStateFlow<DetailLink?>(null)
+    val currentSelectedLink = _currentSelectedLink.asStateFlow()
+
+    private val _currentDetailShowLink = MutableStateFlow<DetailLink?>(null)
+    val currentDetailShowLink = _currentDetailShowLink.asStateFlow()
+
+    private val _linkOptionBottomSheetType = MutableStateFlow<BottomSheetType?>(null)
+    val linkOptionBottomSheetType = _linkOptionBottomSheetType.asStateFlow()
+
+    init {
+        initLinkUpdateEventDetector()
+        initPokitUpdateEventDetector()
+        initPokitRemoveEventDetector()
+        initLinkAddEventDetector()
+        initPokitAddEventDetector()
+        initLinkRemoveEventDetector()
+
+        loadUnCategoryLinks()
+        loadPokits()
+    }
+
+    fun updateCategory(category: Category) {
+        selectedCategory.value = category
+    }
+
+    fun updatePokitsSortOrder(order: PokitsSortOrder) {
+        pokitsSortOrder.value = order
+        sortPokits()
+    }
+
+    private fun sortPokits() {
+        when (pokitsSortOrder.value) {
+            is PokitsSortOrder.Name -> {
+                pokitPaging.changeSort(PokitsSort.ALPHABETICAL)
+            }
+            is PokitsSortOrder.Latest -> {
+                pokitPaging.changeSort(PokitsSort.RECENT)
+            }
+        }
+
+        viewModelScope.launch {
+            pokitPaging.refresh()
+        }
+    }
+
+    fun updateLinksSortOrder(order: UncategorizedLinksSortOrder) {
+        linksSortOrder.value = order
+        sortUncategorizedLinks()
+    }
+
+    private fun sortUncategorizedLinks() {
+        when (linksSortOrder.value) {
+            is UncategorizedLinksSortOrder.Latest -> {
+                linkPaging.changeOptions(0, LinksSort.RECENT)
+            }
+            is UncategorizedLinksSortOrder.Older -> {
+                linkPaging.changeOptions(0, LinksSort.OLDER)
+            }
+        }
+
+        viewModelScope.launch {
+            linkPaging.refresh()
+        }
+    }
+
+    private suspend fun getUncategorizedLinks(categoryId: Int, size: Int, page: Int, sort: LinksSort): PokitResult<List<Link>> {
+        return getLinksUseCase.getUncategorizedLinks(
+            size = size,
+            page = page,
+            sort = sort
+        )
+    }
+
+    fun updateScreenType(type: ScreenType) {
+        screenType.value = type
+    }
+
+    fun loadPokits() {
+        viewModelScope.launch {
+            pokitPaging.refresh()
+        }
+    }
+
+    fun loadUnCategoryLinks() {
+        viewModelScope.launch {
+            linkPaging.refresh()
+        }
+    }
+
+    fun showPokitDetailOptionBottomSheet(pokit: Pokit) {
+        _currentDetailSelectedCategory.update { pokit }
+        _pokitOptionBottomSheetType.update { BottomSheetType.MODIFY }
+    }
+
+    fun showPokitDetailRemoveBottomSheet() {
+        _pokitOptionBottomSheetType.update {
+            BottomSheetType.REMOVE
+        }
+    }
+
+    fun hidePokitDetailRemoveBottomSheet() {
+        _currentDetailSelectedCategory.update { null }
+        _pokitOptionBottomSheetType.update { null }
+    }
+
+    fun removeCurrentDetailSelectedCategory() {
+        viewModelScope.launch {
+            val currentDetailSelectedPokit = currentDetailSelectedCategory.value ?: return@launch
+            val pokitId = currentDetailSelectedPokit.id.toInt()
+            val response = deletePokitUseCase.deletePokit(pokitId)
+            if (response is PokitResult.Success) {
+                PokitUpdateEvent.removePokit(pokitId)
+            }
+        }
+    }
+
+    fun checkPokitCount() {
+        viewModelScope.launch {
+            _toastMessage.update { null }
+            val response = getPokitCountUseCase.getPokitCount()
+            if (response is PokitResult.Success) {
+                if (response.result >= MAX_POKIT_COUNT) {
+                    _toastMessage.update { HomeToastMessage.CANNOT_CREATE_POKIT_MORE }
+                } else {
+                    _sideEffect.emit(HomeSideEffect.NavigateToAddPokit)
+                }
+            }
+        }
+    }
+
+    fun closeToastMessage() {
+        _toastMessage.update { null }
+    }
+
+    fun showLinkOptionBottomSheet(link: DetailLink) {
+        _linkOptionBottomSheetType.update { BottomSheetType.MODIFY }
+        _currentSelectedLink.update { link }
+    }
+
+    fun hideLinkOptionBottomSheet() {
+        _linkOptionBottomSheetType.update { null }
+        _currentSelectedLink.update { null }
+    }
+
+    fun showLinkRemoveBottomSheet() {
+        _linkOptionBottomSheetType.update { BottomSheetType.REMOVE }
+    }
+
+    fun showLinkRemoveBottomSheet(link: DetailLink) {
+        _currentSelectedLink.update { link }
+        _linkOptionBottomSheetType.update { BottomSheetType.REMOVE }
+    }
+
+    fun removeCurrentSelectedLink() {
+        val currentSelectedLinkId = currentSelectedLink.value?.id?.toIntOrNull() ?: return
+        viewModelScope.launch {
+            val response = deleteLinkUseCase.deleteLink(currentSelectedLinkId)
+            if (response is PokitResult.Success) {
+                LinkUpdateEvent.removeSuccess(currentSelectedLinkId)
+            }
+        }
+    }
+
+    fun showDetailLinkBottomSheet(link: DetailLink) {
+        _currentDetailShowLink.update { link }
+
+        viewModelScope.launch {
+            val response = getLinkUseCase.getLink(link.id.toInt())
+            if (response is PokitResult.Success) {
+                val responseLink = response.result
+                if (_currentDetailShowLink.value?.id == responseLink.id.toString()) {
+                    _currentDetailShowLink.update {
+                        DetailLink(
+                            id = responseLink.id.toString(),
+                            title = responseLink.title,
+                            dateString = responseLink.createdAt,
+                            url = responseLink.data,
+                            isRead = true,
+                            domainUrl = responseLink.domain,
+                            imageUrl = _currentDetailShowLink.value?.imageUrl,
+                            memo = responseLink.memo,
+                            bookmark = responseLink.favorites,
+                            pokitName = responseLink.categoryName
+                        )
+                    }
+                }
+                val isReadChangedLink = linkPaging.pagingData.value
+                    .find { it.id == link.id }
+                    ?.copy(isRead = true) ?: return@launch
+
+                linkPaging.modifyItem(isReadChangedLink)
+            }
+        }
+    }
+
+    fun hideDetailLinkBottomSheet() {
+        _currentDetailShowLink.update { null }
+    }
+
+    fun toggleBookmark() {
+        val currentLink = _currentDetailShowLink.value ?: return
+        val currentLinkId = currentLink.id.toIntOrNull() ?: return
+        val applyBookmarked = !currentLink.bookmark
+
+        viewModelScope.launch {
+            val response = setBookmarkUseCase.setBookMarked(currentLinkId, applyBookmarked)
+            if (response is PokitResult.Success) {
+                val bookmarkChangedLink = currentLink.copy(bookmark = applyBookmarked)
+                linkPaging.modifyItem(bookmarkChangedLink)
+
+                if (currentLink.id == _currentDetailShowLink.value?.id) {
+                    _currentDetailShowLink.update { bookmarkChangedLink }
+                }
+            }
+        }
+    }
+}
+
+sealed class Category {
+    data object Pokit : Category()
+    data object Unclassified : Category()
+}
+
+sealed class PokitsSortOrder {
+    data object Latest : PokitsSortOrder()
+    data object Name : PokitsSortOrder()
+}
+
+sealed class UncategorizedLinksSortOrder {
+    data object Latest : UncategorizedLinksSortOrder()
+    data object Older : UncategorizedLinksSortOrder()
+}
+
+sealed class ScreenType {
+    data object Pokit : ScreenType()
+    data object Remind : ScreenType()
+}
diff --git a/feature/home/src/main/java/pokitmons/pokit/home/pokit/UnclassifiedScreen.kt b/feature/home/src/main/java/pokitmons/pokit/home/pokit/UnclassifiedScreen.kt
new file mode 100644
index 00000000..0bc81537
--- /dev/null
+++ b/feature/home/src/main/java/pokitmons/pokit/home/pokit/UnclassifiedScreen.kt
@@ -0,0 +1,138 @@
+package pokitmons.pokit.home.pokit
+
+import android.content.Context
+import android.content.Intent
+import android.widget.Toast
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.items
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.hilt.navigation.compose.hiltViewModel
+import coil.compose.rememberAsyncImagePainter
+import com.strayalpaca.pokitdetail.R
+import com.strayalpaca.pokitdetail.model.BottomSheetType
+import pokitmons.pokit.core.ui.components.block.linkcard.LinkCard
+import pokitmons.pokit.core.ui.components.template.bottomsheet.PokitBottomSheet
+import pokitmons.pokit.core.ui.components.template.linkdetailbottomsheet.LinkDetailBottomSheet
+import pokitmons.pokit.core.ui.components.template.modifybottomsheet.ModifyBottomSheetContent
+import pokitmons.pokit.core.ui.components.template.removeItemBottomSheet.TwoButtonBottomSheetContent
+
+@Composable
+fun UnclassifiedScreen(
+    viewModel: PokitViewModel = hiltViewModel(),
+    onNavigateToLinkModify: (String) -> Unit = {},
+) {
+    val unCategoryLinks = viewModel.unCategoryLinks.collectAsState()
+
+    val pokitOptionBottomSheetType by viewModel.linkOptionBottomSheetType.collectAsState()
+    val currentSelectedLink by viewModel.currentSelectedLink.collectAsState()
+    val currentDetailShowLink by viewModel.currentDetailShowLink.collectAsState()
+
+    val context: Context = LocalContext.current
+
+    currentDetailShowLink?.let { link ->
+        LinkDetailBottomSheet(
+            title = link.title,
+            memo = link.memo,
+            url = link.url,
+            thumbnailPainter = rememberAsyncImagePainter(model = link.imageUrl),
+            bookmark = link.bookmark,
+            openWebBrowserByClick = true,
+            pokitName = link.pokitName,
+            dateString = link.dateString,
+            onHideBottomSheet = viewModel::hideDetailLinkBottomSheet,
+            show = true,
+            onClickShareLink = {
+                val intent = Intent(Intent.ACTION_SEND_MULTIPLE).apply {
+                    type = "text/plain"
+                    putExtra(Intent.EXTRA_TEXT, link.url)
+                }
+                context.startActivity(Intent.createChooser(intent, "Pokit"))
+            },
+            onClickModifyLink = {
+                viewModel.hideDetailLinkBottomSheet()
+                onNavigateToLinkModify(link.id)
+            },
+            onClickRemoveLink = {
+                viewModel.hideDetailLinkBottomSheet()
+                viewModel.showLinkRemoveBottomSheet(link)
+            },
+            onClickBookmark = viewModel::toggleBookmark
+        )
+    }
+
+    PokitBottomSheet(
+        onHideBottomSheet = viewModel::hideLinkOptionBottomSheet,
+        show = pokitOptionBottomSheetType != null
+    ) {
+        when (pokitOptionBottomSheetType) {
+            BottomSheetType.MODIFY -> {
+                ModifyBottomSheetContent(
+                    onClickShare = { Toast.makeText(context, "준비중입니다.", Toast.LENGTH_SHORT).show() },
+                    onClickModify = remember {
+                        {
+                            viewModel.hideLinkOptionBottomSheet()
+                            onNavigateToLinkModify(currentSelectedLink!!.id)
+                        }
+                    },
+                    onClickRemove = viewModel::showLinkRemoveBottomSheet
+                )
+            }
+            BottomSheetType.REMOVE -> {
+                TwoButtonBottomSheetContent(
+                    title = stringResource(id = R.string.title_remove_link),
+                    subText = stringResource(id = R.string.sub_remove_link),
+                    onClickLeftButton = viewModel::hideLinkOptionBottomSheet,
+                    onClickRightButton = remember {
+                        {
+                            viewModel.removeCurrentSelectedLink()
+                            viewModel.hideLinkOptionBottomSheet()
+                        }
+                    }
+                )
+            }
+            else -> {}
+        }
+    }
+
+    LazyColumn(
+        modifier = Modifier,
+        contentPadding = PaddingValues(bottom = 20.dp),
+        verticalArrangement = Arrangement.spacedBy(20.dp)
+    ) {
+        items(
+            items = unCategoryLinks.value,
+            key = { it.id }
+        ) { unCategoryDetail ->
+            LinkCard(
+                item = unCategoryDetail.pokitName,
+                title = unCategoryDetail.title,
+                sub = unCategoryDetail.createdAt,
+                painter = rememberAsyncImagePainter(model = unCategoryDetail.imageUrl),
+                notRead = !unCategoryDetail.isRead,
+                badgeText = "미분류",
+                onClickKebab = {
+                    viewModel.showLinkOptionBottomSheet(unCategoryDetail)
+                },
+                onClickItem = {
+                    viewModel.showDetailLinkBottomSheet(unCategoryDetail)
+                }
+            )
+        }
+    }
+}
+
+@Preview
+@Composable
+fun LinkCardPreview2() {
+    UnclassifiedScreen()
+}
diff --git a/feature/home/src/main/java/pokitmons/pokit/home/remind/RemindScreen.kt b/feature/home/src/main/java/pokitmons/pokit/home/remind/RemindScreen.kt
new file mode 100644
index 00000000..9395d92d
--- /dev/null
+++ b/feature/home/src/main/java/pokitmons/pokit/home/remind/RemindScreen.kt
@@ -0,0 +1,297 @@
+package pokitmons.pokit.home.remind
+
+import android.content.Context
+import android.widget.Toast
+import androidx.compose.foundation.background
+import androidx.compose.foundation.horizontalScroll
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.derivedStateOf
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import androidx.hilt.navigation.compose.hiltViewModel
+import coil.compose.rememberAsyncImagePainter
+import com.strayalpaca.pokitdetail.R
+import com.strayalpaca.pokitdetail.model.BottomSheetType
+import pokitmons.pokit.core.feature.model.NetworkState
+import pokitmons.pokit.core.ui.components.atom.loading.LoadingProgress
+import pokitmons.pokit.core.ui.components.block.linkcard.LinkCard
+import pokitmons.pokit.core.ui.components.template.bottomsheet.PokitBottomSheet
+import pokitmons.pokit.core.ui.components.template.linkdetailbottomsheet.LinkDetailBottomSheet
+import pokitmons.pokit.core.ui.components.template.modifybottomsheet.ModifyBottomSheetContent
+import pokitmons.pokit.core.ui.components.template.pookiempty.EmptyPooki
+import pokitmons.pokit.core.ui.components.template.pookierror.ErrorPooki
+import pokitmons.pokit.core.ui.components.template.removeItemBottomSheet.TwoButtonBottomSheetContent
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.R.string as coreString
+
+@Composable
+fun RemindScreen(
+    modifier: Modifier = Modifier,
+    viewModel: RemindViewModel = hiltViewModel(),
+    onNavigateToLinkModify: (String) -> Unit,
+) {
+    val unreadContents = viewModel.unReadContents.collectAsState()
+    val unreadContentsState by viewModel.unreadContentNetworkState.collectAsState()
+
+    val todayContents = viewModel.todayContents.collectAsState()
+    val todayContentsState by viewModel.todayContentsNetworkState.collectAsState()
+
+    val bookmarkContents = viewModel.bookmarkContents.collectAsState()
+    val bookmarkContentState by viewModel.bookmarkContentsNetworkState.collectAsState()
+
+    val currentDetailShowLink by viewModel.currentShowingLink.collectAsState()
+
+    val pokitOptionBottomSheetType by viewModel.pokitOptionBottomSheetType.collectAsState()
+    val currentSelectedLink by viewModel.currentSelectedLink.collectAsState()
+
+    val context: Context = LocalContext.current
+
+    val showTotalEmpty by remember {
+        derivedStateOf {
+            todayContentsState == NetworkState.IDLE &&
+                todayContents.value.size < 5 &&
+                unreadContentsState == NetworkState.IDLE &&
+                unreadContents.value.isEmpty()
+        }
+    }
+
+    PokitBottomSheet(
+        onHideBottomSheet = viewModel::hideLinkOptionBottomSheet,
+        show = pokitOptionBottomSheetType != null
+    ) {
+        when (pokitOptionBottomSheetType) {
+            BottomSheetType.MODIFY -> {
+                ModifyBottomSheetContent(
+                    onClickShare = { Toast.makeText(context, "준비중입니다.", Toast.LENGTH_SHORT).show() },
+                    onClickModify = remember {
+                        {
+                            viewModel.hideLinkOptionBottomSheet()
+                            onNavigateToLinkModify(currentSelectedLink!!.id)
+                        }
+                    },
+                    onClickRemove = viewModel::showLinkRemoveBottomSheet
+                )
+            }
+            BottomSheetType.REMOVE -> {
+                TwoButtonBottomSheetContent(
+                    title = stringResource(id = R.string.title_remove_link),
+                    subText = stringResource(id = R.string.sub_remove_link),
+                    onClickLeftButton = viewModel::hideLinkOptionBottomSheet,
+                    onClickRightButton = remember {
+                        {
+                            viewModel.hideLinkOptionBottomSheet()
+                            viewModel.removeCurrentSelectedLink()
+                        }
+                    }
+                )
+            }
+            else -> {}
+        }
+    }
+
+    currentDetailShowLink?.let { link ->
+        LinkDetailBottomSheet(
+            title = link.title,
+            memo = link.memo,
+            url = link.url,
+            thumbnailPainter = rememberAsyncImagePainter(model = link.imageUrl),
+            bookmark = link.bookmark,
+            openWebBrowserByClick = true,
+            pokitName = link.pokitName,
+            dateString = link.dateString,
+            onHideBottomSheet = viewModel::hideDetailLinkBottomSheet,
+            show = true,
+            onClickModifyLink = {
+                viewModel.hideDetailLinkBottomSheet()
+                onNavigateToLinkModify(link.id)
+            },
+            onClickRemoveLink = {
+                viewModel.hideDetailLinkBottomSheet()
+                viewModel.showLinkRemoveBottomSheet(link)
+            },
+            onClickBookmark = viewModel::toggleBookmark
+        )
+    }
+
+    if (showTotalEmpty) {
+        ErrorPooki(
+            modifier = Modifier
+                .fillMaxWidth()
+                .fillMaxHeight()
+                .padding(20.dp),
+            title = stringResource(id = coreString.title_lack_of_links),
+            sub = stringResource(id = coreString.sub_lack_of_links)
+        )
+    } else {
+        Column(
+            modifier = modifier
+                .background(PokitTheme.colors.backgroundBase)
+                .padding(20.dp)
+                .fillMaxHeight()
+                .verticalScroll(rememberScrollState())
+        ) {
+            Spacer(modifier = Modifier.height(4.dp))
+
+            RemindSection(title = "오늘 이 링크는 어때요?") {
+                Spacer(modifier = Modifier.height(12.dp))
+
+                when (todayContentsState) {
+                    NetworkState.IDLE -> {
+                        if (todayContents.value.isEmpty()) {
+                            ErrorPooki(
+                                modifier = Modifier
+                                    .fillMaxWidth()
+                                    .height(208.dp),
+                                pookiSize = 140.dp,
+                                title = stringResource(id = coreString.title_lack_of_links),
+                                sub = stringResource(id = coreString.sub_lack_of_links)
+                            )
+                        } else {
+                            Row(
+                                modifier = Modifier.horizontalScroll(rememberScrollState()),
+                                horizontalArrangement = Arrangement.spacedBy(12.dp)
+                            ) {
+                                todayContents.value.forEach { todayContent ->
+                                    ToadyLinkCard(
+                                        title = todayContent.title,
+                                        sub = todayContent.createdAt,
+                                        painter = rememberAsyncImagePainter(todayContent.thumbNail),
+                                        badgeText = null,
+                                        domain = todayContent.domain,
+                                        onClick = {
+                                            viewModel.showDetailLinkBottomSheet(remindResult = todayContent)
+                                        },
+                                        onClickKebab = {
+                                            viewModel.showLinkOptionBottomSheet(remindResult = todayContent)
+                                        }
+                                    )
+                                }
+                            }
+                        }
+                    }
+                    NetworkState.LOADING -> {
+                        LoadingProgress(
+                            modifier = Modifier
+                                .fillMaxWidth()
+                                .height(208.dp)
+                        )
+                    }
+                    NetworkState.ERROR -> {
+                        ErrorPooki(
+                            modifier = Modifier
+                                .fillMaxWidth()
+                                .height(208.dp),
+                            pookiSize = 140.dp,
+                            title = stringResource(id = coreString.title_error),
+                            sub = stringResource(id = coreString.sub_error)
+                        )
+                    }
+                }
+            }
+
+            Spacer(modifier = Modifier.height(32.dp))
+
+            if ((unreadContentsState == NetworkState.IDLE && unreadContents.value.isNotEmpty())) {
+                RemindSection(title = "한번도 읽지 않았어요") {
+                    Spacer(modifier = Modifier.height(16.dp))
+                    Column(
+                        modifier = Modifier,
+                        verticalArrangement = Arrangement.spacedBy(20.dp)
+                    ) {
+                        unreadContents.value.forEach { unReadContent ->
+                            LinkCard(
+                                item = unReadContent.title,
+                                title = unReadContent.title,
+                                sub = "${unReadContent.createdAt} • ${unReadContent.domain}",
+                                painter = rememberAsyncImagePainter(unReadContent.thumbNail),
+                                notRead = !unReadContent.isRead,
+                                badgeText = null,
+                                onClickKebab = {
+                                    viewModel.showLinkOptionBottomSheet(remindResult = unReadContent)
+                                },
+                                onClickItem = {
+                                    viewModel.showDetailLinkBottomSheet(remindResult = unReadContent)
+                                }
+                            )
+                        }
+                    }
+                }
+                Spacer(modifier = Modifier.height(32.dp))
+            }
+
+            RemindSection(title = "즐겨찾기 링크만 모았어요") {
+                Spacer(modifier = Modifier.height(12.dp))
+
+                when (bookmarkContentState) {
+                    NetworkState.IDLE -> {
+                        if (bookmarkContents.value.isEmpty()) {
+                            EmptyPooki(
+                                modifier = Modifier
+                                    .fillMaxWidth()
+                                    .height(252.dp),
+                                title = stringResource(id = coreString.title_empty_favorite),
+                                sub = stringResource(id = coreString.sub_empty_favorite)
+                            )
+                        } else {
+                            Column(
+                                modifier = Modifier,
+                                verticalArrangement = Arrangement.spacedBy(20.dp)
+                            ) {
+                                bookmarkContents.value.forEach { favoriteContent ->
+                                    LinkCard(
+                                        item = favoriteContent.title,
+                                        title = favoriteContent.title,
+                                        sub = "${favoriteContent.createdAt} • ${favoriteContent.domain}",
+                                        painter = rememberAsyncImagePainter(favoriteContent.thumbNail),
+                                        notRead = favoriteContent.isRead,
+                                        badgeText = null,
+                                        onClickKebab = {
+                                            viewModel.showLinkOptionBottomSheet(remindResult = favoriteContent)
+                                        },
+                                        onClickItem = {
+                                            viewModel.showDetailLinkBottomSheet(remindResult = favoriteContent)
+                                        }
+                                    )
+                                }
+                            }
+                        }
+                    }
+                    NetworkState.LOADING -> {
+                        LoadingProgress(
+                            modifier = Modifier
+                                .fillMaxWidth()
+                                .height(252.dp)
+                        )
+                    }
+                    NetworkState.ERROR -> {
+                        ErrorPooki(
+                            modifier = Modifier
+                                .fillMaxWidth()
+                                .height(252.dp),
+                            pookiSize = 140.dp,
+                            title = stringResource(id = coreString.title_empty_favorite),
+                            sub = stringResource(id = coreString.sub_empty_favorite)
+                        )
+                    }
+                }
+
+                Spacer(modifier = Modifier.height(32.dp))
+            }
+        }
+    }
+}
diff --git a/feature/home/src/main/java/pokitmons/pokit/home/remind/RemindSection.kt b/feature/home/src/main/java/pokitmons/pokit/home/remind/RemindSection.kt
new file mode 100644
index 00000000..bb353e83
--- /dev/null
+++ b/feature/home/src/main/java/pokitmons/pokit/home/remind/RemindSection.kt
@@ -0,0 +1,20 @@
+package pokitmons.pokit.home.remind
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+fun RemindSection(
+    title: String,
+    content: @Composable () -> Unit,
+) {
+    Column {
+        Text(
+            text = title,
+            style = PokitTheme.typography.title2
+        )
+        content()
+    }
+}
diff --git a/feature/home/src/main/java/pokitmons/pokit/home/remind/RemindViewModel.kt b/feature/home/src/main/java/pokitmons/pokit/home/remind/RemindViewModel.kt
new file mode 100644
index 00000000..88254358
--- /dev/null
+++ b/feature/home/src/main/java/pokitmons/pokit/home/remind/RemindViewModel.kt
@@ -0,0 +1,319 @@
+package pokitmons.pokit.home.remind
+
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import com.strayalpaca.pokitdetail.model.BottomSheetType
+import com.strayalpaca.pokitdetail.model.Link
+import dagger.hilt.android.lifecycle.HiltViewModel
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.flow.collectLatest
+import kotlinx.coroutines.flow.update
+import kotlinx.coroutines.launch
+import pokitmons.pokit.core.feature.model.NetworkState
+import pokitmons.pokit.core.feature.navigation.args.LinkUpdateEvent
+import pokitmons.pokit.core.feature.navigation.args.PokitUpdateEvent
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.home.remind.RemindResult
+import pokitmons.pokit.domain.usecase.home.remind.BookMarkContentsUseCase
+import pokitmons.pokit.domain.usecase.home.remind.TodayContentsUseCase
+import pokitmons.pokit.domain.usecase.home.remind.UnReadContentsUseCase
+import pokitmons.pokit.domain.usecase.link.DeleteLinkUseCase
+import pokitmons.pokit.domain.usecase.link.GetLinkUseCase
+import pokitmons.pokit.domain.usecase.link.SetBookmarkUseCase
+import javax.inject.Inject
+
+@HiltViewModel
+class RemindViewModel @Inject constructor(
+    private val unReadContentsUseCase: UnReadContentsUseCase,
+    private val todayContentsUseCase: TodayContentsUseCase,
+    private val bookMarkContentsUseCase: BookMarkContentsUseCase,
+    private val bookmarkUseCase: SetBookmarkUseCase,
+    private val deleteLinkUseCase: DeleteLinkUseCase,
+    private val getLinkUseCase: GetLinkUseCase,
+) : ViewModel() {
+
+    private var _unReadContents: MutableStateFlow<List<RemindResult>> = MutableStateFlow(emptyList())
+    val unReadContents: StateFlow<List<RemindResult>>
+        get() = _unReadContents.asStateFlow()
+
+    private val _unReadContentNetworkState: MutableStateFlow<NetworkState> = MutableStateFlow(NetworkState.IDLE)
+    val unreadContentNetworkState = _unReadContentNetworkState.asStateFlow()
+
+    private var _todayContents: MutableStateFlow<List<RemindResult>> = MutableStateFlow(emptyList())
+    val todayContents: StateFlow<List<RemindResult>>
+        get() = _todayContents.asStateFlow()
+
+    private val _todayContentsNetworkState: MutableStateFlow<NetworkState> = MutableStateFlow(NetworkState.IDLE)
+    val todayContentsNetworkState = _todayContentsNetworkState.asStateFlow()
+
+    private var _bookmarkContents: MutableStateFlow<List<RemindResult>> = MutableStateFlow(emptyList())
+    val bookmarkContents: StateFlow<List<RemindResult>>
+        get() = _bookmarkContents.asStateFlow()
+
+    private val _bookmarkContentsNetworkState: MutableStateFlow<NetworkState> = MutableStateFlow(NetworkState.IDLE)
+    val bookmarkContentsNetworkState = _bookmarkContentsNetworkState.asStateFlow()
+
+    private val _currentSelectedLink = MutableStateFlow<Link?>(null)
+    val currentSelectedLink = _currentSelectedLink.asStateFlow()
+
+    private val _pokitOptionBottomSheetType = MutableStateFlow<BottomSheetType?>(null)
+    val pokitOptionBottomSheetType = _pokitOptionBottomSheetType.asStateFlow()
+
+    private val _currentShowingLink = MutableStateFlow<Link?>(null)
+    val currentShowingLink = _currentShowingLink.asStateFlow()
+
+    init {
+        initLinkUpdateEventDetector()
+        initLinkRemoveEventDetector()
+        initLinkAddEventDetector()
+        initPokitRemoveEventDetector()
+        loadContents()
+    }
+
+    private fun initLinkUpdateEventDetector() {
+        viewModelScope.launch {
+            LinkUpdateEvent.updatedLink.collectLatest { updatedLink ->
+                unReadContents.value
+                    .find { it.id == updatedLink.id }
+                    ?.let { targetLink ->
+                        val modifiedLink = targetLink
+                            .copy(
+                                title = updatedLink.title,
+                                domain = updatedLink.domain,
+                                createdAt = updatedLink.createdAt,
+                                thumbNail = updatedLink.thumbnail
+                            )
+                        _unReadContents.update { contents ->
+                            contents.map { content ->
+                                if (content.id == targetLink.id) {
+                                    modifiedLink
+                                } else {
+                                    content
+                                }
+                            }
+                        }
+                    }
+
+                todayContents.value
+                    .find { it.id == updatedLink.id }
+                    ?.let { targetLink ->
+                        val modifiedLink = targetLink
+                            .copy(
+                                title = updatedLink.title,
+                                domain = updatedLink.domain,
+                                createdAt = updatedLink.createdAt,
+                                thumbNail = updatedLink.thumbnail
+                            )
+                        _todayContents.update { contents ->
+                            contents.map { content ->
+                                if (content.id == targetLink.id) {
+                                    modifiedLink
+                                } else {
+                                    content
+                                }
+                            }
+                        }
+                    }
+
+                bookmarkContents.value
+                    .find { it.id == updatedLink.id }
+                    ?.let { targetLink ->
+                        val modifiedLink = targetLink
+                            .copy(
+                                title = updatedLink.title,
+                                domain = updatedLink.domain,
+                                createdAt = updatedLink.createdAt,
+                                thumbNail = updatedLink.thumbnail
+                            )
+                        _bookmarkContents.update { contents ->
+                            contents.map { content ->
+                                if (content.id == targetLink.id) {
+                                    modifiedLink
+                                } else {
+                                    content
+                                }
+                            }
+                        }
+                    }
+            }
+        }
+    }
+
+    private fun initLinkRemoveEventDetector() {
+        viewModelScope.launch {
+            LinkUpdateEvent.removedLink.collectLatest { removedLinkId ->
+                unReadContents.value.filter { it.id != removedLinkId }
+
+                todayContents.value.filter { it.id != removedLinkId }
+
+                bookmarkContents.value.filter { it.id != removedLinkId }
+            }
+        }
+    }
+
+    private fun initLinkAddEventDetector() {
+        viewModelScope.launch {
+            LinkUpdateEvent.addedLink.collectLatest {
+                loadContents()
+            }
+        }
+    }
+
+    private fun initPokitRemoveEventDetector() {
+        viewModelScope.launch {
+            PokitUpdateEvent.removedPokitId.collectLatest {
+                loadContents()
+            }
+        }
+    }
+
+    fun loadContents() {
+        loadUnReadContents()
+        loadTodayContents()
+        loadMarkContents()
+    }
+
+    private fun loadUnReadContents() {
+        viewModelScope.launch {
+            _unReadContentNetworkState.update { NetworkState.LOADING }
+            when (val response = unReadContentsUseCase.getUnreadContents()) {
+                is PokitResult.Success -> {
+                    _unReadContentNetworkState.update { NetworkState.IDLE }
+                    _unReadContents.value = response.result.take(3)
+                }
+                is PokitResult.Error -> {
+                    _unReadContentNetworkState.update { NetworkState.ERROR }
+                }
+            }
+        }
+    }
+
+    private fun loadTodayContents() {
+        viewModelScope.launch {
+            _todayContentsNetworkState.update { NetworkState.LOADING }
+            when (val response = todayContentsUseCase.getTodayContents()) {
+                is PokitResult.Success -> {
+                    _todayContentsNetworkState.update { NetworkState.IDLE }
+                    _todayContents.value = response.result.take(3)
+                }
+                is PokitResult.Error -> {
+                    _todayContentsNetworkState.update { NetworkState.ERROR }
+                }
+            }
+        }
+    }
+
+    private fun loadMarkContents() {
+        viewModelScope.launch {
+            _bookmarkContentsNetworkState.update { NetworkState.LOADING }
+            when (val response = bookMarkContentsUseCase.getBookmarkContents()) {
+                is PokitResult.Success -> {
+                    _bookmarkContentsNetworkState.update { NetworkState.IDLE }
+                    _bookmarkContents.value = response.result.take(3)
+                }
+                is PokitResult.Error -> {
+                    _bookmarkContentsNetworkState.update { NetworkState.ERROR }
+                }
+            }
+        }
+    }
+
+    fun showDetailLinkBottomSheet(remindResult: RemindResult) {
+        _currentShowingLink.update {
+            Link(
+                id = remindResult.id.toString(),
+                title = remindResult.title,
+                dateString = remindResult.createdAt,
+                url = remindResult.data,
+                isRead = remindResult.isRead,
+                domainUrl = remindResult.domain,
+                imageUrl = remindResult.thumbNail
+            )
+        }
+
+        viewModelScope.launch {
+            val response = getLinkUseCase.getLink(remindResult.id)
+            if (response is PokitResult.Success) {
+                val responseLink = response.result
+                if (_currentShowingLink.value?.id == responseLink.id.toString()) {
+                    _currentShowingLink.update {
+                        Link(
+                            id = responseLink.id.toString(),
+                            title = responseLink.title,
+                            dateString = responseLink.createdAt,
+                            url = responseLink.data,
+                            isRead = responseLink.isRead,
+                            domainUrl = responseLink.domain,
+                            imageUrl = _currentShowingLink.value?.imageUrl,
+                            memo = responseLink.memo,
+                            bookmark = responseLink.favorites,
+                            pokitName = responseLink.categoryName
+                        )
+                    }
+                }
+            }
+        }
+    }
+
+    fun hideDetailLinkBottomSheet() {
+        _currentShowingLink.update { null }
+    }
+
+    fun showLinkOptionBottomSheet(remindResult: RemindResult) {
+        _currentSelectedLink.update {
+            Link(
+                id = remindResult.id.toString(),
+                title = remindResult.title,
+                dateString = remindResult.createdAt,
+                url = remindResult.data,
+                isRead = remindResult.isRead,
+                domainUrl = remindResult.domain
+            )
+        }
+        _pokitOptionBottomSheetType.update {
+            BottomSheetType.MODIFY
+        }
+    }
+
+    fun showLinkRemoveBottomSheet() {
+        _pokitOptionBottomSheetType.update {
+            BottomSheetType.REMOVE
+        }
+    }
+
+    fun showLinkRemoveBottomSheet(link: Link) {
+        _pokitOptionBottomSheetType.update {
+            BottomSheetType.REMOVE
+        }
+        _currentSelectedLink.update { link }
+    }
+
+    fun hideLinkOptionBottomSheet() {
+        _currentSelectedLink.update { null }
+        _pokitOptionBottomSheetType.update { null }
+    }
+
+    fun removeCurrentSelectedLink() {
+        val currentSelectedLinkId = currentSelectedLink.value?.id?.toIntOrNull() ?: return
+        viewModelScope.launch {
+            val response = deleteLinkUseCase.deleteLink(currentSelectedLinkId)
+            if (response is PokitResult.Success) {
+                LinkUpdateEvent.removeSuccess(response.result)
+            }
+        }
+    }
+
+    fun toggleBookmark() {
+        val currentLink = currentShowingLink.value ?: return
+        val applyBookmarked = !currentLink.bookmark
+        viewModelScope.launch {
+            val response = bookmarkUseCase.setBookMarked(currentLink.id.toInt(), applyBookmarked)
+
+            if (currentLink == currentShowingLink.value && response is PokitResult.Success) {
+                _currentShowingLink.update { currentLink.copy(bookmark = applyBookmarked) }
+            }
+        }
+    }
+}
diff --git a/feature/home/src/main/java/pokitmons/pokit/home/remind/TodayLinkCard.kt b/feature/home/src/main/java/pokitmons/pokit/home/remind/TodayLinkCard.kt
new file mode 100644
index 00000000..6cd3309a
--- /dev/null
+++ b/feature/home/src/main/java/pokitmons/pokit/home/remind/TodayLinkCard.kt
@@ -0,0 +1,126 @@
+package pokitmons.pokit.home.remind
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Brush
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.painter.Painter
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.style.TextOverflow
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.utils.noRippleClickable
+
+@Composable
+fun ToadyLinkCard(
+    title: String,
+    sub: String,
+    painter: Painter,
+    badgeText: String?,
+    domain: String,
+    onClick: () -> Unit,
+    onClickKebab: () -> Unit,
+) {
+    Box(
+        modifier = Modifier
+            .width(216.dp)
+            .height(194.dp)
+            .clip(RoundedCornerShape(8.dp))
+            .noRippleClickable {
+                onClick()
+            }
+    ) {
+        Image(
+            painter = painter,
+            contentDescription = null,
+            contentScale = ContentScale.Crop,
+            modifier = Modifier.fillMaxSize()
+        )
+        Box(
+            modifier = Modifier
+                .fillMaxSize()
+                .background(
+                    Brush.verticalGradient(
+                        colors = listOf(Color.Transparent, Color(0xFF060606))
+                    )
+                )
+        )
+        Column(
+            modifier = Modifier
+                .align(Alignment.BottomStart)
+                .padding(12.dp)
+        ) {
+            badgeText?.let {
+                Text(
+                    style = PokitTheme.typography.label4,
+                    text = badgeText,
+                    color = PokitTheme.colors.textTertiary,
+                    modifier = Modifier
+                        .height(16.dp)
+                        .width(34.dp)
+                        .clip(RoundedCornerShape(4.dp))
+                        .background(PokitTheme.colors.backgroundPrimary)
+                        .padding(horizontal = 4.dp, vertical = 2.dp)
+                )
+
+                Spacer(modifier = Modifier.height(4.dp))
+            }
+
+            Row(
+                modifier = Modifier.fillMaxWidth(),
+                horizontalArrangement = Arrangement.SpaceBetween,
+                verticalAlignment = Alignment.Top
+            ) {
+                Text(
+                    modifier = Modifier.weight(1f),
+                    style = PokitTheme.typography.body2Bold,
+                    text = title,
+                    color = Color.White,
+                    maxLines = 2,
+                    overflow = TextOverflow.Ellipsis
+                )
+
+                Spacer(modifier = Modifier.padding(4.dp))
+
+                IconButton(
+                    onClick = { onClickKebab() },
+                    modifier = Modifier.size(24.dp)
+                ) {
+                    Icon(
+                        painter = painterResource(id = pokitmons.pokit.core.ui.R.drawable.icon_24_kebab),
+                        contentDescription = null,
+                        tint = Color.White
+                    )
+                }
+            }
+
+            Spacer(modifier = Modifier.height(8.dp))
+
+            Text(
+                text = "$sub · $domain",
+                style = PokitTheme.typography.detail2,
+                color = PokitTheme.colors.textTertiary
+            )
+        }
+    }
+}
diff --git a/feature/home/src/main/res/values/strings.xml b/feature/home/src/main/res/values/strings.xml
new file mode 100644
index 00000000..b98ddae5
--- /dev/null
+++ b/feature/home/src/main/res/values/strings.xml
@@ -0,0 +1,5 @@
+<resources>
+    <string name="app_name">home</string>
+
+    <string name="toast_cannot_create_pokit">최대 30개의 포킷을 생성할 수 있습니다.\n포킷을 삭제한 뒤에 추가해주세요.</string>
+</resources>
\ No newline at end of file
diff --git a/feature/home/src/test/java/pokitmons/pokit/home/ExampleUnitTest.kt b/feature/home/src/test/java/pokitmons/pokit/home/ExampleUnitTest.kt
new file mode 100644
index 00000000..13a91fbb
--- /dev/null
+++ b/feature/home/src/test/java/pokitmons/pokit/home/ExampleUnitTest.kt
@@ -0,0 +1,16 @@
+package pokitmons.pokit.home
+
+import junit.framework.TestCase.assertEquals
+import org.junit.Test
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+class ExampleUnitTest {
+    @Test
+    fun addition_isCorrect() {
+        assertEquals(4, 2 + 2)
+    }
+}
diff --git a/feature/login/.gitignore b/feature/login/.gitignore
new file mode 100644
index 00000000..42afabfd
--- /dev/null
+++ b/feature/login/.gitignore
@@ -0,0 +1 @@
+/build
\ No newline at end of file
diff --git a/feature/login/build.gradle.kts b/feature/login/build.gradle.kts
new file mode 100644
index 00000000..6ec95ebb
--- /dev/null
+++ b/feature/login/build.gradle.kts
@@ -0,0 +1,104 @@
+import java.io.FileInputStream
+import java.util.Properties
+
+plugins {
+    alias(libs.plugins.com.android.library)
+    alias(libs.plugins.org.jetbrains.kotlin.android)
+    alias(libs.plugins.hilt)
+    id("kotlin-kapt")
+}
+
+val properties = Properties()
+val localPropertiesFile = rootProject.file("local.properties")
+
+if (localPropertiesFile.exists()) {
+    properties.load(FileInputStream(localPropertiesFile))
+}
+
+android {
+    namespace = "pokitmons.pokit.login"
+    compileSdk = 34
+
+    defaultConfig {
+        minSdk = 24
+
+        buildConfigField("String", "WEB_CLIENT_ID", properties.getProperty("web_client_id") ?: "web_client_id is empty")
+
+        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+        vectorDrawables {
+            useSupportLibrary = true
+        }
+    }
+
+    buildFeatures {
+        buildConfig = true
+    }
+
+    buildTypes {
+        release {
+            isMinifyEnabled = false
+            proguardFiles(
+                getDefaultProguardFile("proguard-android-optimize.txt"),
+                "proguard-rules.pro"
+            )
+        }
+    }
+    compileOptions {
+        sourceCompatibility = JavaVersion.VERSION_1_8
+        targetCompatibility = JavaVersion.VERSION_1_8
+    }
+    kotlinOptions {
+        jvmTarget = "1.8"
+    }
+    buildFeatures {
+        compose = true
+    }
+    composeOptions {
+        kotlinCompilerExtensionVersion = "1.5.1"
+    }
+    packaging {
+        resources {
+            excludes += "/META-INF/{AL2.0,LGPL2.1}"
+        }
+    }
+}
+
+dependencies {
+    implementation(libs.androidx.core.ktx)
+    implementation(libs.androidx.lifecycle.runtime.ktx)
+    implementation(libs.androidx.activity.compose)
+    implementation(platform(libs.androidx.compose.bom))
+    implementation(libs.androidx.ui)
+    implementation(libs.androidx.ui.graphics)
+    implementation(libs.androidx.ui.tooling.preview)
+    implementation(libs.androidx.material3)
+    implementation(libs.androidx.navigation.compose)
+    testImplementation(libs.junit)
+    androidTestImplementation(libs.androidx.junit)
+    androidTestImplementation(libs.androidx.espresso.core)
+    androidTestImplementation(platform(libs.androidx.compose.bom))
+    androidTestImplementation(libs.androidx.ui.test.junit4)
+    debugImplementation(libs.androidx.ui.tooling)
+    debugImplementation(libs.androidx.ui.test.manifest)
+
+    // google login
+    implementation(libs.androidx.credentials)
+    implementation(libs.androidx.credentials.play.services.auth)
+    implementation(libs.googleid)
+
+    // hilt
+    implementation(libs.hilt)
+    kapt(libs.hilt.compiler)
+
+    // navigation
+    implementation(libs.androidx.navigation.compose)
+    implementation(libs.hilt.navigation.compose)
+
+    // firebase
+    implementation(platform(libs.firebase.bom))
+    implementation(libs.firebase.auth.ktx)
+
+    // module
+    implementation(project(":core:ui"))
+    implementation(project(":domain"))
+}
diff --git a/feature/login/proguard-rules.pro b/feature/login/proguard-rules.pro
new file mode 100644
index 00000000..712327b9
--- /dev/null
+++ b/feature/login/proguard-rules.pro
@@ -0,0 +1,26 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
+
+-if class androidx.credentials.CredentialManager
+-keep class androidx.credentials.playservices.** {
+  *;
+}
\ No newline at end of file
diff --git a/feature/login/src/androidTest/java/pokitmons/pokit/login/ExampleInstrumentedTest.kt b/feature/login/src/androidTest/java/pokitmons/pokit/login/ExampleInstrumentedTest.kt
new file mode 100644
index 00000000..024806e0
--- /dev/null
+++ b/feature/login/src/androidTest/java/pokitmons/pokit/login/ExampleInstrumentedTest.kt
@@ -0,0 +1,22 @@
+package pokitmons.pokit.login
+
+import androidx.test.ext.junit.runners.AndroidJUnit4
+import androidx.test.platform.app.InstrumentationRegistry
+import junit.framework.TestCase.assertEquals
+import org.junit.Test
+import org.junit.runner.RunWith
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+        assertEquals("pokitmons.pokit.login", appContext.packageName)
+    }
+}
diff --git a/feature/login/src/main/AndroidManifest.xml b/feature/login/src/main/AndroidManifest.xml
new file mode 100644
index 00000000..a5918e68
--- /dev/null
+++ b/feature/login/src/main/AndroidManifest.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+</manifest>
\ No newline at end of file
diff --git a/feature/login/src/main/java/pokitmons/pokit/LoginState.kt b/feature/login/src/main/java/pokitmons/pokit/LoginState.kt
new file mode 100644
index 00000000..6c85bad9
--- /dev/null
+++ b/feature/login/src/main/java/pokitmons/pokit/LoginState.kt
@@ -0,0 +1,17 @@
+package pokitmons.pokit
+
+import pokitmons.pokit.domain.commom.PokitError
+
+sealed class LoginState {
+    data object Init : LoginState()
+    data object Login : LoginState()
+    data object Registered : LoginState()
+    data object AutoLogin : LoginState()
+    data class Failed(val error: PokitError) : LoginState()
+}
+
+sealed class SignUpState {
+    data object Init : SignUpState()
+    data object SignUp : SignUpState()
+    data class Failed(val error: PokitError) : SignUpState()
+}
diff --git a/feature/login/src/main/java/pokitmons/pokit/LoginViewModel.kt b/feature/login/src/main/java/pokitmons/pokit/LoginViewModel.kt
new file mode 100644
index 00000000..e4168cde
--- /dev/null
+++ b/feature/login/src/main/java/pokitmons/pokit/LoginViewModel.kt
@@ -0,0 +1,214 @@
+package pokitmons.pokit
+
+import android.content.Context
+import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateListOf
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.setValue
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import dagger.hilt.android.lifecycle.HiltViewModel
+import dagger.hilt.android.qualifiers.ApplicationContext
+import kotlinx.coroutines.Job
+import kotlinx.coroutines.delay
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.flow.first
+import kotlinx.coroutines.flow.update
+import kotlinx.coroutines.launch
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.usecase.auth.InputNicknameUseCase
+import pokitmons.pokit.domain.usecase.auth.SNSLoginUseCase
+import pokitmons.pokit.domain.usecase.auth.SignUpUseCase
+import pokitmons.pokit.domain.usecase.auth.TokenUseCase
+import pokitmons.pokit.login.R
+import pokitmons.pokit.model.CategoryState
+import pokitmons.pokit.model.DuplicateNicknameState
+import javax.inject.Inject
+
+@HiltViewModel
+class LoginViewModel @Inject constructor(
+    @ApplicationContext private val context: Context,
+    private val loginUseCase: SNSLoginUseCase,
+    private val nicknameUseCase: InputNicknameUseCase,
+    private val signUpUseCase: SignUpUseCase,
+    private val tokenUseCase: TokenUseCase,
+) : ViewModel() {
+    init {
+        viewModelScope.launch {
+            if (tokenUseCase.getAuthType().first() == "구글") {
+                _loginState.emit(LoginState.AutoLogin)
+            }
+        }
+    }
+
+    val nicknameRegex = Regex("^[a-zA-Z0-9가-힣]+$")
+
+    private var duplicateNicknameJob: Job? = null
+
+    private val _isBottomSheetVisible: MutableState<Boolean> = mutableStateOf(false)
+    val isBottomSheetVisible: Boolean
+        get() = _isBottomSheetVisible.value
+
+    private val _loginState: MutableStateFlow<LoginState> = MutableStateFlow(LoginState.Init)
+    val loginState: StateFlow<LoginState>
+        get() = _loginState.asStateFlow()
+
+    private val _signUpState: MutableStateFlow<SignUpState> = MutableStateFlow(SignUpState.Init)
+    val signUpState: StateFlow<SignUpState>
+        get() = _signUpState.asStateFlow()
+
+    private val _inputNicknameState = MutableStateFlow(DuplicateNicknameState())
+    val inputNicknameState: StateFlow<DuplicateNicknameState>
+        get() = _inputNicknameState.asStateFlow()
+
+    private val _categories = mutableStateListOf<CategoryState>()
+    val categories: List<CategoryState> get() = _categories
+
+    private var authType = "구글"
+
+    fun inputText(inputNickname: String) {
+        _inputNicknameState.update { duplicateNicknameState ->
+            duplicateNicknameState.copy(nickname = inputNickname)
+        }
+    }
+
+    fun snsLogin(authPlatform: String, idToken: String) {
+        authType = authPlatform
+
+        viewModelScope.launch {
+            val loginResult = loginUseCase.snsLogin(
+                authPlatform = authPlatform,
+                idToken = idToken
+            )
+
+            when (loginResult) {
+                is PokitResult.Success -> {
+                    authType = authPlatform
+                    when (loginResult.result.isRegistered) {
+                        true -> {
+                            tokenUseCase.apply {
+                                setAccessToken(loginResult.result.accessToken)
+                                setRefreshToken(loginResult.result.refreshToken)
+                                setAuthType(authType)
+                            }
+                            _loginState.emit(LoginState.Registered)
+                        }
+
+                        false -> {
+                            tokenUseCase.apply {
+                                setAccessToken(loginResult.result.accessToken)
+                                setRefreshToken(loginResult.result.refreshToken)
+                            }
+                            _loginState.emit(LoginState.Login)
+                        }
+                    }
+                }
+
+                is PokitResult.Error -> _loginState.emit(LoginState.Failed(loginResult.error))
+            }
+        }
+    }
+
+    fun signUp() {
+        viewModelScope.launch {
+            when (
+                val signUpResult = signUpUseCase.signUp(
+                    nickname = _inputNicknameState.value.nickname,
+                    categories = _categories
+                        .filter { category -> category.isSelected.value }
+                        .map { categoryState -> categoryState.name }
+                )
+            ) {
+                is PokitResult.Success -> {
+                    tokenUseCase.setAuthType(authType)
+                    _signUpState.emit(SignUpState.SignUp)
+                }
+
+                is PokitResult.Error -> {
+                    _signUpState.emit(SignUpState.Failed(signUpResult.error))
+                }
+            }
+        }
+    }
+
+    fun checkDuplicateNickname(nickname: String) {
+        duplicateNicknameJob?.cancel()
+        duplicateNicknameJob = viewModelScope.launch {
+            delay(0.5.second())
+            when (val duplicateNicknameResult = nicknameUseCase.checkDuplicateNickname(nickname)) {
+                is PokitResult.Success -> {
+                    _inputNicknameState.update { duplicateNicknameState ->
+                        duplicateNicknameState.copy(isDuplicate = duplicateNicknameResult.result.isDuplicate)
+                    }
+                }
+
+                is PokitResult.Error -> {}
+            }
+        }
+    }
+
+    fun checkNicknameRegex(nickname: String): Boolean {
+        _inputNicknameState.update { duplicateNicknameState ->
+            duplicateNicknameState.copy(isRegex = nicknameRegex.matches(nickname))
+        }
+        return nicknameRegex.matches(nickname)
+    }
+
+    fun setCategories() {
+        val categoryNames: List<String> = listOf(
+            context.getString(R.string.sports_and_leisure),
+            context.getString(R.string.phrases_and_office),
+            context.getString(R.string.fashion),
+            context.getString(R.string.travel),
+            context.getString(R.string.economy_and_politics),
+            context.getString(R.string.movies_and_dramas),
+            context.getString(R.string.restaurants),
+            context.getString(R.string.interior),
+            context.getString(R.string.it),
+            context.getString(R.string.design),
+            context.getString(R.string.self_development),
+            context.getString(R.string.humor),
+            context.getString(R.string.music),
+            context.getString(R.string.job_info)
+        )
+
+        _categories.clear()
+        _categories.addAll(categoryNames.map { name -> CategoryState(name = name) })
+    }
+
+    fun onClickCategoryItem(category: CategoryState) {
+        if (category.isSelected.value || isLimitSelected()) {
+            category.isSelected.value = !category.isSelected.value
+        }
+    }
+
+    private fun isLimitSelected(): Boolean {
+        return _categories.count { it.isSelected.value } < LIMIT_SELECTED_COUNT
+    }
+
+    fun changeState() {
+        viewModelScope.launch {
+            _loginState.emit(LoginState.Init)
+        }
+    }
+
+    fun setVisible(visible: Boolean) {
+        _isBottomSheetVisible.value = visible
+    }
+
+    // TODO 확장함수 모듈 생성하기
+    companion object {
+        private fun Int.second(): Long {
+            return (this * 1000L)
+        }
+
+        private fun Double.second(): Long {
+            return (this * 1000L).toLong()
+        }
+
+        private const val LIMIT_SELECTED_COUNT = 3
+    }
+}
diff --git a/feature/login/src/main/java/pokitmons/pokit/keyword/KeywordScreen.kt b/feature/login/src/main/java/pokitmons/pokit/keyword/KeywordScreen.kt
new file mode 100644
index 00000000..28df2441
--- /dev/null
+++ b/feature/login/src/main/java/pokitmons/pokit/keyword/KeywordScreen.kt
@@ -0,0 +1,120 @@
+package pokitmons.pokit.keyword
+
+import android.content.Context
+import android.widget.Toast
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.ExperimentalLayoutApi
+import androidx.compose.foundation.layout.FlowRow
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.LoginViewModel
+import pokitmons.pokit.SignUpState
+import pokitmons.pokit.core.ui.components.atom.button.PokitButton
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonSize
+import pokitmons.pokit.core.ui.components.atom.chip.PokitChip
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipSize
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipState
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.utils.noRippleClickable
+import pokitmons.pokit.core.ui.R as Ui
+import pokitmons.pokit.login.R as Login
+
+@OptIn(ExperimentalLayoutApi::class)
+@Composable
+fun KeywordScreen(
+    viewModel: LoginViewModel,
+    onNavigateToSignUpScreen: () -> Unit,
+    onBackPressed: () -> Unit,
+) {
+    LaunchedEffect(Unit) {
+        viewModel.setCategories()
+    }
+
+    val context: Context = LocalContext.current
+
+    val signUpState by viewModel.signUpState.collectAsState()
+
+    when (signUpState) {
+        is SignUpState.Init -> Unit
+        is SignUpState.SignUp -> onNavigateToSignUpScreen()
+        is SignUpState.Failed -> {
+            Toast.makeText(context, (signUpState as SignUpState.Failed).error.toString(), Toast.LENGTH_SHORT).show()
+        }
+    }
+
+    Box(
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(all = 20.dp)
+            .padding(bottom = 8.dp)
+    ) {
+        Column {
+            Icon(
+                modifier = Modifier.noRippleClickable { onBackPressed() },
+                painter = painterResource(id = Ui.drawable.icon_24_arrow_left),
+                contentDescription = null
+            )
+
+            Spacer(modifier = Modifier.height(32.dp))
+
+            Text(
+                text = stringResource(id = Login.string.keyword_title),
+                style = PokitTheme.typography.title1
+            )
+
+            Spacer(modifier = Modifier.height(12.dp))
+
+            Text(
+                text = stringResource(id = Login.string.select_keyword),
+                style = PokitTheme.typography.title3
+            )
+            Spacer(modifier = Modifier.height(36.dp))
+
+            FlowRow(
+                horizontalArrangement = Arrangement.spacedBy(12.dp),
+                verticalArrangement = Arrangement.spacedBy(16.dp),
+                maxItemsInEachRow = 3
+            ) {
+                viewModel.categories.forEachIndexed { index, category ->
+                    PokitChip(
+                        state = if (category.isSelected.value) PokitChipState.FILLED else PokitChipState.DEFAULT,
+                        data = null,
+                        size = PokitChipSize.MEDIUM,
+                        text = category.name,
+                        removeIconPosition = null,
+                        onClickRemove = { },
+                        onClickItem = { viewModel.onClickCategoryItem(category) }
+                    )
+                }
+            }
+        }
+
+        PokitButton(
+            modifier = Modifier
+                .fillMaxWidth()
+                .align(Alignment.BottomCenter),
+            text = stringResource(id = pokitmons.pokit.login.R.string.next),
+            icon = null,
+            size = PokitButtonSize.LARGE,
+            onClick = { viewModel.signUp() },
+            enable = viewModel.categories.count { it.isSelected.value } >= 1
+        )
+    }
+}
diff --git a/feature/login/src/main/java/pokitmons/pokit/login/LoginScreen.kt b/feature/login/src/main/java/pokitmons/pokit/login/LoginScreen.kt
new file mode 100644
index 00000000..2edf16b7
--- /dev/null
+++ b/feature/login/src/main/java/pokitmons/pokit/login/LoginScreen.kt
@@ -0,0 +1,209 @@
+package pokitmons.pokit.login
+
+import android.annotation.SuppressLint
+import android.content.Context
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import androidx.credentials.CredentialManager
+import androidx.credentials.GetCredentialRequest
+import com.google.android.libraries.identity.googleid.GetGoogleIdOption
+import com.google.android.libraries.identity.googleid.GoogleIdTokenCredential
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.launch
+import pokitmons.pokit.LoginState
+import pokitmons.pokit.LoginViewModel
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitLoginButtonType
+import pokitmons.pokit.core.ui.components.atom.loginbutton.PokitLoginButton
+import pokitmons.pokit.core.ui.components.template.bottomsheet.PokitBottomSheet
+import pokitmons.pokit.core.ui.components.template.onebuttonbottomsheet.OneButtonBottomSheetContent
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@SuppressLint("CoroutineCreationDuringComposition")
+@Composable
+fun LoginScreen(
+    loginViewModel: LoginViewModel,
+    onNavigateToTermsOfServiceScreen: () -> Unit,
+    onNavigateToHomeScreen: () -> Unit,
+) {
+    val loginState by loginViewModel.loginState.collectAsState()
+    val context: Context = LocalContext.current
+    val coroutineScope = rememberCoroutineScope()
+
+    // TODO 리팩토링
+    when (loginState) {
+        is LoginState.Init -> Unit
+        is LoginState.Login -> {
+            loginViewModel.changeState()
+            onNavigateToTermsOfServiceScreen()
+        }
+        is LoginState.Registered -> {
+            loginViewModel.changeState()
+            onNavigateToHomeScreen()
+        }
+        is LoginState.Failed -> loginViewModel.setVisible(true)
+        is LoginState.AutoLogin -> onNavigateToHomeScreen()
+    }
+
+    Box(
+        modifier = Modifier
+            .background(color = PokitTheme.colors.backgroundBase)
+            .fillMaxSize()
+    ) {
+        Column(
+            modifier = Modifier
+                .align(Alignment.Center)
+        ) {
+            Image(
+                painter = painterResource(id = pokitmons.pokit.core.ui.R.drawable.logo_brand),
+                contentDescription = null
+            )
+
+            Spacer(modifier = Modifier.height(24.dp))
+
+            Text(
+                modifier = Modifier.align(Alignment.CenterHorizontally),
+                text = stringResource(id = R.string.login_sub_text),
+                style = PokitTheme.typography.body1Bold
+            )
+        }
+
+        Column(
+            modifier = Modifier
+                .padding(horizontal = 20.dp)
+                .padding(bottom = 32.dp)
+                .align(Alignment.BottomCenter)
+        ) {
+            // TODO 배포 후 피처 추가
+//            PokitLoginButton(
+//                loginType = PokitLoginButtonType.APPLE,
+//                text = stringResource(id = R.string.apple_login),
+//                onClick = {
+//                    appleLogin(
+//                        context = context,
+//                        snsLogin = loginViewModel::snsLogin
+//                    )
+//                }
+//            )
+
+            Spacer(modifier = Modifier.height(8.dp))
+
+            PokitLoginButton(
+                loginType = PokitLoginButtonType.GOOGLE,
+                text = stringResource(id = R.string.google_login),
+                onClick = {
+                    googleLogin(
+                        loginViewModel = loginViewModel,
+                        coroutineScope = coroutineScope,
+                        context = context
+                    )
+                }
+            )
+        }
+
+        PokitBottomSheet(
+            onHideBottomSheet = { loginViewModel.setVisible(false) },
+            show = loginViewModel.isBottomSheetVisible
+        ) {
+            OneButtonBottomSheetContent(
+                title = "로그인 오류",
+                subText = "현재 서버 오류로 로그인에 실패했습니다.\n잠시 후에 다시 시도해 주세요.",
+                onClickButton = { loginViewModel.setVisible(false) }
+            )
+        }
+    }
+}
+
+private fun googleLogin(
+    loginViewModel: LoginViewModel,
+    coroutineScope: CoroutineScope,
+    context: Context,
+) {
+    val credentialManager = CredentialManager.create(context)
+
+    val googleIdOption: GetGoogleIdOption = GetGoogleIdOption.Builder()
+        .setFilterByAuthorizedAccounts(false)
+        .setServerClientId(BuildConfig.WEB_CLIENT_ID)
+        .setAutoSelectEnabled(true)
+        .build()
+
+    val request: GetCredentialRequest = GetCredentialRequest.Builder()
+        .addCredentialOption(googleIdOption)
+        .build()
+
+    coroutineScope.launch {
+        try {
+            val result = credentialManager.getCredential(
+                request = request,
+                context = context
+            )
+            val googleIdTokenCredential = GoogleIdTokenCredential.createFrom(result.credential.data)
+            val googleIdToken = googleIdTokenCredential.idToken
+            loginViewModel.snsLogin("구글", googleIdToken)
+        } catch (e: Exception) {
+            loginViewModel.setVisible(true)
+        }
+    }
+}
+
+// TODO 배포 후 피처 추가
+// private fun appleLogin(
+//    context: Context,
+//    snsLogin: (String, String) -> Unit,
+// ) {
+//    val provider = OAuthProvider.newBuilder("apple.com").apply {
+//        addCustomParameter("locale", "ko")
+//    }
+//
+//    // 이미 응답을 수신 했는지 확인
+//    val auth = FirebaseAuth.getInstance()
+//    val pending = auth.pendingAuthResult
+//    if (pending != null) {
+//        pending.addOnSuccessListener { authResult ->
+//            handleAuthResult(authResult, snsLogin)
+//        }.addOnFailureListener { e ->
+//            // TODO 로그인 실패 바텀시트 렌더링
+//        }
+//    } else {
+//        auth.startActivityForSignInWithProvider(context as Activity, provider.build()).addOnSuccessListener { authResult ->
+//            handleAuthResult(authResult, snsLogin)
+//        }.addOnFailureListener {
+//            // TODO 로그인 실패 바텀시트 렌더링
+//        }
+//    }
+// }
+//
+// private fun handleAuthResult(
+//    authResult: AuthResult,
+//    snsLogin: (String, String) -> Unit,
+// ) {
+//    val user = authResult.user
+//    user?.getIdToken(true)?.addOnCompleteListener { task ->
+//        if (task.isSuccessful) {
+//            val idToken = task.result?.token
+//            if (idToken != null) {
+//                snsLogin("애플", idToken)
+//            } else {
+//                // TODO 로그인 실패 바텀시트 렌더링
+//            }
+//        } else {
+//            // TODO 로그인 실패 바텀시트 렌더링
+//        }
+//    }
+// }
diff --git a/feature/login/src/main/java/pokitmons/pokit/model/CategoryState.kt b/feature/login/src/main/java/pokitmons/pokit/model/CategoryState.kt
new file mode 100644
index 00000000..c50dc20f
--- /dev/null
+++ b/feature/login/src/main/java/pokitmons/pokit/model/CategoryState.kt
@@ -0,0 +1,9 @@
+package pokitmons.pokit.model
+
+import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.mutableStateOf
+
+data class CategoryState(
+    val name: String,
+    var isSelected: MutableState<Boolean> = mutableStateOf(false),
+)
diff --git a/feature/login/src/main/java/pokitmons/pokit/model/DuplicateNicknameState.kt b/feature/login/src/main/java/pokitmons/pokit/model/DuplicateNicknameState.kt
new file mode 100644
index 00000000..75029ff8
--- /dev/null
+++ b/feature/login/src/main/java/pokitmons/pokit/model/DuplicateNicknameState.kt
@@ -0,0 +1,7 @@
+package pokitmons.pokit.model
+
+data class DuplicateNicknameState(
+    val nickname: String = "",
+    val isDuplicate: Boolean = false,
+    val isRegex: Boolean = false,
+)
diff --git a/feature/login/src/main/java/pokitmons/pokit/nickname/InputNicknameScreen.kt b/feature/login/src/main/java/pokitmons/pokit/nickname/InputNicknameScreen.kt
new file mode 100644
index 00000000..f3173f75
--- /dev/null
+++ b/feature/login/src/main/java/pokitmons/pokit/nickname/InputNicknameScreen.kt
@@ -0,0 +1,101 @@
+package pokitmons.pokit.nickname
+
+import android.util.Log
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.imePadding
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.LoginViewModel
+import pokitmons.pokit.core.ui.components.atom.button.PokitButton
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonSize
+import pokitmons.pokit.core.ui.components.block.labeledinput.LabeledInput
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.utils.noRippleClickable
+import pokitmons.pokit.core.ui.R as UI
+import pokitmons.pokit.login.R as Login
+
+private const val NICKNAME_MAX_LENGTH = 10 // TODO 매직넘버를 포함하는 모듈화 추가 후 마이그레이션 예정
+private const val NICKNAME_MIN_LENGTH = 1 // TODO 매직넘버를 포함하는 모듈화 추가 후 마이그레이션 예정
+
+@Composable
+fun InputNicknameScreen(
+    viewModel: LoginViewModel,
+    onNavigateToKeywordScreen: () -> Unit,
+    onBackPressed: () -> Unit,
+) {
+    val inputNicknameState by viewModel.inputNicknameState.collectAsState()
+
+    Box(
+        modifier = Modifier
+            .padding(start = 20.dp, end = 20.dp, top = 20.dp, bottom = 28.dp)
+            .fillMaxSize()
+    ) {
+        Column {
+            Icon(
+                modifier = Modifier.noRippleClickable { onBackPressed() },
+                painter = painterResource(id = UI.drawable.icon_24_arrow_left),
+                contentDescription = "뒤로가기"
+            )
+
+            Spacer(modifier = Modifier.height(32.dp))
+
+            Text(
+                style = PokitTheme.typography.title1,
+                text = stringResource(id = Login.string.input_nickname_title)
+            )
+
+            LabeledInput(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .imePadding(),
+                label = "",
+                inputText = inputNicknameState.nickname,
+                maxLength = NICKNAME_MAX_LENGTH,
+                sub = when {
+                    inputNicknameState.isDuplicate -> stringResource(id = Login.string.nickname_already_in_use)
+                    !inputNicknameState.isRegex -> stringResource(id = Login.string.input_restriction_message)
+                    inputNicknameState.nickname.length >= NICKNAME_MAX_LENGTH -> stringResource(id = Login.string.input_max_length)
+                    else -> ""
+                },
+                isError = inputNicknameState.isRegex || inputNicknameState.isDuplicate || inputNicknameState.nickname.length >= NICKNAME_MAX_LENGTH,
+                hintText = stringResource(id = Login.string.input_nickname_hint),
+                onChangeText = { text ->
+                    Log.d("!! : ", text)
+                    if (text.length <= NICKNAME_MAX_LENGTH) {
+                        viewModel.apply {
+                            inputText(text)
+                            if (checkNicknameRegex(text)) {
+                                checkDuplicateNickname(text)
+                            }
+                        }
+                    }
+                }
+            )
+        }
+
+        PokitButton(
+            modifier = Modifier
+                .fillMaxWidth()
+                .align(Alignment.BottomCenter),
+            text = stringResource(id = pokitmons.pokit.login.R.string.next),
+            icon = null,
+            size = PokitButtonSize.LARGE,
+            enable = !inputNicknameState.isDuplicate && inputNicknameState.isRegex && inputNicknameState.nickname.length < NICKNAME_MAX_LENGTH,
+            onClick = { onNavigateToKeywordScreen() }
+        )
+    }
+}
diff --git a/feature/login/src/main/java/pokitmons/pokit/success/Preview.kt b/feature/login/src/main/java/pokitmons/pokit/success/Preview.kt
new file mode 100644
index 00000000..9f4f29b2
--- /dev/null
+++ b/feature/login/src/main/java/pokitmons/pokit/success/Preview.kt
@@ -0,0 +1,21 @@
+package pokitmons.pokit.success
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+private fun Preview() {
+    PokitTheme {
+        Column(
+            modifier = Modifier.fillMaxSize()
+        ) {
+            SignUpSuccessScreen {
+            }
+        }
+    }
+}
diff --git a/feature/login/src/main/java/pokitmons/pokit/success/SignUpSuccessScreen.kt b/feature/login/src/main/java/pokitmons/pokit/success/SignUpSuccessScreen.kt
new file mode 100644
index 00000000..d1ab77d8
--- /dev/null
+++ b/feature/login/src/main/java/pokitmons/pokit/success/SignUpSuccessScreen.kt
@@ -0,0 +1,87 @@
+package pokitmons.pokit.success
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.atom.button.PokitButton
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonSize
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.login.R
+import pokitmons.pokit.core.ui.R.drawable as coreDrawable
+
+@Composable
+fun SignUpSuccessScreen(
+    onNavigateToMainScreen: () -> Unit,
+) {
+    Column(
+        modifier = Modifier
+            .background(color = Color.White)
+            .padding(start = 20.dp, end = 20.dp, top = 20.dp, bottom = 28.dp)
+    ) {
+        Column(
+            modifier = Modifier
+                .fillMaxWidth()
+                .weight(1f),
+            verticalArrangement = Arrangement.Top,
+            horizontalAlignment = Alignment.CenterHorizontally
+        ) {
+            Spacer(modifier = Modifier.height(38.dp))
+
+            Image(
+                modifier = Modifier.size(90.dp),
+                painter = painterResource(id = coreDrawable.party_popper),
+                contentDescription = null
+            )
+
+            Spacer(modifier = Modifier.height(4.dp))
+
+            Text(
+                color = PokitTheme.colors.brand,
+                style = PokitTheme.typography.title1,
+                text = stringResource(id = R.string.sign_up_success)
+            )
+
+            Spacer(modifier = Modifier.height(12.dp))
+
+            Text(
+                textAlign = TextAlign.Center,
+                style = PokitTheme.typography.body1Bold,
+                text = stringResource(id = R.string.manage_links)
+            )
+
+            Spacer(modifier = Modifier.weight(1f))
+
+            Image(
+                modifier = Modifier.height(308.dp),
+                painter = painterResource(id = coreDrawable.big_pooki),
+                contentDescription = "big_pooki"
+            )
+
+            Spacer(modifier = Modifier.height(16.dp))
+        }
+
+        PokitButton(
+            modifier = Modifier
+                .fillMaxWidth(),
+            text = stringResource(id = R.string.start),
+            icon = null,
+            size = PokitButtonSize.LARGE,
+            onClick = { onNavigateToMainScreen() }
+        )
+    }
+}
diff --git a/feature/login/src/main/java/pokitmons/pokit/terms/TermsCheckBoxItem.kt b/feature/login/src/main/java/pokitmons/pokit/terms/TermsCheckBoxItem.kt
new file mode 100644
index 00000000..a1d66266
--- /dev/null
+++ b/feature/login/src/main/java/pokitmons/pokit/terms/TermsCheckBoxItem.kt
@@ -0,0 +1,59 @@
+package pokitmons.pokit.terms
+
+import android.content.Context
+import android.content.Intent
+import android.net.Uri
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.atom.checkbox.PokitCheckbox
+import pokitmons.pokit.core.ui.components.atom.checkbox.attributes.PokitCheckboxStyle
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.utils.noRippleClickable
+
+@Composable
+fun TermsCheckBoxItem(
+    url: String,
+    text: String,
+    isChecked: Boolean,
+    click: () -> Unit,
+) {
+    val context = LocalContext.current
+
+    Box(modifier = Modifier.fillMaxWidth()) {
+        Row(verticalAlignment = Alignment.CenterVertically) {
+            PokitCheckbox(
+                checked = isChecked,
+                style = PokitCheckboxStyle.ICON_ONLY,
+                onClick = { click() }
+            )
+
+            Text(
+                modifier = Modifier
+                    .noRippleClickable { moveToUrl(url, context) }
+                    .padding(start = 4.dp),
+                text = text,
+                style = PokitTheme.typography.body2Medium
+            )
+        }
+        Icon(
+            modifier = Modifier.align(Alignment.CenterEnd),
+            painter = painterResource(id = pokitmons.pokit.core.ui.R.drawable.icon_24_arrow_right),
+            contentDescription = "화살표"
+        )
+    }
+}
+
+fun moveToUrl(url: String, context: Context) {
+    val intent = Intent(Intent.ACTION_VIEW, Uri.parse(url))
+    context.startActivity(intent)
+}
diff --git a/feature/login/src/main/java/pokitmons/pokit/terms/TermsOfServiceScreen.kt b/feature/login/src/main/java/pokitmons/pokit/terms/TermsOfServiceScreen.kt
new file mode 100644
index 00000000..545ba770
--- /dev/null
+++ b/feature/login/src/main/java/pokitmons/pokit/terms/TermsOfServiceScreen.kt
@@ -0,0 +1,130 @@
+package pokitmons.pokit.terms
+
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.viewmodel.compose.viewModel
+import pokitmons.pokit.core.ui.components.atom.button.PokitButton
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonSize
+import pokitmons.pokit.core.ui.components.atom.checkbox.PokitCheckbox
+import pokitmons.pokit.core.ui.components.atom.checkbox.attributes.PokitCheckboxStyle
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.utils.noRippleClickable
+import pokitmons.pokit.core.ui.R as UI
+import pokitmons.pokit.login.R as Login
+
+@Composable
+fun TermsOfServiceScreen(
+    onNavigateToInputNicknameScreen: () -> Unit,
+    onBackPressed: () -> Unit,
+) {
+    val termsViewModel: TermsViewModel = viewModel() // TODO hiltViewModel 마이그레이션 예정
+    val termsState by termsViewModel.termsState.collectAsState()
+
+    Box(
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(start = 20.dp, end = 20.dp, top = 20.dp, bottom = 28.dp)
+    ) {
+        Column {
+            Icon(
+                painter = painterResource(id = UI.drawable.icon_24_arrow_left),
+                contentDescription = "뒤로가기",
+                modifier = Modifier.noRippleClickable { onBackPressed() }
+            )
+
+            Spacer(modifier = Modifier.height(32.dp))
+
+            Text(
+                text = stringResource(id = Login.string.service_privacy_title),
+                style = PokitTheme.typography.title1
+            )
+
+            Spacer(modifier = Modifier.height(32.dp))
+
+            Row(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .height(64.dp)
+                    .border(
+                        shape = RoundedCornerShape(8.dp),
+                        width = 1.dp,
+                        color = PokitTheme.colors.brand
+                    ),
+                verticalAlignment = Alignment.CenterVertically
+            ) {
+                Spacer(modifier = Modifier.padding(start = 16.dp))
+
+                PokitCheckbox(
+                    style = PokitCheckboxStyle.STROKE,
+                    checked = termsState.isAllChecked,
+                    onClick = { termsViewModel.checkAllTerms() }
+                )
+                Text(
+                    modifier = Modifier.padding(start = 16.dp),
+                    text = stringResource(id = Login.string.privacy_all_agree),
+                    style = PokitTheme.typography.body1Bold
+                )
+            }
+
+            Spacer(modifier = Modifier.padding(top = 20.dp))
+
+            Column(
+                modifier = Modifier
+                    .padding(start = 20.dp, end = 20.dp)
+                    .fillMaxWidth()
+            ) {
+                TermsCheckBoxItem(
+                    url = "https://www.notion.so/de3468b3be1744538c22a333ae1d0ec8",
+                    text = stringResource(id = Login.string.personal_data_agree),
+                    isChecked = termsState.isPersonalDataChecked,
+                    click = { termsViewModel.checkPersonalData() }
+                )
+                Spacer(modifier = Modifier.padding(top = 16.dp))
+
+                TermsCheckBoxItem(
+                    url = "https://www.notion.so/3bddcd6fd00043abae6b92a50c39b132?pvs=4",
+                    text = stringResource(id = Login.string.service_agree),
+                    isChecked = termsState.isServiceChecked,
+                    click = { termsViewModel.checkServiceTerm() }
+                )
+                Spacer(modifier = Modifier.padding(top = 16.dp))
+
+                TermsCheckBoxItem(
+                    url = "https://www.notion.so/bb6d0d6569204d5e9a7b67e5825f9d10",
+                    text = stringResource(id = Login.string.marketing_agree),
+                    isChecked = termsState.isMarketingChecked,
+                    click = { termsViewModel.checkMarketing() }
+                )
+            }
+        }
+
+        PokitButton(
+            modifier = Modifier
+                .fillMaxWidth()
+                .align(Alignment.BottomCenter),
+            text = stringResource(id = Login.string.next),
+            icon = null,
+            size = PokitButtonSize.LARGE,
+            enable = termsState.isPersonalDataChecked && termsState.isServiceChecked,
+            onClick = { onNavigateToInputNicknameScreen() }
+        )
+    }
+}
diff --git a/feature/login/src/main/java/pokitmons/pokit/terms/TermsState.kt b/feature/login/src/main/java/pokitmons/pokit/terms/TermsState.kt
new file mode 100644
index 00000000..342655c5
--- /dev/null
+++ b/feature/login/src/main/java/pokitmons/pokit/terms/TermsState.kt
@@ -0,0 +1,8 @@
+package pokitmons.pokit.terms
+
+data class TermsState(
+    val isAllChecked: Boolean = false,
+    val isPersonalDataChecked: Boolean = false,
+    val isServiceChecked: Boolean = false,
+    val isMarketingChecked: Boolean = false,
+)
diff --git a/feature/login/src/main/java/pokitmons/pokit/terms/TermsViewModel.kt b/feature/login/src/main/java/pokitmons/pokit/terms/TermsViewModel.kt
new file mode 100644
index 00000000..4cae62a1
--- /dev/null
+++ b/feature/login/src/main/java/pokitmons/pokit/terms/TermsViewModel.kt
@@ -0,0 +1,42 @@
+package pokitmons.pokit.terms
+
+import androidx.lifecycle.ViewModel
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+
+class TermsViewModel() : ViewModel() {
+    private val _termsState = MutableStateFlow(TermsState())
+    val termsState: StateFlow<TermsState>
+        get() = _termsState
+
+    fun checkAllTerms() {
+        when (_termsState.value.isAllChecked) {
+            true -> _termsState.value = TermsState()
+            false -> _termsState.value = _termsState.value.copy(
+                isAllChecked = true,
+                isPersonalDataChecked = true,
+                isServiceChecked = true,
+                isMarketingChecked = true
+            )
+        }
+    }
+
+    fun checkPersonalData() {
+        _termsState.value = _termsState.value.copy(isPersonalDataChecked = !_termsState.value.isPersonalDataChecked)
+        isAllCheck()
+    }
+
+    fun checkServiceTerm() {
+        _termsState.value = _termsState.value.copy(isServiceChecked = !_termsState.value.isServiceChecked)
+        isAllCheck()
+    }
+
+    fun checkMarketing() {
+        _termsState.value = _termsState.value.copy(isMarketingChecked = !_termsState.value.isMarketingChecked)
+        isAllCheck()
+    }
+
+    private fun isAllCheck() = with(_termsState.value) {
+        _termsState.value = copy(isAllChecked = isMarketingChecked && isServiceChecked && isPersonalDataChecked)
+    }
+}
diff --git a/feature/login/src/main/res/drawable/ic_launcher_background.xml b/feature/login/src/main/res/drawable/ic_launcher_background.xml
new file mode 100644
index 00000000..07d5da9c
--- /dev/null
+++ b/feature/login/src/main/res/drawable/ic_launcher_background.xml
@@ -0,0 +1,170 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path
+        android:fillColor="#3DDC84"
+        android:pathData="M0,0h108v108h-108z" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M9,0L9,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,0L19,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,0L29,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,0L39,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,0L49,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,0L59,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,0L69,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,0L79,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M89,0L89,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M99,0L99,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,9L108,9"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,19L108,19"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,29L108,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,39L108,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,49L108,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,59L108,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,69L108,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,79L108,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,89L108,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,99L108,99"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,29L89,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,39L89,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,49L89,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,59L89,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,69L89,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,79L89,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,19L29,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,19L39,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,19L49,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,19L59,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,19L69,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,19L79,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+</vector>
diff --git a/feature/login/src/main/res/drawable/ic_launcher_foreground.xml b/feature/login/src/main/res/drawable/ic_launcher_foreground.xml
new file mode 100644
index 00000000..2b068d11
--- /dev/null
+++ b/feature/login/src/main/res/drawable/ic_launcher_foreground.xml
@@ -0,0 +1,30 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path android:pathData="M31,63.928c0,0 6.4,-11 12.1,-13.1c7.2,-2.6 26,-1.4 26,-1.4l38.1,38.1L107,108.928l-32,-1L31,63.928z">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:endX="85.84757"
+                android:endY="92.4963"
+                android:startX="42.9492"
+                android:startY="49.59793"
+                android:type="linear">
+                <item
+                    android:color="#44000000"
+                    android:offset="0.0" />
+                <item
+                    android:color="#00000000"
+                    android:offset="1.0" />
+            </gradient>
+        </aapt:attr>
+    </path>
+    <path
+        android:fillColor="#FFFFFF"
+        android:fillType="nonZero"
+        android:pathData="M65.3,45.828l3.8,-6.6c0.2,-0.4 0.1,-0.9 -0.3,-1.1c-0.4,-0.2 -0.9,-0.1 -1.1,0.3l-3.9,6.7c-6.3,-2.8 -13.4,-2.8 -19.7,0l-3.9,-6.7c-0.2,-0.4 -0.7,-0.5 -1.1,-0.3C38.8,38.328 38.7,38.828 38.9,39.228l3.8,6.6C36.2,49.428 31.7,56.028 31,63.928h46C76.3,56.028 71.8,49.428 65.3,45.828zM43.4,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2c-0.3,-0.7 -0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C45.3,56.528 44.5,57.328 43.4,57.328L43.4,57.328zM64.6,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2s-0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C66.5,56.528 65.6,57.328 64.6,57.328L64.6,57.328z"
+        android:strokeWidth="1"
+        android:strokeColor="#00000000" />
+</vector>
\ No newline at end of file
diff --git a/feature/login/src/main/res/mipmap-anydpi-v26/ic_launcher.xml b/feature/login/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
new file mode 100644
index 00000000..6f3b755b
--- /dev/null
+++ b/feature/login/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>
\ No newline at end of file
diff --git a/feature/login/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml b/feature/login/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
new file mode 100644
index 00000000..6f3b755b
--- /dev/null
+++ b/feature/login/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>
\ No newline at end of file
diff --git a/feature/login/src/main/res/mipmap-hdpi/ic_launcher.webp b/feature/login/src/main/res/mipmap-hdpi/ic_launcher.webp
new file mode 100644
index 00000000..c209e78e
Binary files /dev/null and b/feature/login/src/main/res/mipmap-hdpi/ic_launcher.webp differ
diff --git a/feature/login/src/main/res/mipmap-hdpi/ic_launcher_round.webp b/feature/login/src/main/res/mipmap-hdpi/ic_launcher_round.webp
new file mode 100644
index 00000000..b2dfe3d1
Binary files /dev/null and b/feature/login/src/main/res/mipmap-hdpi/ic_launcher_round.webp differ
diff --git a/feature/login/src/main/res/mipmap-mdpi/ic_launcher.webp b/feature/login/src/main/res/mipmap-mdpi/ic_launcher.webp
new file mode 100644
index 00000000..4f0f1d64
Binary files /dev/null and b/feature/login/src/main/res/mipmap-mdpi/ic_launcher.webp differ
diff --git a/feature/login/src/main/res/mipmap-mdpi/ic_launcher_round.webp b/feature/login/src/main/res/mipmap-mdpi/ic_launcher_round.webp
new file mode 100644
index 00000000..62b611da
Binary files /dev/null and b/feature/login/src/main/res/mipmap-mdpi/ic_launcher_round.webp differ
diff --git a/feature/login/src/main/res/mipmap-xhdpi/ic_launcher.webp b/feature/login/src/main/res/mipmap-xhdpi/ic_launcher.webp
new file mode 100644
index 00000000..948a3070
Binary files /dev/null and b/feature/login/src/main/res/mipmap-xhdpi/ic_launcher.webp differ
diff --git a/feature/login/src/main/res/mipmap-xhdpi/ic_launcher_round.webp b/feature/login/src/main/res/mipmap-xhdpi/ic_launcher_round.webp
new file mode 100644
index 00000000..1b9a6956
Binary files /dev/null and b/feature/login/src/main/res/mipmap-xhdpi/ic_launcher_round.webp differ
diff --git a/feature/login/src/main/res/mipmap-xxhdpi/ic_launcher.webp b/feature/login/src/main/res/mipmap-xxhdpi/ic_launcher.webp
new file mode 100644
index 00000000..28d4b77f
Binary files /dev/null and b/feature/login/src/main/res/mipmap-xxhdpi/ic_launcher.webp differ
diff --git a/feature/login/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp b/feature/login/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp
new file mode 100644
index 00000000..9287f508
Binary files /dev/null and b/feature/login/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp differ
diff --git a/feature/login/src/main/res/mipmap-xxxhdpi/ic_launcher.webp b/feature/login/src/main/res/mipmap-xxxhdpi/ic_launcher.webp
new file mode 100644
index 00000000..aa7d6427
Binary files /dev/null and b/feature/login/src/main/res/mipmap-xxxhdpi/ic_launcher.webp differ
diff --git a/feature/login/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp b/feature/login/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp
new file mode 100644
index 00000000..9126ae37
Binary files /dev/null and b/feature/login/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp differ
diff --git a/feature/login/src/main/res/values/colors.xml b/feature/login/src/main/res/values/colors.xml
new file mode 100644
index 00000000..f8c6127d
--- /dev/null
+++ b/feature/login/src/main/res/values/colors.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="purple_200">#FFBB86FC</color>
+    <color name="purple_500">#FF6200EE</color>
+    <color name="purple_700">#FF3700B3</color>
+    <color name="teal_200">#FF03DAC5</color>
+    <color name="teal_700">#FF018786</color>
+    <color name="black">#FF000000</color>
+    <color name="white">#FFFFFFFF</color>
+</resources>
\ No newline at end of file
diff --git a/feature/login/src/main/res/values/strings.xml b/feature/login/src/main/res/values/strings.xml
new file mode 100644
index 00000000..a6459201
--- /dev/null
+++ b/feature/login/src/main/res/values/strings.xml
@@ -0,0 +1,35 @@
+<resources>
+    <string name="google_login">Google로 시작하기</string>
+    <string name="apple_login">Apple로 시작하기</string>
+    <string name="service_privacy_title">서비스 이용을 위해\n이용약 동의가 필요합니다</string>
+    <string name="privacy_all_agree">약관 전체동의</string>
+    <string name="personal_data_agree">(필수)개인정보 수집 및 이용 동의</string>
+    <string name="service_agree">(필수)서비스 이용약관</string>
+    <string name="marketing_agree">(선택)마케팅 정보 수신</string>
+    <string name="input_nickname_title">Pokit에 사용할 닉네임을\n입력해주세요</string>
+    <string name="input_nickname_hint">내용을 입력해주세요.</string>
+    <string name="input_restriction_message">한글, 영어, 숫자로만 입력이 가능합니다.</string>
+    <string name="nickname_already_in_use">사용 중인 닉네임입니다.</string>
+    <string name="input_max_length">최대 10자까지 입력 가능합니다.</string>
+    <string name="keyword_title">어떤 분야에 관심이 있으세요?</string>
+    <string name="select_keyword">최대 3개를 골라주시면,\n관련 콘텐츠를 추천해드릴게요!</string>
+    <string name="sports_and_leisure">스포츠/레저</string>
+    <string name="phrases_and_office">문구/오피스</string>
+    <string name="fashion">패션</string>
+    <string name="travel">여행</string>
+    <string name="economy_and_politics">경제/시사</string>
+    <string name="movies_and_dramas">영화/드라마</string>
+    <string name="restaurants">맛집</string>
+    <string name="interior">인테리어</string>
+    <string name="it">IT</string>
+    <string name="design">디자인</string>
+    <string name="self_development">자기계발</string>
+    <string name="humor">유머</string>
+    <string name="music">음악</string>
+    <string name="job_info">취업정보</string>
+    <string name="sign_up_success">회원가입 완료!</string>
+    <string name="manage_links">다양한 링크를 포킷에 저장해보세요</string>
+    <string name="login_sub_text">다양한 링크들을 한 곳에</string>
+    <string name="next">다음</string>
+    <string name="start">시작하기</string>
+</resources>
\ No newline at end of file
diff --git a/feature/login/src/main/res/values/themes.xml b/feature/login/src/main/res/values/themes.xml
new file mode 100644
index 00000000..dc078bc4
--- /dev/null
+++ b/feature/login/src/main/res/values/themes.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <style name="Theme.Pokit" parent="android:Theme.Material.Light.NoActionBar" />
+</resources>
\ No newline at end of file
diff --git a/feature/login/src/test/java/pokitmons/pokit/login/ExampleUnitTest.kt b/feature/login/src/test/java/pokitmons/pokit/login/ExampleUnitTest.kt
new file mode 100644
index 00000000..a5399a47
--- /dev/null
+++ b/feature/login/src/test/java/pokitmons/pokit/login/ExampleUnitTest.kt
@@ -0,0 +1,16 @@
+package pokitmons.pokit.login
+
+import junit.framework.TestCase.assertEquals
+import org.junit.Test
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+class ExampleUnitTest {
+    @Test
+    fun addition_isCorrect() {
+        assertEquals(4, 2 + 2)
+    }
+}
diff --git a/feature/pokitdetail/.gitignore b/feature/pokitdetail/.gitignore
new file mode 100644
index 00000000..42afabfd
--- /dev/null
+++ b/feature/pokitdetail/.gitignore
@@ -0,0 +1 @@
+/build
\ No newline at end of file
diff --git a/feature/pokitdetail/build.gradle.kts b/feature/pokitdetail/build.gradle.kts
new file mode 100644
index 00000000..965a79f8
--- /dev/null
+++ b/feature/pokitdetail/build.gradle.kts
@@ -0,0 +1,87 @@
+plugins {
+    alias(libs.plugins.com.android.library)
+    alias(libs.plugins.org.jetbrains.kotlin.android)
+    alias(libs.plugins.hilt)
+    id("kotlin-kapt")
+}
+
+android {
+    tasks.withType<Test>().configureEach {
+        useJUnitPlatform()
+    }
+
+    namespace = "com.strayalpaca.pokitdetail"
+    compileSdk = 34
+
+    defaultConfig {
+        minSdk = 24
+
+        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+        consumerProguardFiles("consumer-rules.pro")
+    }
+
+    buildTypes {
+        release {
+            isMinifyEnabled = false
+            proguardFiles(
+                getDefaultProguardFile("proguard-android-optimize.txt"),
+                "proguard-rules.pro"
+            )
+        }
+    }
+    buildFeatures {
+        compose = true
+    }
+    composeOptions {
+        kotlinCompilerExtensionVersion = "1.5.1"
+    }
+    compileOptions {
+        sourceCompatibility = JavaVersion.VERSION_1_8
+        targetCompatibility = JavaVersion.VERSION_1_8
+    }
+    kotlinOptions {
+        jvmTarget = "1.8"
+    }
+}
+
+dependencies {
+
+    implementation(libs.androidx.core.ktx)
+    implementation(libs.androidx.lifecycle.runtime.ktx)
+    implementation(libs.androidx.activity.compose)
+    implementation(platform(libs.androidx.compose.bom))
+    implementation(libs.androidx.ui)
+    implementation(libs.androidx.ui.graphics)
+    implementation(libs.androidx.ui.tooling.preview)
+    implementation(libs.androidx.material3)
+    testImplementation(libs.junit)
+    androidTestImplementation(libs.androidx.junit)
+    androidTestImplementation(libs.androidx.espresso.core)
+    androidTestImplementation(platform(libs.androidx.compose.bom))
+    androidTestImplementation(libs.androidx.ui.test.junit4)
+    debugImplementation(libs.androidx.ui.tooling)
+    debugImplementation(libs.androidx.ui.test.manifest)
+
+    implementation(libs.orbit.compose)
+    implementation(libs.orbit.core)
+    implementation(libs.orbit.viewmodel)
+
+    // kotest
+    testImplementation(libs.kotest.runner.junit5)
+    testImplementation(libs.kotlin.reflect)
+
+    // mockk
+    testImplementation(libs.mockk)
+    androidTestImplementation(libs.mockk.android)
+
+    // hilt
+    implementation(libs.hilt)
+    kapt(libs.hilt.compiler)
+
+    // coil
+    implementation(libs.coil.compose)
+
+    implementation(project(":core:ui"))
+    implementation(project(":core:feature"))
+    implementation(project(":domain"))
+}
diff --git a/feature/pokitdetail/consumer-rules.pro b/feature/pokitdetail/consumer-rules.pro
new file mode 100644
index 00000000..e69de29b
diff --git a/feature/pokitdetail/proguard-rules.pro b/feature/pokitdetail/proguard-rules.pro
new file mode 100644
index 00000000..481bb434
--- /dev/null
+++ b/feature/pokitdetail/proguard-rules.pro
@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
\ No newline at end of file
diff --git a/feature/pokitdetail/src/androidTest/java/com/strayalpaca/pokitdetail/ExampleInstrumentedTest.kt b/feature/pokitdetail/src/androidTest/java/com/strayalpaca/pokitdetail/ExampleInstrumentedTest.kt
new file mode 100644
index 00000000..13cfb6b3
--- /dev/null
+++ b/feature/pokitdetail/src/androidTest/java/com/strayalpaca/pokitdetail/ExampleInstrumentedTest.kt
@@ -0,0 +1,22 @@
+package com.strayalpaca.pokitdetail
+
+import androidx.test.ext.junit.runners.AndroidJUnit4
+import androidx.test.platform.app.InstrumentationRegistry
+import org.junit.Assert.assertEquals
+import org.junit.Test
+import org.junit.runner.RunWith
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+        assertEquals("com.strayalpaca.pokitdetail.test", appContext.packageName)
+    }
+}
diff --git a/feature/pokitdetail/src/main/AndroidManifest.xml b/feature/pokitdetail/src/main/AndroidManifest.xml
new file mode 100644
index 00000000..a5918e68
--- /dev/null
+++ b/feature/pokitdetail/src/main/AndroidManifest.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+</manifest>
\ No newline at end of file
diff --git a/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/PokitDetailScreen.kt b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/PokitDetailScreen.kt
new file mode 100644
index 00000000..ef9e81dd
--- /dev/null
+++ b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/PokitDetailScreen.kt
@@ -0,0 +1,385 @@
+package com.strayalpaca.pokitdetail
+
+import android.content.Context
+import android.content.Intent
+import android.widget.Toast
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.items
+import androidx.compose.foundation.lazy.rememberLazyListState
+import androidx.compose.material3.HorizontalDivider
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.derivedStateOf
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import coil.compose.rememberAsyncImagePainter
+import com.strayalpaca.pokitdetail.components.block.TitleArea
+import com.strayalpaca.pokitdetail.components.block.Toolbar
+import com.strayalpaca.pokitdetail.components.template.filterselectbottomsheet.FilterSelectBottomSheet
+import com.strayalpaca.pokitdetail.model.BottomSheetType
+import com.strayalpaca.pokitdetail.model.Filter
+import com.strayalpaca.pokitdetail.model.Link
+import com.strayalpaca.pokitdetail.model.Pokit
+import com.strayalpaca.pokitdetail.model.PokitDetailScreenState
+import com.strayalpaca.pokitdetail.paging.SimplePagingState
+import pokitmons.pokit.core.feature.flow.collectAsEffect
+import pokitmons.pokit.core.ui.components.atom.loading.LoadingProgress
+import pokitmons.pokit.core.ui.components.block.linkcard.LinkCard
+import pokitmons.pokit.core.ui.components.block.pokitlist.PokitList
+import pokitmons.pokit.core.ui.components.block.pokitlist.attributes.PokitListState
+import pokitmons.pokit.core.ui.components.template.bottomsheet.PokitBottomSheet
+import pokitmons.pokit.core.ui.components.template.linkdetailbottomsheet.LinkDetailBottomSheet
+import pokitmons.pokit.core.ui.components.template.modifybottomsheet.ModifyBottomSheetContent
+import pokitmons.pokit.core.ui.components.template.pookiempty.EmptyPooki
+import pokitmons.pokit.core.ui.components.template.pookierror.ErrorPooki
+import pokitmons.pokit.core.ui.components.template.removeItemBottomSheet.TwoButtonBottomSheetContent
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.R.string as coreString
+
+@Composable
+fun PokitDetailScreenContainer(
+    viewModel: PokitDetailViewModel,
+    onBackPressed: () -> Unit,
+    onNavigateToLinkModify: (String) -> Unit,
+    onNavigateToPokitModify: (String) -> Unit,
+) {
+    val state by viewModel.state.collectAsState()
+    val linkList by viewModel.linkList.collectAsState()
+    val linkListState by viewModel.linkListState.collectAsState()
+    val pokitList by viewModel.pokitList.collectAsState()
+    val pokitListState by viewModel.pokitListState.collectAsState()
+
+    viewModel.moveToBackEvent.collectAsEffect {
+        onBackPressed()
+    }
+
+    PokitDetailScreen(
+        onBackPressed = onBackPressed,
+        onClickFilter = viewModel::showFilterChangeBottomSheet,
+        hideFilterChangeBottomSheet = viewModel::hideFilterChangeBottomSheet,
+        changeFilter = viewModel::changeFilter,
+        showPokitSelectBottomSheet = viewModel::showPokitSelectBottomSheet,
+        hidePokitSelectBottomSheet = viewModel::hidePokitSelectBottomSheet,
+        changePokit = viewModel::changePokit,
+        showPokitModifyBottomSheet = viewModel::showPokitModifyBottomSheet,
+        showPokitRemoveBottomSheet = viewModel::showPokitRemoveBottomSheet,
+        hidePokitModifyBottomSheet = viewModel::hidePokitBottomSheet,
+        showLinkModifyBottomSheet = viewModel::showLinkModifyBottomSheet,
+        showLinkRemoveBottomSheet = viewModel::showLinkRemoveBottomSheet,
+        showLinkRemoveBottomSheetWithLink = remember {
+            { link ->
+                viewModel.hideLinkDetailBottomSheet()
+                viewModel.showLinkRemoveBottomSheet(link)
+            }
+        },
+        hideLinkModifyBottomSheet = viewModel::hideLinkBottomSheet,
+        hideLinkDetailBottomSheet = viewModel::hideLinkDetailBottomSheet,
+        state = state,
+        linkList = linkList,
+        linkListState = linkListState,
+        pokitList = pokitList,
+        pokitListState = pokitListState,
+        onClickLink = viewModel::showLinkDetailBottomSheet,
+        onClickPokitModify = onNavigateToPokitModify,
+        onClickPokitRemove = viewModel::deletePokit,
+        onClickLinkModify = onNavigateToLinkModify,
+        onClickLinkRemove = viewModel::deleteLink,
+        loadNextPokits = viewModel::loadNextPokits,
+        refreshPokits = viewModel::refreshPokits,
+        loadNextLinks = viewModel::loadNextLinks,
+        onClickBookmark = viewModel::toggleBookmark
+    )
+}
+
+@Composable
+fun PokitDetailScreen(
+    onBackPressed: () -> Unit = {},
+    onClickFilter: () -> Unit = {},
+    hideFilterChangeBottomSheet: () -> Unit = {},
+    changeFilter: (Filter) -> Unit = {},
+    showPokitSelectBottomSheet: () -> Unit = {},
+    hidePokitSelectBottomSheet: () -> Unit = {},
+    changePokit: (Pokit) -> Unit = {},
+    showPokitModifyBottomSheet: () -> Unit = {},
+    showPokitRemoveBottomSheet: () -> Unit = {},
+    hidePokitModifyBottomSheet: () -> Unit = {},
+    showLinkModifyBottomSheet: (Link) -> Unit = {},
+    showLinkRemoveBottomSheet: () -> Unit = {},
+    showLinkRemoveBottomSheetWithLink: (Link) -> Unit = {},
+    hideLinkModifyBottomSheet: () -> Unit = {},
+    hideLinkDetailBottomSheet: () -> Unit = {},
+    state: PokitDetailScreenState = PokitDetailScreenState(),
+    linkList: List<Link> = emptyList(),
+    linkListState: SimplePagingState = SimplePagingState.IDLE,
+    pokitList: List<Pokit> = emptyList(),
+    pokitListState: SimplePagingState = SimplePagingState.IDLE,
+    onClickLink: (Link) -> Unit = {},
+    onClickPokitModify: (String) -> Unit = {},
+    onClickPokitRemove: () -> Unit = {},
+    onClickLinkModify: (String) -> Unit = {},
+    onClickLinkRemove: () -> Unit = {},
+    loadNextPokits: () -> Unit = {},
+    refreshPokits: () -> Unit = {},
+    loadNextLinks: () -> Unit = {},
+    onClickBookmark: () -> Unit = {},
+) {
+    Column(
+        modifier = Modifier.fillMaxSize()
+    ) {
+        Spacer(modifier = Modifier.height(8.dp))
+
+        Toolbar(
+            onBackPressed = onBackPressed,
+            onClickKebab = showPokitModifyBottomSheet
+        )
+
+        Spacer(modifier = Modifier.height(12.dp))
+
+        TitleArea(
+            title = state.currentPokit?.title ?: "",
+            sub = stringResource(id = pokitmons.pokit.core.ui.R.string.pokit_count_format, state.currentPokit?.count ?: 0),
+            onClickSelectPokit = showPokitSelectBottomSheet,
+            onClickSelectFilter = onClickFilter
+        )
+
+        val linkLazyColumnListState = rememberLazyListState()
+        val startLinkPaging = remember {
+            derivedStateOf {
+                linkLazyColumnListState.layoutInfo.visibleItemsInfo.lastOrNull()?.let { last ->
+                    last.index >= linkLazyColumnListState.layoutInfo.totalItemsCount - 3
+                } ?: false
+            }
+        }
+
+        LaunchedEffect(startLinkPaging.value) {
+            if (startLinkPaging.value && linkListState == SimplePagingState.IDLE) {
+                loadNextLinks()
+            }
+        }
+
+        when {
+            (linkListState == SimplePagingState.LOADING_INIT) -> {
+                LoadingProgress(
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .weight(1f)
+                )
+            }
+            (linkListState == SimplePagingState.FAILURE_INIT) -> {
+                ErrorPooki(
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .weight(1f),
+                    title = stringResource(id = coreString.title_error),
+                    sub = stringResource(id = coreString.sub_error)
+                )
+            }
+            (linkList.isEmpty()) -> {
+                EmptyPooki(
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .weight(1f),
+                    title = stringResource(id = coreString.title_empty_links),
+                    sub = stringResource(id = coreString.sub_empty_links)
+                )
+            }
+            else -> {
+                LazyColumn(
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .weight(1f),
+                    state = linkLazyColumnListState
+                ) {
+                    items(
+                        items = linkList,
+                        key = { it.id }
+                    ) { link ->
+                        LinkCard(
+                            item = link,
+                            title = link.title,
+                            sub = "${link.dateString} · ${link.domainUrl}",
+                            painter = rememberAsyncImagePainter(link.imageUrl),
+                            notRead = !link.isRead,
+                            badgeText = link.pokitName,
+                            onClickKebab = showLinkModifyBottomSheet,
+                            onClickItem = onClickLink,
+                            modifier = Modifier.padding(20.dp)
+                        )
+
+                        HorizontalDivider(
+                            modifier = Modifier.padding(horizontal = 20.dp),
+                            thickness = 1.dp,
+                            color = PokitTheme.colors.borderTertiary
+                        )
+                    }
+                }
+            }
+        }
+
+        if (state.currentLink != null) {
+            val context: Context = LocalContext.current
+            LinkDetailBottomSheet(
+                title = state.currentLink.title,
+                memo = state.currentLink.memo,
+                url = state.currentLink.url,
+                thumbnailPainter = rememberAsyncImagePainter(state.currentLink.imageUrl),
+                bookmark = state.currentLink.bookmark,
+                openWebBrowserByClick = true,
+                pokitName = state.currentLink.pokitName,
+                dateString = state.currentLink.dateString,
+                onHideBottomSheet = hideLinkDetailBottomSheet,
+                show = state.linkDetailBottomSheetVisible,
+                onClickShareLink = {
+                    val intent = Intent(Intent.ACTION_SEND_MULTIPLE).apply {
+                        type = "text/plain"
+                        putExtra(Intent.EXTRA_TEXT, state.currentLink.url)
+                    }
+                    context.startActivity(Intent.createChooser(intent, "Pokit"))
+                },
+                onClickModifyLink = {
+                    hideLinkDetailBottomSheet()
+                    onClickLinkModify(state.currentLink.id)
+                },
+                onClickRemoveLink = {
+                    hideLinkDetailBottomSheet()
+                    showLinkRemoveBottomSheetWithLink(state.currentLink)
+                },
+                onClickBookmark = onClickBookmark
+            )
+        }
+
+        FilterSelectBottomSheet(
+            filter = state.currentFilter,
+            onHideRequest = hideFilterChangeBottomSheet,
+            onFilterChange = changeFilter,
+            show = state.filterChangeBottomSheetVisible
+        )
+
+        PokitBottomSheet(
+            onHideBottomSheet = hidePokitSelectBottomSheet,
+            show = state.pokitSelectBottomSheetVisible,
+            skipPartiallyExpanded = false
+        ) {
+            val lazyColumnListState = rememberLazyListState()
+            val startPaging = remember {
+                derivedStateOf {
+                    lazyColumnListState.layoutInfo.visibleItemsInfo.lastOrNull()?.let { last ->
+                        last.index >= lazyColumnListState.layoutInfo.totalItemsCount - 3
+                    } ?: false
+                }
+            }
+
+            LaunchedEffect(Unit) {
+                refreshPokits()
+            }
+
+            LaunchedEffect(startPaging.value) {
+                if (startPaging.value && pokitListState == SimplePagingState.IDLE) {
+                    loadNextPokits()
+                }
+            }
+
+            LazyColumn(
+                state = lazyColumnListState
+            ) {
+                items(
+                    items = pokitList,
+                    key = { it.id }
+                ) { pokit ->
+                    PokitList(
+                        item = pokit,
+                        title = pokit.title,
+                        sub = stringResource(id = R.string.link_count_format, pokit.count),
+                        onClickItem = changePokit,
+                        state = PokitListState.ACTIVE
+                    )
+                }
+            }
+        }
+
+        PokitBottomSheet(
+            onHideBottomSheet = hideLinkModifyBottomSheet,
+            show = state.linkBottomSheetType != null
+        ) {
+            val context: Context = LocalContext.current
+            when (state.linkBottomSheetType) {
+                BottomSheetType.MODIFY -> {
+                    ModifyBottomSheetContent(
+                        onClickShare = { Toast.makeText(context, "준비중입니다.", Toast.LENGTH_SHORT).show() },
+                        onClickModify = remember {
+                            {
+                                state.currentLink?.let { link ->
+                                    hideLinkModifyBottomSheet()
+                                    onClickLinkModify(link.id)
+                                }
+                            }
+                        },
+                        onClickRemove = showLinkRemoveBottomSheet
+                    )
+                }
+
+                BottomSheetType.REMOVE -> {
+                    TwoButtonBottomSheetContent(
+                        title = stringResource(id = R.string.title_remove_link),
+                        subText = stringResource(id = R.string.sub_remove_link),
+                        onClickLeftButton = hideLinkModifyBottomSheet,
+                        onClickRightButton = {
+                            onClickLinkRemove()
+                            hideLinkModifyBottomSheet()
+                        }
+                    )
+                }
+
+                else -> {}
+            }
+        }
+
+        PokitBottomSheet(
+            onHideBottomSheet = hidePokitModifyBottomSheet,
+            show = state.pokitBottomSheetType != null
+        ) {
+            when (state.pokitBottomSheetType) {
+                BottomSheetType.MODIFY -> {
+                    val context: Context = LocalContext.current
+                    ModifyBottomSheetContent(
+                        onClickShare = { Toast.makeText(context, "준비중입니다.", Toast.LENGTH_SHORT).show() },
+                        onClickModify = remember {
+                            {
+                                hidePokitModifyBottomSheet()
+                                onClickPokitModify(state.currentPokit!!.id)
+                            }
+                        },
+                        onClickRemove = showPokitRemoveBottomSheet
+                    )
+                }
+
+                BottomSheetType.REMOVE -> {
+                    TwoButtonBottomSheetContent(
+                        title = stringResource(id = R.string.title_remove_pokit),
+                        subText = stringResource(id = R.string.sub_remove_pokit),
+                        onClickLeftButton = hidePokitModifyBottomSheet,
+                        onClickRightButton = remember {
+                            {
+                                onClickPokitRemove()
+                                hidePokitModifyBottomSheet()
+                            }
+                        }
+                    )
+                }
+
+                else -> {}
+            }
+        }
+    }
+}
diff --git a/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/PokitDetailViewModel.kt b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/PokitDetailViewModel.kt
new file mode 100644
index 00000000..98ed8a19
--- /dev/null
+++ b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/PokitDetailViewModel.kt
@@ -0,0 +1,303 @@
+package com.strayalpaca.pokitdetail
+
+import androidx.lifecycle.SavedStateHandle
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import com.strayalpaca.pokitdetail.model.BottomSheetType
+import com.strayalpaca.pokitdetail.model.Filter
+import com.strayalpaca.pokitdetail.model.Link
+import com.strayalpaca.pokitdetail.model.Pokit
+import com.strayalpaca.pokitdetail.model.PokitDetailScreenState
+import com.strayalpaca.pokitdetail.paging.LinkPaging
+import com.strayalpaca.pokitdetail.paging.PokitPaging
+import com.strayalpaca.pokitdetail.paging.SimplePagingState
+import dagger.hilt.android.lifecycle.HiltViewModel
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.flow.collectLatest
+import kotlinx.coroutines.flow.update
+import kotlinx.coroutines.launch
+import pokitmons.pokit.core.feature.flow.MutableEventFlow
+import pokitmons.pokit.core.feature.flow.asEventFlow
+import pokitmons.pokit.core.feature.navigation.args.LinkUpdateEvent
+import pokitmons.pokit.core.feature.navigation.args.PokitUpdateEvent
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.link.LinksSort
+import pokitmons.pokit.domain.usecase.link.DeleteLinkUseCase
+import pokitmons.pokit.domain.usecase.link.GetLinkUseCase
+import pokitmons.pokit.domain.usecase.link.GetLinksUseCase
+import pokitmons.pokit.domain.usecase.link.SetBookmarkUseCase
+import pokitmons.pokit.domain.usecase.pokit.DeletePokitUseCase
+import pokitmons.pokit.domain.usecase.pokit.GetPokitUseCase
+import pokitmons.pokit.domain.usecase.pokit.GetPokitsUseCase
+import javax.inject.Inject
+import pokitmons.pokit.domain.model.link.Link as DomainLink
+
+@HiltViewModel
+class PokitDetailViewModel @Inject constructor(
+    private val getPokitsUseCase: GetPokitsUseCase,
+    private val getLinksUseCase: GetLinksUseCase,
+    private val getPokitUseCase: GetPokitUseCase,
+    private val deletePokitUseCase: DeletePokitUseCase,
+    private val deleteLinkUseCase: DeleteLinkUseCase,
+    private val setBookmarkUseCase: SetBookmarkUseCase,
+    private val getLinkUseCase: GetLinkUseCase,
+    savedStateHandle: SavedStateHandle,
+) : ViewModel() {
+    private val pokitPaging = PokitPaging(
+        getPokits = getPokitsUseCase,
+        perPage = 10,
+        coroutineScope = viewModelScope,
+        initPage = 0
+    )
+
+    private val linkPaging = LinkPaging(
+        getLinks = ::getLinks,
+        perPage = 10,
+        coroutineScope = viewModelScope,
+        initPage = 0,
+        initCategoryId = 1
+    )
+
+    private val _state = MutableStateFlow(PokitDetailScreenState())
+    val state: StateFlow<PokitDetailScreenState> = _state.asStateFlow()
+
+    val pokitList: StateFlow<List<Pokit>> = pokitPaging.pagingData
+    val pokitListState: StateFlow<SimplePagingState> = pokitPaging.pagingState
+
+    val linkList: StateFlow<List<Link>> = linkPaging.pagingData
+    val linkListState: StateFlow<SimplePagingState> = linkPaging.pagingState
+
+    private val _moveToBackEvent = MutableEventFlow<Boolean>()
+    val moveToBackEvent = _moveToBackEvent.asEventFlow()
+
+    init {
+        val pokitId = savedStateHandle.get<String>("pokit_id")?.toIntOrNull()
+        val linkCount = savedStateHandle.get<String>("pokit_count")?.toIntOrNull() ?: 0
+
+        pokitId?.let { id ->
+            linkPaging.changeOptions(categoryId = id, sort = LinksSort.RECENT)
+            viewModelScope.launch {
+                linkPaging.refresh()
+            }
+            getPokit(id, linkCount)
+        }
+
+        initLinkUpdateEventDetector()
+        initLinkRemoveEventDetector()
+        initPokitUpdateEventDetector()
+    }
+
+    private fun initLinkUpdateEventDetector() {
+        viewModelScope.launch {
+            LinkUpdateEvent.updatedLink.collectLatest { updatedLink ->
+                val targetLink = linkPaging.pagingData.value.find { it.id == updatedLink.id.toString() } ?: return@collectLatest
+                val modifiedLink = targetLink.copy(
+                    title = updatedLink.title,
+                    imageUrl = updatedLink.thumbnail,
+                    domainUrl = updatedLink.domain,
+                    createdAt = updatedLink.createdAt
+                )
+                linkPaging.modifyItem(modifiedLink)
+            }
+        }
+    }
+
+    private fun initLinkRemoveEventDetector() {
+        viewModelScope.launch {
+            LinkUpdateEvent.removedLink.collectLatest { removedLinkId ->
+                val targetLink = linkPaging.pagingData.value.find { it.id == removedLinkId.toString() } ?: return@collectLatest
+                linkPaging.deleteItem(targetLink)
+            }
+        }
+    }
+
+    private fun initPokitUpdateEventDetector() {
+        viewModelScope.launch {
+            PokitUpdateEvent.updatedPokit.collectLatest { updatedPokit ->
+                if (state.value.currentPokit?.id != updatedPokit.id.toString()) return@collectLatest
+
+                val pokit = state.value.currentPokit?.copy(
+                    title = updatedPokit.title
+                ) ?: return@collectLatest
+                _state.update { it.copy(currentPokit = pokit) }
+            }
+        }
+    }
+
+    private suspend fun getLinks(categoryId: Int, size: Int, page: Int, sort: LinksSort): PokitResult<List<DomainLink>> {
+        val currentFilter = state.value.currentFilter
+        return getLinksUseCase.getLinks(
+            categoryId = categoryId,
+            size = size,
+            page = page,
+            sort = sort,
+            isRead = if (currentFilter.notReadChecked) false else null,
+            favorite = if (currentFilter.bookmarkChecked) true else null
+        )
+    }
+
+    private fun getPokit(pokitId: Int, linkCount: Int) {
+        viewModelScope.launch {
+            val response = getPokitUseCase.getPokit(pokitId)
+            if (response is PokitResult.Success) {
+                _state.update { it.copy(currentPokit = Pokit.fromDomainPokit(response.result).copy(count = linkCount)) }
+            }
+        }
+    }
+
+    fun changePokit(pokit: Pokit) {
+        _state.update { it.copy(currentPokit = pokit, pokitSelectBottomSheetVisible = false) }
+        linkPaging.changeOptions(categoryId = pokit.id.toInt(), sort = LinksSort.RECENT)
+        viewModelScope.launch {
+            linkPaging.refresh()
+        }
+    }
+
+    fun changeFilter(filter: Filter) {
+        val currentFilter = state.value.currentFilter
+        if (currentFilter == filter) {
+            _state.update { it.copy(filterChangeBottomSheetVisible = false) }
+            return
+        }
+
+        _state.update { it.copy(currentFilter = filter, filterChangeBottomSheetVisible = false) }
+        viewModelScope.launch {
+            linkPaging.refresh()
+        }
+    }
+
+    fun showPokitModifyBottomSheet() {
+        state.value.currentPokit ?: return
+        _state.update { it.copy(pokitBottomSheetType = BottomSheetType.MODIFY) }
+    }
+
+    fun showPokitRemoveBottomSheet() {
+        _state.update { it.copy(pokitBottomSheetType = BottomSheetType.REMOVE) }
+    }
+
+    fun hidePokitBottomSheet() {
+        _state.update { it.copy(pokitBottomSheetType = null) }
+    }
+
+    fun showLinkModifyBottomSheet(link: Link) {
+        _state.update { it.copy(linkBottomSheetType = BottomSheetType.MODIFY, currentLink = link) }
+    }
+
+    fun showLinkRemoveBottomSheet() {
+        _state.update { it.copy(linkBottomSheetType = BottomSheetType.REMOVE) }
+    }
+
+    fun showLinkRemoveBottomSheet(link: Link) {
+        _state.update { it.copy(linkBottomSheetType = BottomSheetType.REMOVE, currentLink = link) }
+    }
+
+    fun hideLinkBottomSheet() {
+        _state.update { it.copy(linkBottomSheetType = null, currentLink = null) }
+    }
+
+    fun showLinkDetailBottomSheet(link: Link) {
+        _state.update {
+            it.copy(currentLink = link, linkDetailBottomSheetVisible = true)
+        }
+
+        viewModelScope.launch {
+            val response = getLinkUseCase.getLink(link.id.toInt())
+            if (response is PokitResult.Success && state.value.currentLink?.id == link.id && state.value.linkDetailBottomSheetVisible) {
+                _state.update { it.copy(currentLink = Link.fromDomainLink(response.result).copy(imageUrl = link.imageUrl, isRead = true)) }
+            }
+
+            val isReadChangedLink = linkPaging.pagingData.value
+                .find { it.id == link.id }
+                ?.copy(isRead = true) ?: return@launch
+
+            linkPaging.modifyItem(isReadChangedLink)
+        }
+    }
+
+    fun hideLinkDetailBottomSheet() {
+        _state.update { it.copy(currentLink = null, linkDetailBottomSheetVisible = false) }
+    }
+
+    fun showFilterChangeBottomSheet() {
+        _state.update { it.copy(filterChangeBottomSheetVisible = true) }
+    }
+
+    fun hideFilterChangeBottomSheet() {
+        _state.update { it.copy(filterChangeBottomSheetVisible = false) }
+    }
+
+    fun showPokitSelectBottomSheet() {
+        _state.update { it.copy(pokitSelectBottomSheetVisible = true) }
+    }
+
+    fun hidePokitSelectBottomSheet() {
+        _state.update { it.copy(pokitSelectBottomSheetVisible = false) }
+    }
+
+    fun loadNextPokits() {
+        viewModelScope.launch {
+            pokitPaging.load()
+        }
+    }
+
+    fun refreshPokits() {
+        viewModelScope.launch {
+            pokitPaging.refresh()
+        }
+    }
+
+    fun loadNextLinks() {
+        viewModelScope.launch {
+            linkPaging.load()
+        }
+    }
+
+    fun deletePokit() {
+        val currentPokit = state.value.currentPokit ?: return
+        val pokitId = currentPokit.id.toInt()
+        viewModelScope.launch {
+            val response = deletePokitUseCase.deletePokit(pokitId)
+            if (response is PokitResult.Success) {
+                PokitUpdateEvent.removePokit(pokitId)
+                _moveToBackEvent.emit(true)
+            }
+        }
+    }
+
+    fun deleteLink() {
+        val currentLink = state.value.currentLink ?: return
+        val linkId = currentLink.id.toInt()
+        viewModelScope.launch {
+            val response = deleteLinkUseCase.deleteLink(linkId)
+            if (response is PokitResult.Success) {
+                LinkUpdateEvent.removeSuccess(linkId)
+            }
+        }
+    }
+
+    fun toggleBookmark() {
+        val currentLink = state.value.currentLink ?: return
+        val currentLinkId = currentLink.id.toIntOrNull() ?: return
+        val applyBookmarked = !currentLink.bookmark
+
+        viewModelScope.launch {
+            val response = setBookmarkUseCase.setBookMarked(currentLinkId, applyBookmarked)
+            if (response is PokitResult.Success) {
+                val bookmarkChangedLink = linkPaging.pagingData.value
+                    .find { it.id == currentLink.id }
+                    ?.copy(bookmark = applyBookmarked) ?: return@launch
+                linkPaging.modifyItem(bookmarkChangedLink)
+
+                if (currentLink.id == state.value.currentLink?.id) {
+                    _state.update { state ->
+                        state.copy(
+                            currentLink = bookmarkChangedLink
+                        )
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/Preview.kt b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/Preview.kt
new file mode 100644
index 00000000..80216841
--- /dev/null
+++ b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/Preview.kt
@@ -0,0 +1,23 @@
+package com.strayalpaca.pokitdetail
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import com.strayalpaca.pokitdetail.model.sampleLinkList
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+fun Preview() {
+    PokitTheme {
+        Column(
+            modifier = Modifier.fillMaxSize()
+        ) {
+            PokitDetailScreen(
+                linkList = sampleLinkList
+            )
+        }
+    }
+}
diff --git a/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/components/block/CheckboxText.kt b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/components/block/CheckboxText.kt
new file mode 100644
index 00000000..b36701e0
--- /dev/null
+++ b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/components/block/CheckboxText.kt
@@ -0,0 +1,44 @@
+package com.strayalpaca.pokitdetail.components.block
+
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.width
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.atom.checkbox.PokitCheckbox
+import pokitmons.pokit.core.ui.components.atom.checkbox.attributes.PokitCheckboxStyle
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+internal fun CheckboxText(
+    checked: Boolean,
+    title: String,
+    onClick: (Boolean) -> Unit,
+    modifier: Modifier = Modifier,
+) {
+    Row(
+        verticalAlignment = Alignment.CenterVertically,
+        modifier = modifier.clickable(
+            indication = null,
+            interactionSource = remember { MutableInteractionSource() },
+            onClick = remember {
+                { onClick(!checked) }
+            }
+        )
+    ) {
+        PokitCheckbox(checked = checked, onClick = onClick, style = PokitCheckboxStyle.FILLED)
+
+        Spacer(modifier = Modifier.width(8.dp))
+
+        Text(
+            text = title,
+            style = PokitTheme.typography.body2Medium.copy(color = PokitTheme.colors.textSecondary)
+        )
+    }
+}
diff --git a/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/components/block/RadioText.kt b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/components/block/RadioText.kt
new file mode 100644
index 00000000..dc616c0c
--- /dev/null
+++ b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/components/block/RadioText.kt
@@ -0,0 +1,70 @@
+package com.strayalpaca.pokitdetail.components.block
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.utils.noRippleClickable
+
+@Composable
+internal fun RadioText(
+    selected: Boolean,
+    title: String,
+    onClick: () -> Unit,
+    modifier: Modifier = Modifier,
+) {
+    val tintColor = getRadioTintColor(selected = selected)
+
+    Row(
+        verticalAlignment = Alignment.CenterVertically,
+        modifier = modifier.noRippleClickable {
+            onClick()
+        }
+    ) {
+        Box(
+            modifier = Modifier
+                .size(24.dp)
+                .border(
+                    width = 2.dp,
+                    color = tintColor,
+                    shape = CircleShape
+                )
+        ) {
+            Box(
+                modifier = Modifier
+                    .size(14.dp)
+                    .background(color = tintColor, shape = CircleShape)
+                    .align(Alignment.Center)
+            )
+        }
+
+        Spacer(modifier = Modifier.width(8.dp))
+
+        Text(
+            text = title,
+            style = PokitTheme.typography.body2Medium.copy(color = PokitTheme.colors.textSecondary)
+        )
+    }
+}
+
+@Composable
+private fun getRadioTintColor(
+    selected: Boolean,
+): Color {
+    return if (selected) {
+        PokitTheme.colors.brand
+    } else {
+        PokitTheme.colors.borderTertiary
+    }
+}
diff --git a/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/components/block/TitleArea.kt b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/components/block/TitleArea.kt
new file mode 100644
index 00000000..7af60113
--- /dev/null
+++ b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/components/block/TitleArea.kt
@@ -0,0 +1,88 @@
+package com.strayalpaca.pokitdetail.components.block
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import com.strayalpaca.pokitdetail.R
+import pokitmons.pokit.core.ui.components.atom.button.PokitButton
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonIcon
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonIconPosition
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonShape
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonSize
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.R.drawable as coreDrawable
+
+@Composable
+internal fun TitleArea(
+    title: String,
+    sub: String,
+    onClickSelectPokit: () -> Unit,
+    onClickSelectFilter: () -> Unit,
+) {
+    Column(
+        modifier = Modifier.fillMaxWidth().padding(horizontal = 20.dp)
+    ) {
+        Row(
+            modifier = Modifier.fillMaxWidth()
+        ) {
+            Text(
+                text = title,
+                style = PokitTheme.typography.title1.copy(color = PokitTheme.colors.textPrimary)
+            )
+
+            Spacer(modifier = Modifier.width(4.dp))
+
+            IconButton(
+                modifier = Modifier
+                    .size(32.dp)
+                    .padding(4.dp),
+                onClick = onClickSelectPokit
+            ) {
+                Icon(
+                    modifier = Modifier.size(24.dp),
+                    painter = painterResource(id = coreDrawable.icon_24_arrow_down),
+                    contentDescription = "change pokit"
+                )
+            }
+        }
+
+        Spacer(modifier = Modifier.height(4.dp))
+
+        Row(
+            modifier = Modifier.fillMaxWidth(),
+            horizontalArrangement = Arrangement.SpaceBetween,
+            verticalAlignment = Alignment.CenterVertically
+        ) {
+            Text(
+                text = sub,
+                style = PokitTheme.typography.detail1.copy(color = PokitTheme.colors.textSecondary)
+            )
+
+            PokitButton(
+                text = stringResource(id = R.string.filter),
+                icon = PokitButtonIcon(
+                    resourceId = coreDrawable.icon_24_filter,
+                    position = PokitButtonIconPosition.LEFT
+                ),
+                onClick = onClickSelectFilter,
+                shape = PokitButtonShape.ROUND,
+                size = PokitButtonSize.SMALL
+            )
+        }
+    }
+}
diff --git a/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/components/block/Toolbar.kt b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/components/block/Toolbar.kt
new file mode 100644
index 00000000..a15c84dd
--- /dev/null
+++ b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/components/block/Toolbar.kt
@@ -0,0 +1,51 @@
+package com.strayalpaca.pokitdetail.components.block
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.R.drawable as coreDrawable
+
+@Composable
+internal fun Toolbar(
+    onBackPressed: () -> Unit,
+    onClickKebab: () -> Unit,
+) {
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .height(56.dp)
+            .padding(horizontal = 12.dp),
+        verticalAlignment = Alignment.CenterVertically,
+        horizontalArrangement = Arrangement.SpaceBetween
+    ) {
+        IconButton(
+            modifier = Modifier.size(48.dp),
+            onClick = onBackPressed
+        ) {
+            Icon(
+                painter = painterResource(id = coreDrawable.icon_24_arrow_left),
+                contentDescription = "back button"
+            )
+        }
+
+        IconButton(
+            modifier = Modifier.size(48.dp),
+            onClick = onClickKebab
+        ) {
+            Icon(
+                painter = painterResource(id = coreDrawable.icon_24_kebab),
+                contentDescription = "back button"
+            )
+        }
+    }
+}
diff --git a/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/components/template/filterselectbottomsheet/FilterSelectBottomSheet.kt b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/components/template/filterselectbottomsheet/FilterSelectBottomSheet.kt
new file mode 100644
index 00000000..aefffb2e
--- /dev/null
+++ b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/components/template/filterselectbottomsheet/FilterSelectBottomSheet.kt
@@ -0,0 +1,130 @@
+package com.strayalpaca.pokitdetail.components.template.filterselectbottomsheet
+
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.HorizontalDivider
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import com.strayalpaca.pokitdetail.R
+import com.strayalpaca.pokitdetail.components.block.CheckboxText
+import com.strayalpaca.pokitdetail.components.block.RadioText
+import com.strayalpaca.pokitdetail.model.Filter
+import pokitmons.pokit.core.ui.components.atom.button.PokitButton
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonSize
+import pokitmons.pokit.core.ui.components.template.bottomsheet.PokitBottomSheet
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.R.drawable as coreDrawable
+
+@Composable
+internal fun FilterSelectBottomSheet(
+    filter: Filter = Filter(),
+    onHideRequest: () -> Unit = {},
+    onFilterChange: (Filter) -> Unit = {},
+    show: Boolean = false,
+) {
+    var currentFilter by remember { mutableStateOf(filter) }
+
+    PokitBottomSheet(
+        onHideBottomSheet = onHideRequest,
+        show = show
+    ) {
+        Box(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(horizontal = 12.dp)
+        ) {
+            Text(
+                modifier = Modifier.align(Alignment.Center),
+                text = stringResource(id = R.string.filter),
+                style = PokitTheme.typography.title3.copy(color = PokitTheme.colors.textPrimary)
+            )
+
+            IconButton(
+                modifier = Modifier
+                    .size(48.dp)
+                    .align(Alignment.CenterEnd),
+                onClick = onHideRequest
+            ) {
+                Icon(
+                    painter = painterResource(id = coreDrawable.icon_24_x),
+                    contentDescription = "close filter bottomSheet"
+                )
+            }
+        }
+
+        HorizontalDivider(
+            thickness = 1.dp,
+            color = PokitTheme.colors.borderTertiary
+        )
+
+        Column(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(20.dp)
+        ) {
+            Text(
+                text = stringResource(id = R.string.sort),
+                style = PokitTheme.typography.body1Medium
+            )
+            Spacer(modifier = Modifier.height(12.dp))
+            RadioText(
+                selected = currentFilter.recentSortUsed,
+                title = stringResource(id = R.string.sort_recent),
+                onClick = remember { { currentFilter = currentFilter.copy(recentSortUsed = true) } },
+                modifier = Modifier.height(40.dp)
+            )
+            RadioText(
+                selected = !currentFilter.recentSortUsed,
+                title = stringResource(id = R.string.sort_old),
+                onClick = remember { { currentFilter = currentFilter.copy(recentSortUsed = false) } },
+                modifier = Modifier.height(40.dp)
+            )
+
+            Spacer(modifier = Modifier.height(24.dp))
+
+            Text(
+                text = stringResource(id = R.string.collect_look),
+                style = PokitTheme.typography.body1Medium
+            )
+            Spacer(modifier = Modifier.height(12.dp))
+            CheckboxText(
+                checked = currentFilter.bookmarkChecked,
+                title = stringResource(id = R.string.bookmark),
+                onClick = remember { { currentFilter = currentFilter.copy(bookmarkChecked = !currentFilter.bookmarkChecked) } },
+                modifier = Modifier.height(36.dp)
+            )
+            CheckboxText(
+                checked = currentFilter.notReadChecked,
+                title = stringResource(id = R.string.not_read),
+                onClick = remember { { currentFilter = currentFilter.copy(notReadChecked = !currentFilter.notReadChecked) } },
+                modifier = Modifier.height(36.dp)
+            )
+
+            Spacer(modifier = Modifier.height(38.dp))
+
+            PokitButton(
+                text = stringResource(id = R.string.confirmation),
+                icon = null,
+                onClick = remember { { onFilterChange(currentFilter) } },
+                modifier = Modifier.fillMaxWidth(),
+                size = PokitButtonSize.LARGE
+            )
+        }
+    }
+}
diff --git a/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/components/template/filterselectbottomsheet/Preview.kt b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/components/template/filterselectbottomsheet/Preview.kt
new file mode 100644
index 00000000..feb0a22e
--- /dev/null
+++ b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/components/template/filterselectbottomsheet/Preview.kt
@@ -0,0 +1,29 @@
+package com.strayalpaca.pokitdetail.components.template.filterselectbottomsheet
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+fun LinkCardPreview() {
+    PokitTheme {
+        Column(
+            modifier = Modifier
+                .fillMaxSize()
+                .background(Color.LightGray)
+                .padding(12.dp),
+            verticalArrangement = Arrangement.spacedBy(12.dp)
+        ) {
+            FilterSelectBottomSheet()
+        }
+    }
+}
diff --git a/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/model/Filter.kt b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/model/Filter.kt
new file mode 100644
index 00000000..f1def5f9
--- /dev/null
+++ b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/model/Filter.kt
@@ -0,0 +1,7 @@
+package com.strayalpaca.pokitdetail.model
+
+data class Filter(
+    val recentSortUsed: Boolean = true,
+    val bookmarkChecked: Boolean = false,
+    val notReadChecked: Boolean = false,
+)
diff --git a/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/model/Link.kt b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/model/Link.kt
new file mode 100644
index 00000000..735e18a1
--- /dev/null
+++ b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/model/Link.kt
@@ -0,0 +1,95 @@
+package com.strayalpaca.pokitdetail.model
+
+import pokitmons.pokit.domain.model.link.Link as DomainLink
+
+data class Link(
+    val id: String = "",
+    val title: String = "",
+    val dateString: String = "",
+    val domainUrl: String = "",
+    val isRead: Boolean = false,
+    val pokitName: String = "",
+    val pokitId: String = "",
+    val url: String = "",
+    val memo: String = "",
+    val bookmark: Boolean = false,
+    val imageUrl: String? = null,
+    val createdAt: String = "",
+) {
+    companion object {
+        fun fromDomainLink(domainLink: DomainLink): Link {
+            return Link(
+                id = domainLink.id.toString(),
+                title = domainLink.title,
+                dateString = domainLink.createdAt,
+                domainUrl = domainLink.domain,
+                isRead = domainLink.isRead,
+                url = domainLink.data,
+                memo = domainLink.memo,
+                imageUrl = domainLink.thumbnail,
+                createdAt = domainLink.createdAt,
+                pokitName = domainLink.categoryName,
+                pokitId = domainLink.categoryId.toString(),
+                bookmark = domainLink.favorites
+            )
+        }
+    }
+}
+
+internal val sampleLinkList = listOf(
+    Link(
+        id = "1",
+        title = "자연 친화적인 라이프스타일을 위한 환경 보호 방법",
+        imageUrl = null,
+        dateString = "2024.04.12",
+        domainUrl = "youtu.be",
+        isRead = true,
+        url = "",
+        memo = "",
+        bookmark = true
+    ),
+    Link(
+        id = "2",
+        title = "자연 친화적인 라이프스타일을 위한 환경 보호 방법",
+        imageUrl = null,
+        dateString = "2024.05.12",
+        domainUrl = "youtu.be",
+        isRead = false,
+        url = "",
+        memo = "",
+        bookmark = true
+    ),
+    Link(
+        id = "3",
+        title = "포킷포킷",
+        imageUrl = null,
+        dateString = "2024.04.12",
+        domainUrl = "pokitmons.pokit",
+        isRead = true,
+        url = "",
+        memo = "",
+        bookmark = true
+    ),
+    Link(
+        id = "4",
+        title = "자연 친화적인 라이프스타일을 위한 환경 보호 방법",
+        imageUrl = null,
+        dateString = "2024.06.12",
+        domainUrl = "youtu.be",
+        isRead = true,
+        url = "",
+        memo = "",
+        bookmark = true
+    ),
+    Link(
+        id = "5",
+        title = "마지막 링크입니다.",
+        imageUrl = null,
+        dateString = "2024.07.14",
+        domainUrl = "youtu.be",
+        isRead = false,
+        url = "",
+        memo = "",
+        bookmark = true
+    )
+)
diff --git a/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/model/Pokit.kt b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/model/Pokit.kt
new file mode 100644
index 00000000..47806ad3
--- /dev/null
+++ b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/model/Pokit.kt
@@ -0,0 +1,31 @@
+package com.strayalpaca.pokitdetail.model
+
+import pokitmons.pokit.domain.model.pokit.Pokit as DomainPokit
+
+data class Pokit(
+    val title: String = "",
+    val id: String = "",
+    val count: Int = 0,
+    val image: pokitmons.pokit.domain.model.pokit.Pokit.Image,
+    val createdAt: String,
+) {
+    companion object {
+        fun fromDomainPokit(pokit: DomainPokit): Pokit {
+            return Pokit(
+                title = pokit.name,
+                id = pokit.categoryId.toString(),
+                count = pokit.linkCount,
+                image = pokit.image,
+                createdAt = pokit.createdAt
+            )
+        }
+    }
+}
+
+// internal val samplePokitList = listOf(
+//    Pokit(title = "안드로이드", id = "1", count = 2),
+//    Pokit(title = "IOS", id = "2", count = 2),
+//    Pokit(title = "디자인", id = "3", count = 2),
+//    Pokit(title = "PM", id = "4", count = 1),
+//    Pokit(title = "서버", id = "5", count = 2)
+// )
diff --git a/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/model/PokitDetailScreenState.kt b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/model/PokitDetailScreenState.kt
new file mode 100644
index 00000000..03b84f98
--- /dev/null
+++ b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/model/PokitDetailScreenState.kt
@@ -0,0 +1,17 @@
+package com.strayalpaca.pokitdetail.model
+
+data class PokitDetailScreenState(
+    val currentPokit: Pokit? = null,
+    val currentFilter: Filter = Filter(),
+    val currentLink: Link? = null,
+    val linkBottomSheetType: BottomSheetType? = null,
+    val pokitBottomSheetType: BottomSheetType? = null,
+    val filterChangeBottomSheetVisible: Boolean = false,
+    val pokitSelectBottomSheetVisible: Boolean = false,
+    val linkDetailBottomSheetVisible: Boolean = false,
+    val enable: Boolean = true,
+)
+
+enum class BottomSheetType {
+    MODIFY, REMOVE
+}
diff --git a/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/paging/LinkPaging.kt b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/paging/LinkPaging.kt
new file mode 100644
index 00000000..37662455
--- /dev/null
+++ b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/paging/LinkPaging.kt
@@ -0,0 +1,136 @@
+package com.strayalpaca.pokitdetail.paging
+
+import com.strayalpaca.pokitdetail.model.Link
+import kotlinx.coroutines.CancellationException
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.Job
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.flow.update
+import kotlinx.coroutines.launch
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.link.LinksSort
+import kotlin.reflect.KSuspendFunction4
+import pokitmons.pokit.domain.model.link.Link as DomainLink
+
+class LinkPaging(
+    private var getLinks: KSuspendFunction4<Int, Int, Int, LinksSort, PokitResult<List<DomainLink>>>,
+    private val perPage: Int = 10,
+    private val coroutineScope: CoroutineScope = CoroutineScope(Dispatchers.IO),
+    private val initPage: Int = 0,
+    private val firstRequestPage: Int = 3,
+    initCategoryId: Int = 0,
+) : SimplePaging<Link> {
+    private val _pagingState = MutableStateFlow(SimplePagingState.IDLE)
+    override val pagingState: StateFlow<SimplePagingState> = _pagingState.asStateFlow()
+
+    val _pagingData: MutableStateFlow<List<Link>> = MutableStateFlow(emptyList())
+
+    override val pagingData: StateFlow<List<Link>> = _pagingData.asStateFlow()
+    private var currentPageIndex = initPage
+    private var requestJob: Job? = null
+
+    private var currentCategoryId: Int = initCategoryId
+    private var currentSort = LinksSort.RECENT
+
+    fun changeOptions(categoryId: Int, sort: LinksSort) {
+        currentCategoryId = categoryId
+        currentSort = sort
+    }
+
+    override suspend fun refresh() {
+        requestJob?.cancel()
+
+        _pagingData.update { emptyList() }
+        _pagingState.update { SimplePagingState.LOADING_INIT }
+        requestJob = coroutineScope.launch {
+            try {
+                currentPageIndex = initPage
+                val response = getLinks(currentCategoryId, perPage * firstRequestPage, currentPageIndex, currentSort)
+                when (response) {
+                    is PokitResult.Success -> {
+                        val links = response.result.map { domainLink ->
+                            Link.fromDomainLink(domainLink)
+                        }
+                        applyResponse(links, firstRequestPage)
+                    }
+
+                    is PokitResult.Error -> {
+                        _pagingState.update { SimplePagingState.FAILURE_INIT }
+                    }
+                }
+            } catch (exception: Exception) {
+                if (exception !is CancellationException) {
+                    _pagingState.update { SimplePagingState.FAILURE_INIT }
+                }
+            }
+        }
+    }
+
+    override suspend fun load() {
+        if (pagingState.value != SimplePagingState.IDLE) return
+
+        requestJob?.cancel()
+        _pagingState.update { SimplePagingState.LOADING_NEXT }
+
+        requestJob = coroutineScope.launch {
+            try {
+                val response = getLinks(currentCategoryId, perPage, currentPageIndex, currentSort)
+                when (response) {
+                    is PokitResult.Success -> {
+                        val links = response.result.map { domainLink ->
+                            Link.fromDomainLink(domainLink)
+                        }
+                        applyResponse(links)
+                    }
+
+                    is PokitResult.Error -> {
+                        _pagingState.update { SimplePagingState.FAILURE_NEXT }
+                    }
+                }
+            } catch (exception: Exception) {
+                if (exception !is CancellationException) {
+                    _pagingState.update { SimplePagingState.FAILURE_NEXT }
+                }
+            }
+        }
+    }
+
+    private fun applyResponse(dataInResponse: List<Link>, multiple: Int = 1) {
+        if (dataInResponse.size < perPage * multiple) {
+            _pagingState.update { SimplePagingState.LAST }
+        } else {
+            _pagingState.update { SimplePagingState.IDLE }
+        }
+        _pagingData.update { _pagingData.value + dataInResponse }
+        currentPageIndex += multiple
+    }
+
+    override fun clear() {
+        requestJob?.cancel()
+        _pagingData.update { emptyList() }
+        _pagingState.update { SimplePagingState.IDLE }
+    }
+
+    override suspend fun deleteItem(item: Link) {
+        val capturedDataList = _pagingData.value
+        _pagingData.update { capturedDataList.filter { it.id != item.id } }
+    }
+
+    override suspend fun modifyItem(item: Link) {
+        val capturedDataList = _pagingData.value
+        val targetPokit = capturedDataList.find { it.id == item.id } ?: return
+
+        _pagingData.update {
+            capturedDataList.map { pokit ->
+                if (targetPokit.id == pokit.id) {
+                    item
+                } else {
+                    pokit
+                }
+            }
+        }
+    }
+}
diff --git a/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/paging/PokitPaging.kt b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/paging/PokitPaging.kt
new file mode 100644
index 00000000..ca2a8702
--- /dev/null
+++ b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/paging/PokitPaging.kt
@@ -0,0 +1,131 @@
+package com.strayalpaca.pokitdetail.paging
+
+import com.strayalpaca.pokitdetail.model.Pokit
+import kotlinx.coroutines.CancellationException
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.Job
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.flow.update
+import kotlinx.coroutines.launch
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.model.pokit.PokitsSort
+import pokitmons.pokit.domain.usecase.pokit.GetPokitsUseCase
+
+class PokitPaging(
+    private val getPokits: GetPokitsUseCase,
+    private val perPage: Int = 10,
+    private val coroutineScope: CoroutineScope = CoroutineScope(Dispatchers.IO),
+    private val initPage: Int = 0,
+    private val firstRequestPage: Int = 3,
+) : SimplePaging<Pokit> {
+    private val _pagingState = MutableStateFlow(SimplePagingState.IDLE)
+    override val pagingState: StateFlow<SimplePagingState> = _pagingState.asStateFlow()
+
+    val _pagingData: MutableStateFlow<List<Pokit>> = MutableStateFlow(emptyList())
+
+    override val pagingData: StateFlow<List<Pokit>> = _pagingData.asStateFlow()
+    private var currentPageIndex = initPage
+    private var requestJob: Job? = null
+    private var sort: PokitsSort = PokitsSort.RECENT
+
+    override suspend fun refresh() {
+        requestJob?.cancel()
+
+        _pagingData.update { emptyList() }
+        _pagingState.update { SimplePagingState.LOADING_INIT }
+        requestJob = coroutineScope.launch {
+            try {
+                currentPageIndex = initPage
+                val response = getPokits.getPokits(sort = sort, size = perPage * firstRequestPage, page = currentPageIndex)
+                when (response) {
+                    is PokitResult.Success -> {
+                        val pokitList = response.result.map { domainPokit ->
+                            Pokit.fromDomainPokit(domainPokit)
+                        }
+                        applyResponse(pokitList, firstRequestPage)
+                    }
+
+                    is PokitResult.Error -> {
+                        _pagingState.update { SimplePagingState.FAILURE_INIT }
+                    }
+                }
+            } catch (exception: Exception) {
+                if (exception !is CancellationException) {
+                    _pagingState.update { SimplePagingState.FAILURE_INIT }
+                }
+            }
+        }
+    }
+
+    override suspend fun load() {
+        if (pagingState.value != SimplePagingState.IDLE) return
+
+        requestJob?.cancel()
+        _pagingState.update { SimplePagingState.LOADING_NEXT }
+
+        requestJob = coroutineScope.launch {
+            try {
+                val response = getPokits.getPokits(sort = sort, size = perPage, page = currentPageIndex)
+                when (response) {
+                    is PokitResult.Success -> {
+                        val pokitList = response.result.map { domainPokit ->
+                            Pokit.fromDomainPokit(domainPokit)
+                        }
+                        applyResponse(pokitList)
+                    }
+
+                    is PokitResult.Error -> {
+                        _pagingState.update { SimplePagingState.FAILURE_NEXT }
+                    }
+                }
+            } catch (exception: Exception) {
+                if (exception !is CancellationException) {
+                    _pagingState.update { SimplePagingState.FAILURE_NEXT }
+                }
+            }
+        }
+    }
+
+    private fun applyResponse(dataInResponse: List<Pokit>, multiple: Int = 1) {
+        if (dataInResponse.size < perPage * multiple) {
+            _pagingState.update { SimplePagingState.LAST }
+        } else {
+            _pagingState.update { SimplePagingState.IDLE }
+        }
+        _pagingData.update { _pagingData.value + dataInResponse }
+        currentPageIndex += multiple
+    }
+
+    override fun clear() {
+        requestJob?.cancel()
+        _pagingData.update { emptyList() }
+        _pagingState.update { SimplePagingState.IDLE }
+    }
+
+    override suspend fun deleteItem(item: Pokit) {
+        val capturedDataList = _pagingData.value
+        _pagingData.update { capturedDataList.filter { it.id != item.id } }
+    }
+
+    override suspend fun modifyItem(item: Pokit) {
+        val capturedDataList = _pagingData.value
+        val targetPokit = capturedDataList.find { it.id == item.id } ?: return
+
+        _pagingData.update {
+            capturedDataList.map { pokit ->
+                if (targetPokit.id == pokit.id) {
+                    item
+                } else {
+                    pokit
+                }
+            }
+        }
+    }
+
+    fun changeSort(sort: PokitsSort) {
+        this.sort = sort
+    }
+}
diff --git a/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/paging/SimplePaging.kt b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/paging/SimplePaging.kt
new file mode 100644
index 00000000..de38d66e
--- /dev/null
+++ b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/paging/SimplePaging.kt
@@ -0,0 +1,13 @@
+package com.strayalpaca.pokitdetail.paging
+
+import kotlinx.coroutines.flow.Flow
+
+interface SimplePaging<T> {
+    val pagingData: Flow<List<T>>
+    suspend fun refresh()
+    suspend fun load()
+    val pagingState: Flow<SimplePagingState>
+    suspend fun modifyItem(item: T)
+    suspend fun deleteItem(item: T)
+    fun clear()
+}
diff --git a/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/paging/SimplePagingState.kt b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/paging/SimplePagingState.kt
new file mode 100644
index 00000000..a0fc6519
--- /dev/null
+++ b/feature/pokitdetail/src/main/java/com/strayalpaca/pokitdetail/paging/SimplePagingState.kt
@@ -0,0 +1,5 @@
+package com.strayalpaca.pokitdetail.paging
+
+enum class SimplePagingState {
+    IDLE, LOADING_NEXT, LOADING_INIT, FAILURE_NEXT, FAILURE_INIT, LAST
+}
diff --git a/feature/pokitdetail/src/main/res/values/string.xml b/feature/pokitdetail/src/main/res/values/string.xml
new file mode 100644
index 00000000..2438a87e
--- /dev/null
+++ b/feature/pokitdetail/src/main/res/values/string.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="sort">정렬</string>
+    <string name="sort_recent">최신순</string>
+    <string name="sort_old">오래된순</string>
+    <string name="collect_look">모아보기</string>
+    <string name="bookmark">즐겨찾기</string>
+    <string name="not_read">안읽음</string>
+    <string name="filter">필터</string>
+    <string name="confirmation">확인</string>
+
+    <string name="link_count_format">링크 %d개</string>
+
+    <string name="badge_text">텍스트</string>
+
+    <string name="title_remove_pokit">포킷을 정말 삭제하시겠습니까?</string>
+    <string name="sub_remove_pokit">함께 저장한 모든 링크가 삭제되며,\n복구하실 수 없습니다.</string>
+    <string name="title_remove_link">링크를 정말 삭제하시겠습니까?</string>
+    <string name="sub_remove_link">함께 저장한 모든 정보가 삭제되며,\n복구하실 수 없습니다.</string>
+</resources>
\ No newline at end of file
diff --git a/feature/pokitdetail/src/test/java/com/strayalpaca/pokitdetail/PokitPagingTest.kt b/feature/pokitdetail/src/test/java/com/strayalpaca/pokitdetail/PokitPagingTest.kt
new file mode 100644
index 00000000..29a7c2cf
--- /dev/null
+++ b/feature/pokitdetail/src/test/java/com/strayalpaca/pokitdetail/PokitPagingTest.kt
@@ -0,0 +1,72 @@
+package com.strayalpaca.pokitdetail
+
+import com.strayalpaca.pokitdetail.paging.PokitPaging
+import com.strayalpaca.pokitdetail.paging.SimplePagingState
+import io.kotest.common.ExperimentalKotest
+import io.kotest.core.spec.style.DescribeSpec
+import io.kotest.core.test.testCoroutineScheduler
+import io.kotest.matchers.shouldBe
+import io.mockk.coEvery
+import io.mockk.mockk
+import kotlinx.coroutines.ExperimentalCoroutinesApi
+import kotlinx.coroutines.delay
+import kotlinx.coroutines.flow.first
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.usecase.pokit.GetPokitsUseCase
+import pokitmons.pokit.domain.model.pokit.Pokit as DomainPokit
+
+const val PER_PAGE_SAMPLE = 3
+const val FIRST_REQUEST_PAGE_SAMPLE = 3
+
+@OptIn(ExperimentalKotest::class, ExperimentalStdlibApi::class, ExperimentalCoroutinesApi::class)
+class PokitPagingTest : DescribeSpec({
+    val sampleGetPokitsUseCase: GetPokitsUseCase = mockk()
+
+    describe("PokitPaging").config(coroutineTestScope = true) {
+        val coroutineScope = this
+        val pokitPaging = PokitPaging(
+            getPokits = sampleGetPokitsUseCase,
+            coroutineScope = coroutineScope,
+            firstRequestPage = FIRST_REQUEST_PAGE_SAMPLE,
+            perPage = PER_PAGE_SAMPLE
+        )
+        coEvery { sampleGetPokitsUseCase.getPokits(size = PER_PAGE_SAMPLE * FIRST_REQUEST_PAGE_SAMPLE, page = 0) } coAnswers {
+            delay(1000L)
+            PokitResult.Success(result = listOf(DomainPokit(1, 1, "", DomainPokit.Image(1, ""), 1, "")))
+        }
+        coEvery { sampleGetPokitsUseCase.getPokits(size = PER_PAGE_SAMPLE, page = 0) } coAnswers {
+            delay(1000L)
+            PokitResult.Success(result = listOf(DomainPokit(1, 1, "", DomainPokit.Image(1, ""), 1, "")))
+        }
+
+        context("새로고침을 하는 경우") {
+            it("새로고침 로딩 상태가 되어야 한다.") {
+                pokitPaging.refresh()
+                pokitPaging.pagingState.value shouldBe SimplePagingState.LOADING_INIT
+            }
+        }
+
+        context("기존 페이지를 로드하던 중 다른 페이지 요청이 들어온 경우") {
+            it("해당 요청을 무시하고 기존 상태를 유지한다.") {
+                pokitPaging.refresh()
+                pokitPaging.load()
+
+                coroutineScope.testCoroutineScheduler.advanceTimeBy(5000L)
+
+                val state = pokitPaging.pagingState.first()
+                state shouldBe SimplePagingState.LAST
+
+                // testCoroutineScheduler.advanceUntilIdle()
+                // it 내의 this(coroutineScope)와 전체 describe의 coroutineScope가 서로 다르다!
+            }
+        }
+
+        context("기존 페이지를 로드하던 중 새로고침 요청이 들어온 경우") {
+            it("기존 작업을 무시하고 새로고침을 수행한다.") {
+                pokitPaging.load()
+                pokitPaging.refresh()
+                pokitPaging.pagingState.value shouldBe SimplePagingState.LOADING_INIT
+            }
+        }
+    }
+})
diff --git a/feature/search/.gitignore b/feature/search/.gitignore
new file mode 100644
index 00000000..42afabfd
--- /dev/null
+++ b/feature/search/.gitignore
@@ -0,0 +1 @@
+/build
\ No newline at end of file
diff --git a/feature/search/build.gradle.kts b/feature/search/build.gradle.kts
new file mode 100644
index 00000000..e49b88f9
--- /dev/null
+++ b/feature/search/build.gradle.kts
@@ -0,0 +1,75 @@
+plugins {
+    alias(libs.plugins.com.android.library)
+    alias(libs.plugins.org.jetbrains.kotlin.android)
+    alias(libs.plugins.hilt)
+    id("kotlin-kapt")
+}
+
+android {
+    namespace = "pokitmons.pokit.search"
+    compileSdk = 34
+
+    defaultConfig {
+        minSdk = 24
+
+        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+        consumerProguardFiles("consumer-rules.pro")
+    }
+
+    buildTypes {
+        release {
+            isMinifyEnabled = false
+            proguardFiles(
+                getDefaultProguardFile("proguard-android-optimize.txt"),
+                "proguard-rules.pro"
+            )
+        }
+    }
+    buildFeatures {
+        compose = true
+    }
+    composeOptions {
+        kotlinCompilerExtensionVersion = "1.5.1"
+    }
+    compileOptions {
+        sourceCompatibility = JavaVersion.VERSION_1_8
+        targetCompatibility = JavaVersion.VERSION_1_8
+    }
+    kotlinOptions {
+        jvmTarget = "1.8"
+    }
+}
+
+dependencies {
+
+    implementation(libs.androidx.core.ktx)
+    implementation(libs.androidx.lifecycle.runtime.ktx)
+    implementation(libs.androidx.activity.compose)
+    implementation(platform(libs.androidx.compose.bom))
+    implementation(libs.androidx.ui)
+    implementation(libs.androidx.ui.graphics)
+    implementation(libs.androidx.ui.tooling.preview)
+    implementation(libs.androidx.material3)
+    testImplementation(libs.junit)
+    androidTestImplementation(libs.androidx.junit)
+    androidTestImplementation(libs.androidx.espresso.core)
+    androidTestImplementation(platform(libs.androidx.compose.bom))
+    androidTestImplementation(libs.androidx.ui.test.junit4)
+    debugImplementation(libs.androidx.ui.tooling)
+    debugImplementation(libs.androidx.ui.test.manifest)
+
+    implementation(libs.orbit.compose)
+    implementation(libs.orbit.core)
+    implementation(libs.orbit.viewmodel)
+
+    // hilt
+    implementation(libs.hilt)
+    kapt(libs.hilt.compiler)
+
+    // coil
+    implementation(libs.coil.compose)
+
+    implementation(project(":core:ui"))
+    implementation(project(":core:feature"))
+    implementation(project(":domain"))
+}
diff --git a/feature/search/consumer-rules.pro b/feature/search/consumer-rules.pro
new file mode 100644
index 00000000..e69de29b
diff --git a/feature/search/proguard-rules.pro b/feature/search/proguard-rules.pro
new file mode 100644
index 00000000..481bb434
--- /dev/null
+++ b/feature/search/proguard-rules.pro
@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
\ No newline at end of file
diff --git a/feature/search/src/androidTest/java/pokitmons/pokit/search/ExampleInstrumentedTest.kt b/feature/search/src/androidTest/java/pokitmons/pokit/search/ExampleInstrumentedTest.kt
new file mode 100644
index 00000000..b07df8db
--- /dev/null
+++ b/feature/search/src/androidTest/java/pokitmons/pokit/search/ExampleInstrumentedTest.kt
@@ -0,0 +1,22 @@
+package pokitmons.pokit.search
+
+import androidx.test.ext.junit.runners.AndroidJUnit4
+import androidx.test.platform.app.InstrumentationRegistry
+import org.junit.Assert.assertEquals
+import org.junit.Test
+import org.junit.runner.RunWith
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+        assertEquals("pokitmons.pokit.search.test", appContext.packageName)
+    }
+}
diff --git a/feature/search/src/main/AndroidManifest.xml b/feature/search/src/main/AndroidManifest.xml
new file mode 100644
index 00000000..a5918e68
--- /dev/null
+++ b/feature/search/src/main/AndroidManifest.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+</manifest>
\ No newline at end of file
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/Preview.kt b/feature/search/src/main/java/pokitmons/pokit/search/Preview.kt
new file mode 100644
index 00000000..4901d6f2
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/Preview.kt
@@ -0,0 +1,84 @@
+package pokitmons.pokit.search
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.search.model.Link
+import pokitmons.pokit.search.model.SearchScreenState
+import pokitmons.pokit.search.model.SearchScreenStep
+
+@Preview(showBackground = true)
+@Composable
+private fun Preview() {
+    PokitTheme {
+        Column(
+            modifier = Modifier.fillMaxSize()
+        ) {
+            SearchScreen(
+                state = SearchScreenState(step = SearchScreenStep.RESULT),
+                linkList = sampleLinks
+            )
+        }
+    }
+}
+
+internal val sampleLinks = listOf(
+    Link(
+        id = "1",
+        title = "자연 친화적인 라이프스타일을 위한 환경 보호 방법",
+        imageUrl = null,
+        dateString = "2024.04.12",
+        domainUrl = "youtu.be",
+        isRead = true,
+        url = "",
+        memo = "",
+        bookmark = true
+    ),
+    Link(
+        id = "2",
+        title = "자연 친화적인 라이프스타일을 위한 환경 보호 방법",
+        imageUrl = null,
+        dateString = "2024.05.12",
+        domainUrl = "youtu.be",
+        isRead = false,
+        url = "",
+        memo = "",
+        bookmark = true
+    ),
+    Link(
+        id = "3",
+        title = "포킷포킷",
+        imageUrl = null,
+        dateString = "2024.04.12",
+        domainUrl = "pokitmons.pokit",
+        isRead = true,
+        url = "",
+        memo = "",
+        bookmark = true
+    ),
+    Link(
+        id = "4",
+        title = "자연 친화적인 라이프스타일을 위한 환경 보호 방법",
+        imageUrl = null,
+        dateString = "2024.06.12",
+        domainUrl = "youtu.be",
+        isRead = true,
+        url = "",
+        memo = "",
+        bookmark = true
+    ),
+    Link(
+        id = "5",
+        title = "마지막 링크입니다.",
+        imageUrl = null,
+        dateString = "2024.07.14",
+        domainUrl = "youtu.be",
+        isRead = false,
+        url = "",
+        memo = "",
+        bookmark = true
+    )
+)
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/SearchScreen.kt b/feature/search/src/main/java/pokitmons/pokit/search/SearchScreen.kt
new file mode 100644
index 00000000..0f6de2c0
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/SearchScreen.kt
@@ -0,0 +1,269 @@
+package pokitmons.pokit.search
+
+import android.content.Context
+import android.content.Intent
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.material3.HorizontalDivider
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import coil.compose.rememberAsyncImagePainter
+import pokitmons.pokit.core.ui.components.atom.loading.LoadingProgress
+import pokitmons.pokit.core.ui.components.template.bottomsheet.PokitBottomSheet
+import pokitmons.pokit.core.ui.components.template.linkdetailbottomsheet.LinkDetailBottomSheet
+import pokitmons.pokit.core.ui.components.template.modifybottomsheet.ModifyBottomSheetContent
+import pokitmons.pokit.core.ui.components.template.pookiempty.EmptyPooki
+import pokitmons.pokit.core.ui.components.template.pookierror.ErrorPooki
+import pokitmons.pokit.core.ui.components.template.removeItemBottomSheet.TwoButtonBottomSheetContent
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.search.components.filter.FilterArea
+import pokitmons.pokit.search.components.filterbottomsheet.FilterBottomSheet
+import pokitmons.pokit.search.components.recentsearchword.RecentSearchWord
+import pokitmons.pokit.search.components.searchitemlist.SearchItemList
+import pokitmons.pokit.search.components.toolbar.Toolbar
+import pokitmons.pokit.search.model.BottomSheetType
+import pokitmons.pokit.search.model.Filter
+import pokitmons.pokit.search.model.FilterType
+import pokitmons.pokit.search.model.Link
+import pokitmons.pokit.search.model.SearchScreenState
+import pokitmons.pokit.search.model.SearchScreenStep
+import pokitmons.pokit.search.paging.SimplePagingState
+import pokitmons.pokit.core.ui.R.string as coreString
+
+@Composable
+fun SearchScreenContainer(
+    viewModel: SearchViewModel,
+    onBackPressed: () -> Unit,
+    onNavigateToLinkModify: (String) -> Unit,
+) {
+    val state by viewModel.state.collectAsState()
+    val searchWord by viewModel.searchWord.collectAsState()
+    val linkList by viewModel.linkList.collectAsState()
+    val linkPagingState by viewModel.linkPagingState.collectAsState()
+    val pokitList by viewModel.pokitList.collectAsState()
+    val pokitPagingState by viewModel.pokitPagingState.collectAsState()
+
+    val context: Context = LocalContext.current
+
+    state.currentDetailLink?.let { link ->
+        LinkDetailBottomSheet(
+            title = link.title,
+            memo = link.memo,
+            url = link.url,
+            thumbnailPainter = rememberAsyncImagePainter(link.imageUrl),
+            bookmark = link.bookmark,
+            openWebBrowserByClick = true,
+            pokitName = link.pokitName,
+            dateString = link.dateString,
+            onHideBottomSheet = viewModel::hideLinkDetailBottomSheet,
+            show = state.showLinkDetailBottomSheet,
+            onClickShareLink = {
+                val intent = Intent(Intent.ACTION_SEND_MULTIPLE).apply {
+                    type = "text/plain"
+                    putExtra(Intent.EXTRA_TEXT, state.currentDetailLink?.url)
+                }
+                context.startActivity(Intent.createChooser(intent, "Pokit"))
+            },
+            onClickModifyLink = {
+                viewModel.hideLinkDetailBottomSheet()
+                onNavigateToLinkModify(link.id)
+            },
+            onClickRemoveLink = {
+                viewModel.showLinkRemoveBottomSheet(link)
+            },
+            onClickBookmark = viewModel::toggleBookmark
+        )
+    }
+
+    FilterBottomSheet(
+        filter = state.filter ?: Filter(),
+        firstShowType = state.firstBottomSheetFilterType,
+        show = state.showFilterBottomSheet,
+        onDismissRequest = viewModel::hideFilterBottomSheet,
+        onSaveClilck = viewModel::setFilter,
+        pokits = pokitList,
+        pokitPagingState = pokitPagingState,
+        loadNextPokits = viewModel::loadNextPokits,
+        refreshPokits = viewModel::refreshPokits
+    )
+
+    PokitBottomSheet(
+        onHideBottomSheet = viewModel::hideLinkModifyBottomSheet,
+        show = state.linkBottomSheetType != null
+    ) {
+        if (state.linkBottomSheetType == BottomSheetType.MODIFY) {
+            ModifyBottomSheetContent(
+                onClickModify = remember {
+                    {
+                        state.currentTargetLink?.let { link ->
+                            viewModel.hideLinkModifyBottomSheet()
+                            onNavigateToLinkModify(link.id)
+                        }
+                    }
+                },
+                onClickRemove = remember {
+                    {
+                        state.currentTargetLink?.let { link ->
+                            viewModel.showLinkRemoveBottomSheet(link)
+                        }
+                    }
+                },
+                onClickShare = remember {
+                    {
+                        val intent = Intent(Intent.ACTION_SEND_MULTIPLE).apply {
+                            type = "text/plain"
+                            putExtra(Intent.EXTRA_TEXT, state.currentTargetLink?.url)
+                        }
+                        context.startActivity(Intent.createChooser(intent, "Pokit"))
+                    }
+                }
+            )
+        }
+
+        if (state.linkBottomSheetType == BottomSheetType.REMOVE) {
+            TwoButtonBottomSheetContent(
+                title = stringResource(id = R.string.title_remove_link),
+                subText = stringResource(id = R.string.sub_remove_link),
+                onClickLeftButton = viewModel::hideLinkModifyBottomSheet,
+                onClickRightButton = {
+                    viewModel.deleteLink()
+                    viewModel.hideLinkModifyBottomSheet()
+                }
+            )
+        }
+    }
+
+    SearchScreen(
+        state = state,
+        currentSearchWord = searchWord,
+        linkList = linkList,
+        linkPagingState = linkPagingState,
+        onClickBack = onBackPressed,
+        inputSearchWord = viewModel::inputSearchWord,
+        onClickSearch = viewModel::applyCurrentSearchWord,
+        onClickRecentSearchWord = viewModel::applySearchWord,
+        onClickUseRecentSearchWord = viewModel::toggleUseRecentSearchWord,
+        onClickRemoveAllRecentSearchWord = viewModel::removeAllRecentSearchWord,
+        onClickRemoveRecentSearchWord = viewModel::removeRecentSearchWord,
+        onClickFilterSelect = viewModel::showFilterBottomSheet,
+        onClickFilterItem = viewModel::showFilterBottomSheetWithType,
+        toggleSortOrder = viewModel::toggleSortOrder,
+        showLinkModifyBottomSheet = viewModel::showLinkModifyBottomSheet,
+        showLinkDetailBottomSheet = viewModel::showLinkDetailBottomSheet,
+        loadNextLinks = viewModel::loadNextLinks
+    )
+}
+
+@Composable
+fun SearchScreen(
+    state: SearchScreenState = SearchScreenState(),
+    currentSearchWord: String = "",
+    linkList: List<Link> = emptyList(),
+    linkPagingState: SimplePagingState = SimplePagingState.IDLE,
+    onClickBack: () -> Unit = {},
+    inputSearchWord: (String) -> Unit = {},
+    onClickSearch: () -> Unit = {},
+    onClickRecentSearchWord: (String) -> Unit = {},
+    onClickUseRecentSearchWord: () -> Unit = {},
+    onClickRemoveAllRecentSearchWord: () -> Unit = {},
+    onClickRemoveRecentSearchWord: (String) -> Unit = {},
+    onClickFilterSelect: () -> Unit = {},
+    onClickFilterItem: (FilterType) -> Unit = {},
+    toggleSortOrder: () -> Unit = {},
+    showLinkModifyBottomSheet: (Link) -> Unit = {},
+    showLinkDetailBottomSheet: (Link) -> Unit = {},
+    loadNextLinks: () -> Unit = {},
+) {
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .background(PokitTheme.colors.backgroundBase)
+    ) {
+        Toolbar(
+            onClickBack = onClickBack,
+            inputSearchWord = inputSearchWord,
+            currentSearchWord = currentSearchWord,
+            onClickSearch = onClickSearch,
+            onClickRemove = remember { { inputSearchWord("") } }
+        )
+
+        if (state.step == SearchScreenStep.INPUT) {
+            RecentSearchWord(
+                onClickRemoveAll = onClickRemoveAllRecentSearchWord,
+                onToggleAutoSave = onClickUseRecentSearchWord,
+                useAutoSave = state.useRecentSearchWord,
+                recentSearchWords = state.recentSearchWords,
+                onClickRemoveSearchWord = onClickRemoveRecentSearchWord,
+                onClickSearchWord = onClickRecentSearchWord
+            )
+        }
+
+        if (state.step == SearchScreenStep.RESULT) {
+            FilterArea(
+                filter = state.filter,
+                onClickFilter = onClickFilterSelect,
+                onClickBookmark = remember { { onClickFilterItem(FilterType.Collect) } },
+                onClickPokitName = remember { { onClickFilterItem(FilterType.Pokit) } },
+                onClickPeriod = remember { { onClickFilterItem(FilterType.Period) } }
+            )
+        }
+
+        HorizontalDivider(
+            thickness = 6.dp,
+            color = PokitTheme.colors.backgroundPrimary
+        )
+
+        if (state.step == SearchScreenStep.RESULT) {
+            when {
+                (linkPagingState == SimplePagingState.LOADING_INIT) -> {
+                    LoadingProgress(
+                        modifier = Modifier
+                            .fillMaxWidth()
+                            .weight(1f)
+                    )
+                }
+                (linkPagingState == SimplePagingState.FAILURE_INIT) -> {
+                    ErrorPooki(
+                        modifier = Modifier
+                            .fillMaxWidth()
+                            .weight(1f),
+                        title = stringResource(id = coreString.title_error),
+                        sub = stringResource(id = coreString.sub_error),
+                        onClickRetry = onClickSearch
+                    )
+                }
+                (linkList.isEmpty()) -> {
+                    EmptyPooki(
+                        modifier = Modifier
+                            .fillMaxWidth()
+                            .weight(1f),
+                        title = stringResource(id = coreString.title_empty_search),
+                        sub = stringResource(id = coreString.sub_empty_search)
+                    )
+                }
+                else -> {
+                    SearchItemList(
+                        modifier = Modifier
+                            .fillMaxWidth()
+                            .weight(1f),
+                        onToggleSort = toggleSortOrder,
+                        useRecentOrder = state.sortRecent,
+                        onClickLinkKebab = showLinkModifyBottomSheet,
+                        onClickLink = showLinkDetailBottomSheet,
+                        links = linkList,
+                        linkPagingState = linkPagingState,
+                        loadNextLinks = loadNextLinks
+                    )
+                }
+            }
+        }
+    }
+}
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/SearchViewModel.kt b/feature/search/src/main/java/pokitmons/pokit/search/SearchViewModel.kt
new file mode 100644
index 00000000..fc205e8a
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/SearchViewModel.kt
@@ -0,0 +1,339 @@
+package pokitmons.pokit.search
+
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import dagger.hilt.android.lifecycle.HiltViewModel
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.SharingStarted
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.flow.collectLatest
+import kotlinx.coroutines.flow.combine
+import kotlinx.coroutines.flow.stateIn
+import kotlinx.coroutines.flow.update
+import kotlinx.coroutines.launch
+import pokitmons.pokit.core.feature.navigation.args.LinkUpdateEvent
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.usecase.link.DeleteLinkUseCase
+import pokitmons.pokit.domain.usecase.link.GetLinkUseCase
+import pokitmons.pokit.domain.usecase.link.SearchLinksUseCase
+import pokitmons.pokit.domain.usecase.link.SetBookmarkUseCase
+import pokitmons.pokit.domain.usecase.pokit.GetPokitsUseCase
+import pokitmons.pokit.domain.usecase.search.AddRecentSearchWordUseCase
+import pokitmons.pokit.domain.usecase.search.GetRecentSearchWordsUseCase
+import pokitmons.pokit.domain.usecase.search.GetUseRecentSearchWordsUseCase
+import pokitmons.pokit.domain.usecase.search.RemoveRecentSearchWordUseCase
+import pokitmons.pokit.domain.usecase.search.SetUseRecentSearchWordsUseCase
+import pokitmons.pokit.search.model.BottomSheetType
+import pokitmons.pokit.search.model.Filter
+import pokitmons.pokit.search.model.FilterType
+import pokitmons.pokit.search.model.Link
+import pokitmons.pokit.search.model.Pokit
+import pokitmons.pokit.search.model.SearchScreenState
+import pokitmons.pokit.search.model.SearchScreenStep
+import pokitmons.pokit.search.paging.LinkPaging
+import pokitmons.pokit.search.paging.PokitPaging
+import pokitmons.pokit.search.paging.SimplePagingState
+import javax.inject.Inject
+
+@HiltViewModel
+class SearchViewModel @Inject constructor(
+    searchLinksUseCase: SearchLinksUseCase,
+    getPokitsUseCase: GetPokitsUseCase,
+    getRecentSearchWordsUseCase: GetRecentSearchWordsUseCase,
+    getUseRecentSearchWordsUseCase: GetUseRecentSearchWordsUseCase,
+    private val getLinkUseCase: GetLinkUseCase,
+    private val deleteLinkUseCase: DeleteLinkUseCase,
+    private val setUseRecentSearchWordsUseCase: SetUseRecentSearchWordsUseCase,
+    private val addRecentSearchWordUseCase: AddRecentSearchWordUseCase,
+    private val removeRecentSearchWordUseCase: RemoveRecentSearchWordUseCase,
+    private val setBookmarkUseCase: SetBookmarkUseCase,
+) : ViewModel() {
+
+    init {
+        initLinkUpdateEventDetector()
+        initLinkRemoveEventDetector()
+    }
+
+    private val linkPaging = LinkPaging(
+        searchLinksUseCase = searchLinksUseCase,
+        filter = Filter(),
+        perPage = 10,
+        coroutineScope = viewModelScope,
+        initPage = 0
+    )
+
+    private val pokitPaging = PokitPaging(
+        getPokits = getPokitsUseCase,
+        perPage = 10,
+        coroutineScope = viewModelScope,
+        initPage = 0
+    )
+
+    val linkList: StateFlow<List<Link>> = linkPaging.pagingData
+    val linkPagingState: StateFlow<SimplePagingState> = linkPaging.pagingState
+
+    val pokitList: StateFlow<List<Pokit>> = pokitPaging.pagingData
+    val pokitPagingState: StateFlow<SimplePagingState> = pokitPaging.pagingState
+
+    private val _searchWord = MutableStateFlow("")
+    val searchWord = _searchWord.asStateFlow()
+
+    private val _state = MutableStateFlow(SearchScreenState())
+    val state = combine(
+        _state,
+        getRecentSearchWordsUseCase.getWords(),
+        getUseRecentSearchWordsUseCase.getUse()
+    ) { state, searchWords, useRecentSearchWord ->
+        state.copy(recentSearchWords = searchWords, useRecentSearchWord = useRecentSearchWord)
+    }.stateIn(
+        scope = viewModelScope,
+        started = SharingStarted.Eagerly,
+        initialValue = SearchScreenState()
+    )
+
+    private var appliedSearchWord = ""
+
+    private fun initLinkUpdateEventDetector() {
+        viewModelScope.launch {
+            LinkUpdateEvent.updatedLink.collectLatest { updatedLink ->
+                val targetLink = linkPaging.pagingData.value.find { it.id == updatedLink.id.toString() } ?: return@collectLatest
+                val modifiedLink = targetLink.copy(title = updatedLink.title, imageUrl = updatedLink.thumbnail, domainUrl = updatedLink.domain)
+                linkPaging.modifyItem(modifiedLink)
+            }
+        }
+    }
+
+    private fun initLinkRemoveEventDetector() {
+        viewModelScope.launch {
+            LinkUpdateEvent.removedLink.collectLatest { removedLinkId ->
+                val targetItem = linkPaging.pagingData.value.find { it.id == removedLinkId.toString() } ?: return@collectLatest
+                linkPaging.deleteItem(targetItem)
+            }
+        }
+    }
+
+    fun inputSearchWord(newSearchWord: String) {
+        _searchWord.update { newSearchWord }
+        val currentState = state.value
+
+        if (newSearchWord.isEmpty() && currentState.step == SearchScreenStep.RESULT) {
+            _state.update { state ->
+                state.copy(step = SearchScreenStep.INPUT)
+            }
+        }
+    }
+
+    fun applyCurrentSearchWord() {
+        appliedSearchWord = searchWord.value
+
+        if (appliedSearchWord.isNotEmpty()) {
+            _state.update { state ->
+                state.copy(step = SearchScreenStep.RESULT)
+            }
+            viewModelScope.launch {
+                addRecentSearchWordUseCase.addRecentSearchWord(appliedSearchWord)
+                linkPaging.changeSearchWord(appliedSearchWord)
+                linkPaging.refresh()
+            }
+        }
+    }
+
+    fun applySearchWord(word: String) {
+        appliedSearchWord = word
+        _searchWord.update { word }
+
+        if (appliedSearchWord.isNotEmpty()) {
+            _state.update { state ->
+                state.copy(step = SearchScreenStep.RESULT)
+            }
+            viewModelScope.launch {
+                addRecentSearchWordUseCase.addRecentSearchWord(appliedSearchWord)
+                linkPaging.changeSearchWord(appliedSearchWord)
+                linkPaging.refresh()
+            }
+        }
+    }
+
+    fun toggleUseRecentSearchWord() {
+        val currentUseRecentSearchWord = state.value.useRecentSearchWord
+        viewModelScope.launch {
+            setUseRecentSearchWordsUseCase.setUse(!currentUseRecentSearchWord)
+        }
+    }
+
+    fun removeRecentSearchWord(word: String) {
+        viewModelScope.launch {
+            removeRecentSearchWordUseCase.removeWord(word)
+        }
+    }
+
+    fun removeAllRecentSearchWord() {
+        viewModelScope.launch {
+            removeRecentSearchWordUseCase.removeAll()
+        }
+    }
+
+    fun showFilterBottomSheet() {
+        _state.update { state ->
+            state.copy(
+                showFilterBottomSheet = true
+            )
+        }
+    }
+
+    fun showFilterBottomSheetWithType(type: FilterType) {
+        _state.update { state ->
+            state.copy(
+                showFilterBottomSheet = true,
+                firstBottomSheetFilterType = type
+            )
+        }
+    }
+
+    fun hideFilterBottomSheet() {
+        _state.update { state ->
+            state.copy(
+                showFilterBottomSheet = false
+            )
+        }
+    }
+
+    fun showLinkModifyBottomSheet(link: Link) {
+        _state.update { state ->
+            state.copy(
+                linkBottomSheetType = BottomSheetType.MODIFY,
+                currentTargetLink = link
+            )
+        }
+    }
+
+    fun showLinkRemoveBottomSheet(link: Link) {
+        _state.update { state ->
+            state.copy(
+                linkBottomSheetType = BottomSheetType.REMOVE,
+                showLinkDetailBottomSheet = false,
+                currentTargetLink = link
+            )
+        }
+    }
+
+    fun hideLinkModifyBottomSheet() {
+        _state.update { state ->
+            state.copy(
+                linkBottomSheetType = null,
+                currentTargetLink = null
+            )
+        }
+    }
+
+    fun showLinkDetailBottomSheet(link: Link) {
+        _state.update { state ->
+            state.copy(
+                currentDetailLink = link,
+                showLinkDetailBottomSheet = true,
+                linkBottomSheetType = null
+            )
+        }
+
+        viewModelScope.launch {
+            val response = getLinkUseCase.getLink(link.id.toInt())
+            if (response is PokitResult.Success && state.value.currentDetailLink?.id == link.id && state.value.showLinkDetailBottomSheet) {
+                _state.update { it.copy(currentDetailLink = Link.fromDomainLink(response.result).copy(imageUrl = link.imageUrl, isRead = true)) }
+            }
+
+            val isReadChangedLink = linkPaging.pagingData.value
+                .find { it.id == link.id }
+                ?.copy(isRead = true) ?: return@launch
+
+            linkPaging.modifyItem(isReadChangedLink)
+        }
+    }
+
+    fun hideLinkDetailBottomSheet() {
+        _state.update { state ->
+            state.copy(
+                currentDetailLink = null,
+                showLinkDetailBottomSheet = false
+            )
+        }
+    }
+
+    fun setFilter(filter: Filter) {
+        _state.update { state ->
+            state.copy(
+                showFilterBottomSheet = false,
+                filter = if (filter == Filter.DefaultFilter) {
+                    null
+                } else {
+                    filter
+                }
+            )
+        }
+
+        viewModelScope.launch {
+            linkPaging.changeFilter(filter)
+            linkPaging.refresh()
+        }
+    }
+
+    fun toggleSortOrder() {
+        _state.update { state ->
+            state.copy(sortRecent = !state.sortRecent)
+        }
+
+        viewModelScope.launch {
+            linkPaging.changeRecentSort(state.value.sortRecent)
+            linkPaging.refresh()
+        }
+    }
+
+    fun loadNextLinks() {
+        viewModelScope.launch {
+            linkPaging.load()
+        }
+    }
+
+    fun loadNextPokits() {
+        viewModelScope.launch {
+            pokitPaging.load()
+        }
+    }
+
+    fun refreshPokits() {
+        viewModelScope.launch {
+            pokitPaging.refresh()
+        }
+    }
+
+    fun toggleBookmark() {
+        val currentLink = state.value.currentTargetLink ?: return
+        val currentLinkId = currentLink.id.toIntOrNull() ?: return
+        val applyBookmarked = !currentLink.bookmark
+
+        viewModelScope.launch {
+            val response = setBookmarkUseCase.setBookMarked(currentLinkId, applyBookmarked)
+            if (response is PokitResult.Success) {
+                val bookmarkChangedLink = currentLink.copy(bookmark = applyBookmarked)
+                _state.update { state ->
+                    state.copy(
+                        currentDetailLink = bookmarkChangedLink
+                    )
+                }
+                linkPaging.modifyItem(bookmarkChangedLink)
+            }
+        }
+    }
+
+    fun deleteLink() {
+        val currentLinkId = state.value.currentTargetLink?.id?.toIntOrNull() ?: return
+        viewModelScope.launch {
+            val response = deleteLinkUseCase.deleteLink(currentLinkId)
+            if (response is PokitResult.Success) {
+                LinkUpdateEvent.removeSuccess(currentLinkId)
+                val targetLink = linkPaging.pagingData.value.find { it.id == currentLinkId.toString() } ?: return@launch
+                linkPaging.deleteItem(targetLink)
+            }
+        }
+    }
+}
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/components/atom/CalendarCell.kt b/feature/search/src/main/java/pokitmons/pokit/search/components/atom/CalendarCell.kt
new file mode 100644
index 00000000..2cb7dc3d
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/components/atom/CalendarCell.kt
@@ -0,0 +1,91 @@
+package pokitmons.pokit.search.components.atom
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.theme.color.Orange100
+import pokitmons.pokit.search.model.Date
+
+@Composable
+internal fun CalendarCellView(
+    date: Date,
+    onClick: ((Date) -> Unit)? = null,
+    state: CalendarCellState = CalendarCellState.ACTIVE,
+) {
+    val backgroundColor = getBackgroundColor(state = state)
+    val textColor = getTextColor(state = state)
+
+    Box(
+        modifier = Modifier
+            .size(40.dp)
+            .then(
+                other = onClick?.let { method ->
+                    Modifier.clickable(
+                        indication = null,
+                        interactionSource = remember { MutableInteractionSource() },
+                        onClick = { method(date) }
+                    )
+                } ?: Modifier
+            )
+            .background(
+                color = backgroundColor,
+                shape = RoundedCornerShape(8.dp)
+            )
+    ) {
+        Text(
+            modifier = Modifier.align(Alignment.Center),
+            textAlign = TextAlign.Center,
+            text = date.day.toString(),
+            style = PokitTheme.typography.body1Medium.copy(color = textColor)
+        )
+    }
+}
+
+enum class CalendarCellState {
+    INACTIVE, ACTIVE, SELECTED, IN_RANGE
+}
+
+@Composable
+private fun getTextColor(state: CalendarCellState): Color {
+    return when (state) {
+        CalendarCellState.INACTIVE -> {
+            PokitTheme.colors.textTertiary
+        }
+        CalendarCellState.ACTIVE -> {
+            PokitTheme.colors.textSecondary
+        }
+        CalendarCellState.IN_RANGE -> {
+            PokitTheme.colors.inverseWh
+        }
+        CalendarCellState.SELECTED -> {
+            PokitTheme.colors.inverseWh
+        }
+    }
+}
+
+@Composable
+private fun getBackgroundColor(state: CalendarCellState): Color {
+    return when (state) {
+        CalendarCellState.IN_RANGE -> {
+            Orange100
+        }
+        CalendarCellState.SELECTED -> {
+            PokitTheme.colors.brand
+        }
+        else -> {
+            Color.Unspecified
+        }
+    }
+}
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/components/calendar/Calendar.kt b/feature/search/src/main/java/pokitmons/pokit/search/components/calendar/Calendar.kt
new file mode 100644
index 00000000..d2c92eb2
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/components/calendar/Calendar.kt
@@ -0,0 +1,149 @@
+package pokitmons.pokit.search.components.calendar
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.lazy.grid.GridCells
+import androidx.compose.foundation.lazy.grid.LazyVerticalGrid
+import androidx.compose.foundation.lazy.grid.items
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.search.R
+import pokitmons.pokit.search.components.atom.CalendarCellState
+import pokitmons.pokit.search.components.atom.CalendarCellView
+import pokitmons.pokit.search.model.CalendarPage
+import pokitmons.pokit.search.model.Date
+import pokitmons.pokit.search.utils.getCells
+import pokitmons.pokit.search.utils.weekDayStringResources
+
+@Composable
+internal fun CalendarView(
+    calendarPage: CalendarPage,
+    modifier: Modifier = Modifier,
+    startDate: Date? = null,
+    endDate: Date? = null,
+    onClickCell: (Date) -> Unit = {},
+) {
+    var currentPage by remember { mutableStateOf(calendarPage) }
+    val calendarCells = remember(
+        currentPage,
+        startDate,
+        endDate
+    ) {
+        getCells(year = currentPage.year, month = currentPage.month, startDate = startDate, endDate = endDate)
+    }
+
+    Column(
+        modifier = modifier
+    ) {
+        Row(
+            modifier = Modifier.fillMaxWidth(),
+            verticalAlignment = Alignment.CenterVertically
+        ) {
+            Text(
+                text = stringResource(id = R.string.format_calendar, currentPage.year, currentPage.month),
+                style = PokitTheme.typography.body1Bold.copy(color = PokitTheme.colors.textPrimary)
+            )
+
+            Spacer(modifier = Modifier.weight(1f))
+
+            IconButton(
+                modifier = Modifier.size(40.dp),
+                onClick = remember {
+                    {
+                        currentPage = currentPage.prevPage()
+                    }
+                }
+            ) {
+                Icon(
+                    painter = painterResource(id = pokitmons.pokit.core.ui.R.drawable.icon_24_arrow_left),
+                    contentDescription = "prev month"
+                )
+            }
+
+            Spacer(modifier = Modifier.width(4.dp))
+
+            IconButton(
+                modifier = Modifier.size(40.dp),
+                onClick = remember {
+                    {
+                        currentPage = currentPage.nextPage()
+                    }
+                }
+            ) {
+                Icon(
+                    painter = painterResource(id = pokitmons.pokit.core.ui.R.drawable.icon_24_arrow_right),
+                    contentDescription = "next month"
+                )
+            }
+        }
+
+        Spacer(modifier = Modifier.height(20.dp))
+
+        LazyVerticalGrid(
+            columns = GridCells.Fixed(count = 7),
+            horizontalArrangement = Arrangement.spacedBy(4.dp),
+            verticalArrangement = Arrangement.spacedBy(8.dp)
+        ) {
+            items(weekDayStringResources) { stringRes ->
+                Box(
+                    modifier = Modifier.size(40.dp)
+                ) {
+                    Text(
+                        modifier = Modifier.align(Alignment.Center),
+                        textAlign = TextAlign.Center,
+                        text = stringResource(id = stringRes),
+                        style = PokitTheme.typography.detail1.copy(color = PokitTheme.colors.textTertiary)
+                    )
+                }
+            }
+
+            items(calendarCells) { cell ->
+                if (cell.date.year != currentPage.year || cell.date.month != currentPage.month) {
+                    CalendarCellView(
+                        date = cell.date,
+                        onClick = null,
+                        state = CalendarCellState.INACTIVE
+                    )
+                } else if (cell.selected) {
+                    CalendarCellView(
+                        date = cell.date,
+                        onClick = onClickCell,
+                        state = CalendarCellState.SELECTED
+                    )
+                } else if (cell.inSelectRange) {
+                    CalendarCellView(
+                        date = cell.date,
+                        onClick = onClickCell,
+                        state = CalendarCellState.IN_RANGE
+                    )
+                } else {
+                    CalendarCellView(
+                        date = cell.date,
+                        onClick = onClickCell,
+                        state = CalendarCellState.ACTIVE
+                    )
+                }
+            }
+        }
+    }
+}
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/components/calendar/Preview.kt b/feature/search/src/main/java/pokitmons/pokit/search/components/calendar/Preview.kt
new file mode 100644
index 00000000..14565eec
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/components/calendar/Preview.kt
@@ -0,0 +1,52 @@
+package pokitmons.pokit.search.components.calendar
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.width
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.search.model.CalendarPage
+import pokitmons.pokit.search.model.Date
+
+@Preview(showBackground = true)
+@Composable
+private fun Preview() {
+    var startDate by remember { mutableStateOf<Date?>(null) }
+    var endDate by remember { mutableStateOf<Date?>(null) }
+
+    PokitTheme {
+        Column(
+            modifier = Modifier.width(300.dp).fillMaxHeight(),
+            verticalArrangement = Arrangement.spacedBy(12.dp)
+        ) {
+            CalendarView(
+                calendarPage = CalendarPage(endDate),
+                startDate = startDate,
+                endDate = endDate,
+                onClickCell = remember {
+                    { date ->
+                        val currentStartDate = startDate
+                        if (currentStartDate != null && endDate == null) {
+                            if (date <= currentStartDate) {
+                                startDate = date
+                            } else {
+                                endDate = date
+                            }
+                        } else {
+                            startDate = date
+                            endDate = null
+                        }
+                    }
+                }
+            )
+        }
+    }
+}
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/components/filter/Filter.kt b/feature/search/src/main/java/pokitmons/pokit/search/components/filter/Filter.kt
new file mode 100644
index 00000000..9db50506
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/components/filter/Filter.kt
@@ -0,0 +1,169 @@
+package pokitmons.pokit.search.components.filter
+
+import androidx.compose.foundation.horizontalScroll
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.atom.button.PokitButton
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonIcon
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonIconPosition
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonShape
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonSize
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonStyle
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonType
+import pokitmons.pokit.search.R
+import pokitmons.pokit.search.model.Filter
+import pokitmons.pokit.core.ui.R.drawable as coreDrawable
+
+@Composable
+fun FilterArea(
+    filter: Filter? = null,
+    onClickFilter: () -> Unit = {},
+    onClickPeriod: () -> Unit = {},
+    onClickPokitName: () -> Unit = {},
+    onClickBookmark: () -> Unit = {},
+) {
+    val scrollState = rememberScrollState()
+
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(top = 20.dp, bottom = 24.dp)
+            .horizontalScroll(scrollState),
+        horizontalArrangement = Arrangement.spacedBy(6.dp)
+    ) {
+        Spacer(modifier = Modifier.width(20.dp))
+
+        if (filter == null) {
+            PokitButton(
+                text = stringResource(id = R.string.filter),
+                icon = PokitButtonIcon(
+                    resourceId = coreDrawable.icon_24_filter,
+                    position = PokitButtonIconPosition.LEFT
+                ),
+                onClick = onClickFilter,
+                size = PokitButtonSize.SMALL,
+                shape = PokitButtonShape.ROUND,
+                style = PokitButtonStyle.STROKE,
+                type = PokitButtonType.SECONDARY
+            )
+
+            PokitButton(
+                text = stringResource(id = R.string.collect_show),
+                icon = PokitButtonIcon(
+                    resourceId = coreDrawable.icon_24_arrow_down,
+                    position = PokitButtonIconPosition.RIGHT
+                ),
+                onClick = onClickBookmark,
+                size = PokitButtonSize.SMALL,
+                shape = PokitButtonShape.ROUND,
+                style = PokitButtonStyle.DEFAULT,
+                type = PokitButtonType.SECONDARY
+            )
+
+            PokitButton(
+                text = stringResource(id = R.string.period),
+                icon = PokitButtonIcon(
+                    resourceId = coreDrawable.icon_24_arrow_down,
+                    position = PokitButtonIconPosition.RIGHT
+                ),
+                onClick = onClickPeriod,
+                size = PokitButtonSize.SMALL,
+                shape = PokitButtonShape.ROUND,
+                style = PokitButtonStyle.DEFAULT,
+                type = PokitButtonType.SECONDARY
+            )
+
+            PokitButton(
+                text = stringResource(id = R.string.pokit),
+                icon = PokitButtonIcon(
+                    resourceId = coreDrawable.icon_24_arrow_down,
+                    position = PokitButtonIconPosition.RIGHT
+                ),
+                onClick = onClickPokitName,
+                size = PokitButtonSize.SMALL,
+                shape = PokitButtonShape.ROUND,
+                style = PokitButtonStyle.DEFAULT,
+                type = PokitButtonType.SECONDARY
+            )
+        } else {
+            PokitButton(
+                text = stringResource(id = R.string.filter),
+                icon = PokitButtonIcon(
+                    resourceId = coreDrawable.icon_24_filter,
+                    position = PokitButtonIconPosition.LEFT
+                ),
+                onClick = onClickFilter,
+                size = PokitButtonSize.SMALL,
+                shape = PokitButtonShape.ROUND,
+                style = PokitButtonStyle.FILLED
+            )
+
+            filter.selectedPokits.map { pokit ->
+                PokitButton(
+                    text = pokit.title,
+                    icon = PokitButtonIcon(
+                        resourceId = coreDrawable.icon_24_arrow_down,
+                        position = PokitButtonIconPosition.RIGHT
+                    ),
+                    onClick = onClickPokitName,
+                    size = PokitButtonSize.SMALL,
+                    shape = PokitButtonShape.ROUND,
+                    style = PokitButtonStyle.STROKE
+                )
+            }
+
+            if (filter.bookmark) {
+                PokitButton(
+                    text = stringResource(id = R.string.bookmark),
+                    icon = PokitButtonIcon(
+                        resourceId = coreDrawable.icon_24_arrow_down,
+                        position = PokitButtonIconPosition.RIGHT
+                    ),
+                    onClick = onClickBookmark,
+                    size = PokitButtonSize.SMALL,
+                    shape = PokitButtonShape.ROUND,
+                    style = PokitButtonStyle.STROKE
+                )
+            }
+
+            if (filter.notRead) {
+                PokitButton(
+                    text = stringResource(id = R.string.not_read),
+                    icon = PokitButtonIcon(
+                        resourceId = coreDrawable.icon_24_arrow_down,
+                        position = PokitButtonIconPosition.RIGHT
+                    ),
+                    onClick = onClickBookmark,
+                    size = PokitButtonSize.SMALL,
+                    shape = PokitButtonShape.ROUND,
+                    style = PokitButtonStyle.STROKE
+                )
+            }
+
+            filter.getDateString()?.let { dateString ->
+                PokitButton(
+                    text = dateString,
+                    icon = PokitButtonIcon(
+                        resourceId = coreDrawable.icon_24_arrow_down,
+                        position = PokitButtonIconPosition.RIGHT
+                    ),
+                    onClick = onClickPeriod,
+                    size = PokitButtonSize.SMALL,
+                    shape = PokitButtonShape.ROUND,
+                    style = PokitButtonStyle.STROKE
+                )
+            }
+        }
+
+        Spacer(modifier = Modifier.width(20.dp))
+    }
+}
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/components/filter/Preview.kt b/feature/search/src/main/java/pokitmons/pokit/search/components/filter/Preview.kt
new file mode 100644
index 00000000..176015e0
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/components/filter/Preview.kt
@@ -0,0 +1,45 @@
+package pokitmons.pokit.search.components.filter
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.search.model.Date
+import pokitmons.pokit.search.model.Filter
+import pokitmons.pokit.search.model.samplePokits
+
+@Preview(showBackground = true)
+@Composable
+private fun Preview() {
+    PokitTheme {
+        Column(
+            modifier = Modifier.fillMaxSize(),
+            verticalArrangement = Arrangement.spacedBy(12.dp)
+        ) {
+            FilterArea()
+
+            FilterArea(
+                filter = Filter(
+                    selectedPokits = samplePokits
+                )
+            )
+
+            FilterArea(
+                filter = Filter(
+                    startDate = Date(year = 2024, month = 7, day = 20),
+                    endDate = Date(year = 2024, month = 7, day = 20)
+                )
+            )
+
+            FilterArea(
+                filter = Filter(
+                    bookmark = true
+                )
+            )
+        }
+    }
+}
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/components/filterbottomsheet/FilterBottomSheet.kt b/feature/search/src/main/java/pokitmons/pokit/search/components/filterbottomsheet/FilterBottomSheet.kt
new file mode 100644
index 00000000..2d0540a3
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/components/filterbottomsheet/FilterBottomSheet.kt
@@ -0,0 +1,41 @@
+package pokitmons.pokit.search.components.filterbottomsheet
+
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import pokitmons.pokit.core.ui.components.template.bottomsheet.PokitBottomSheet
+import pokitmons.pokit.search.model.Filter
+import pokitmons.pokit.search.model.FilterType
+import pokitmons.pokit.search.model.Pokit
+import pokitmons.pokit.search.model.samplePokits
+import pokitmons.pokit.search.paging.SimplePagingState
+
+@Composable
+fun FilterBottomSheet(
+    filter: Filter = Filter(),
+    firstShowType: FilterType = FilterType.Pokit,
+    onSaveClilck: (Filter) -> Unit = {},
+    pokits: List<Pokit> = samplePokits,
+    pokitPagingState: SimplePagingState = SimplePagingState.IDLE,
+    loadNextPokits: () -> Unit = {},
+    refreshPokits: () -> Unit = {},
+    show: Boolean = false,
+    onDismissRequest: () -> Unit = {},
+) {
+    PokitBottomSheet(
+        onHideBottomSheet = onDismissRequest,
+        show = show
+    ) {
+        LaunchedEffect(Unit) {
+            refreshPokits()
+        }
+
+        FilterBottomSheetContent(
+            filter = filter,
+            firstShowType = firstShowType,
+            onSaveClilck = onSaveClilck,
+            pokits = pokits,
+            pokitPagingState = pokitPagingState,
+            loadNextPokits = loadNextPokits
+        )
+    }
+}
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/components/filterbottomsheet/FilterBottomSheetContent.kt b/feature/search/src/main/java/pokitmons/pokit/search/components/filterbottomsheet/FilterBottomSheetContent.kt
new file mode 100644
index 00000000..64e927d0
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/components/filterbottomsheet/FilterBottomSheetContent.kt
@@ -0,0 +1,320 @@
+package pokitmons.pokit.search.components.filterbottomsheet
+
+import androidx.compose.foundation.ExperimentalFoundationApi
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.horizontalScroll
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.items
+import androidx.compose.foundation.lazy.rememberLazyListState
+import androidx.compose.foundation.pager.HorizontalPager
+import androidx.compose.foundation.pager.rememberPagerState
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.material3.HorizontalDivider
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.derivedStateOf
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.atom.button.PokitButton
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonSize
+import pokitmons.pokit.core.ui.components.atom.checkbox.PokitCheckbox
+import pokitmons.pokit.core.ui.components.atom.chip.PokitChip
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipIconPosiion
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipState
+import pokitmons.pokit.core.ui.components.block.pokitlist.PokitList
+import pokitmons.pokit.core.ui.components.block.tap.PokitTap
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.search.R
+import pokitmons.pokit.search.components.calendar.CalendarView
+import pokitmons.pokit.search.model.CalendarPage
+import pokitmons.pokit.search.model.Filter
+import pokitmons.pokit.search.model.FilterType
+import pokitmons.pokit.search.model.Pokit
+import pokitmons.pokit.search.model.samplePokits
+import pokitmons.pokit.search.paging.SimplePagingState
+import pokitmons.pokit.core.ui.R.string as coreString
+
+@OptIn(ExperimentalFoundationApi::class)
+@Composable
+fun FilterBottomSheetContent(
+    filter: Filter = Filter(),
+    firstShowType: FilterType = FilterType.Pokit,
+    onSaveClilck: (Filter) -> Unit = {},
+    pokits: List<Pokit> = samplePokits,
+    pokitPagingState: SimplePagingState = SimplePagingState.IDLE,
+    loadNextPokits: () -> Unit = {},
+) {
+    var currentFilter by remember { mutableStateOf(filter) }
+    var currentShowType by remember { mutableStateOf(firstShowType) }
+    val scrollState = rememberScrollState()
+    val pagerState = rememberPagerState(
+        initialPage = firstShowType.index
+    ) {
+        FilterType.entries.size
+    }
+
+    val linkLazyColumnListState = rememberLazyListState()
+    val startLinkPaging = remember {
+        derivedStateOf {
+            linkLazyColumnListState.layoutInfo.visibleItemsInfo.lastOrNull()?.let { last ->
+                last.index >= linkLazyColumnListState.layoutInfo.totalItemsCount - 3
+            } ?: false
+        }
+    }
+
+    LaunchedEffect(startLinkPaging.value) {
+        if (startLinkPaging.value && pokitPagingState == SimplePagingState.IDLE) {
+            loadNextPokits()
+        }
+    }
+
+    Column(
+        modifier = Modifier.fillMaxWidth()
+    ) {
+        Row(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(horizontal = 20.dp),
+            horizontalArrangement = Arrangement.spacedBy(4.dp)
+        ) {
+            FilterType.entries.map { entry ->
+                PokitTap(
+                    modifier = Modifier.weight(1f),
+                    text = stringResource(id = entry.stringResourceId),
+                    data = entry,
+                    onClick = remember {
+                        { type ->
+                            currentShowType = type
+                        }
+                    },
+                    selectedItem = currentShowType
+                )
+            }
+        }
+
+        HorizontalPager(
+            modifier = Modifier
+                .fillMaxWidth()
+                .height(390.dp),
+            state = pagerState,
+            userScrollEnabled = false
+        ) {
+            when (currentShowType) {
+                FilterType.Pokit -> {
+                    LazyColumn(
+                        modifier = Modifier.fillMaxSize(),
+                        state = linkLazyColumnListState
+                    ) {
+                        items(pokits) { pokit ->
+                            PokitList(
+                                item = pokit,
+                                title = pokit.title,
+                                sub = stringResource(id = coreString.pokit_count_format, pokit.count),
+                                onClickItem = { item ->
+                                    currentFilter = currentFilter.addPokit(item)
+                                }
+                            )
+                        }
+                    }
+                }
+
+                FilterType.Collect -> {
+                    Column(
+                        modifier = Modifier.fillMaxSize()
+                    ) {
+                        Row(
+                            modifier = Modifier
+                                .fillMaxWidth()
+                                .padding(12.dp)
+                                .clickable(
+                                    indication = null,
+                                    interactionSource = remember { MutableInteractionSource() }
+                                ) {
+                                    currentFilter = currentFilter.copy(bookmark = !currentFilter.bookmark)
+                                }
+                                .padding(12.dp)
+                        ) {
+                            PokitCheckbox(
+                                checked = currentFilter.bookmark,
+                                onClick = { currentFilter = currentFilter.copy(bookmark = !currentFilter.bookmark) }
+                            )
+                            Spacer(modifier = Modifier.width(16.dp))
+                            Text(
+                                text = stringResource(id = R.string.bookmark),
+                                style = PokitTheme.typography.body1Medium.copy(color = PokitTheme.colors.textPrimary)
+                            )
+                        }
+
+                        Row(
+                            modifier = Modifier
+                                .fillMaxWidth()
+                                .padding(12.dp)
+                                .clickable(
+                                    indication = null,
+                                    interactionSource = remember { MutableInteractionSource() }
+                                ) {
+                                    currentFilter = currentFilter.copy(notRead = !currentFilter.notRead)
+                                }
+                                .padding(12.dp)
+                        ) {
+                            PokitCheckbox(
+                                checked = currentFilter.notRead,
+                                onClick = {
+                                    currentFilter = currentFilter.copy(notRead = !currentFilter.notRead)
+                                }
+                            )
+                            Spacer(modifier = Modifier.width(16.dp))
+                            Text(
+                                text = stringResource(id = R.string.not_read),
+                                style = PokitTheme.typography.body1Medium.copy(color = PokitTheme.colors.textPrimary)
+                            )
+                        }
+                    }
+                }
+
+                FilterType.Period -> {
+                    CalendarView(
+                        calendarPage = CalendarPage(filter.endDate),
+                        modifier = Modifier
+                            .fillMaxSize()
+                            .padding(20.dp),
+                        startDate = currentFilter.startDate,
+                        endDate = currentFilter.endDate,
+                        onClickCell = remember {
+                            { date ->
+                                val startDate = currentFilter.startDate
+                                val endDate = currentFilter.endDate
+                                currentFilter = if (startDate != null && endDate == null) {
+                                    if (date <= startDate) {
+                                        currentFilter.copy(startDate = date)
+                                    } else {
+                                        currentFilter.copy(endDate = date)
+                                    }
+                                } else {
+                                    currentFilter.copy(
+                                        startDate = date,
+                                        endDate = null
+                                    )
+                                }
+                            }
+                        }
+                    )
+                }
+            }
+        }
+
+        HorizontalDivider(
+            thickness = 1.dp,
+            color = PokitTheme.colors.borderTertiary
+        )
+
+        Row(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(vertical = 16.dp)
+                .horizontalScroll(scrollState),
+            horizontalArrangement = Arrangement.spacedBy(6.dp)
+        ) {
+            Spacer(modifier = Modifier.width(20.dp).height(32.dp))
+
+            currentFilter.selectedPokits.map { pokit ->
+                PokitChip(
+                    data = pokit,
+                    text = pokit.title,
+                    removeIconPosition = PokitChipIconPosiion.RIGHT,
+                    state = PokitChipState.STROKE,
+                    onClickRemove = remember {
+                        { item ->
+                            currentFilter = currentFilter.copy(
+                                selectedPokits = currentFilter.selectedPokits.filter { it.id != item.id }
+                            )
+                        }
+                    },
+                    onClickItem = null
+                )
+            }
+
+            if (currentFilter.bookmark) {
+                PokitChip(
+                    data = stringResource(id = R.string.bookmark),
+                    text = stringResource(id = R.string.bookmark),
+                    removeIconPosition = PokitChipIconPosiion.RIGHT,
+                    state = PokitChipState.STROKE,
+                    onClickRemove = remember {
+                        {
+                            currentFilter = currentFilter.copy(bookmark = false)
+                        }
+                    },
+                    onClickItem = null
+                )
+            }
+
+            if (currentFilter.notRead) {
+                PokitChip(
+                    data = stringResource(id = R.string.not_read),
+                    text = stringResource(id = R.string.not_read),
+                    removeIconPosition = PokitChipIconPosiion.RIGHT,
+                    state = PokitChipState.STROKE,
+                    onClickRemove = remember {
+                        {
+                            currentFilter = currentFilter.copy(notRead = false)
+                        }
+                    },
+                    onClickItem = null
+                )
+            }
+
+            currentFilter.getDateString()?.let { dateString ->
+                PokitChip(
+                    data = dateString,
+                    text = dateString,
+                    removeIconPosition = PokitChipIconPosiion.RIGHT,
+                    state = PokitChipState.STROKE,
+                    onClickRemove = remember {
+                        {
+                            currentFilter = currentFilter.copy(startDate = null, endDate = null)
+                        }
+                    },
+                    onClickItem = null
+                )
+            }
+
+            Spacer(modifier = Modifier.width(20.dp))
+        }
+
+        Box(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(20.dp)
+        ) {
+            PokitButton(
+                modifier = Modifier.fillMaxWidth(),
+                size = PokitButtonSize.LARGE,
+                text = stringResource(id = R.string.search),
+                icon = null,
+                onClick = remember {
+                    {
+                        onSaveClilck(currentFilter)
+                    }
+                }
+            )
+        }
+    }
+}
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/components/filterbottomsheet/Preview.kt b/feature/search/src/main/java/pokitmons/pokit/search/components/filterbottomsheet/Preview.kt
new file mode 100644
index 00000000..16a5bcef
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/components/filterbottomsheet/Preview.kt
@@ -0,0 +1,23 @@
+package pokitmons.pokit.search.components.filterbottomsheet
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+private fun Preview() {
+    PokitTheme {
+        Column(
+            modifier = Modifier.fillMaxSize(),
+            verticalArrangement = Arrangement.spacedBy(12.dp)
+        ) {
+            FilterBottomSheetContent()
+        }
+    }
+}
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/components/recentsearchword/Preview.kt b/feature/search/src/main/java/pokitmons/pokit/search/components/recentsearchword/Preview.kt
new file mode 100644
index 00000000..002c3898
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/components/recentsearchword/Preview.kt
@@ -0,0 +1,27 @@
+package pokitmons.pokit.search.components.recentsearchword
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Preview(showBackground = true)
+@Composable
+private fun Preview() {
+    PokitTheme {
+        Column(
+            modifier = Modifier.fillMaxSize(),
+            verticalArrangement = Arrangement.spacedBy(12.dp)
+        ) {
+            RecentSearchWord(useAutoSave = false)
+
+            RecentSearchWord(useAutoSave = true)
+
+            RecentSearchWord(useAutoSave = true, recentSearchWords = listOf("Android", "IOS", "Server", "Design", "PM"))
+        }
+    }
+}
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/components/recentsearchword/RecentSearchWord.kt b/feature/search/src/main/java/pokitmons/pokit/search/components/recentsearchword/RecentSearchWord.kt
new file mode 100644
index 00000000..b15b4939
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/components/recentsearchword/RecentSearchWord.kt
@@ -0,0 +1,118 @@
+package pokitmons.pokit.search.components.recentsearchword
+
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.lazy.LazyRow
+import androidx.compose.foundation.lazy.items
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.atom.chip.PokitChip
+import pokitmons.pokit.core.ui.components.atom.chip.attributes.PokitChipIconPosiion
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.search.R.string as SearchString
+
+@Composable
+internal fun RecentSearchWord(
+    onClickRemoveAll: () -> Unit = {},
+    onToggleAutoSave: () -> Unit = {},
+    useAutoSave: Boolean = true,
+    recentSearchWords: List<String> = emptyList(),
+    onClickRemoveSearchWord: (String) -> Unit = {},
+    onClickSearchWord: (String) -> Unit = {},
+) {
+    Column(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(start = 20.dp, end = 20.dp, top = 16.dp, bottom = 28.dp),
+        horizontalAlignment = Alignment.CenterHorizontally
+    ) {
+        Row(
+            modifier = Modifier.fillMaxWidth(),
+            verticalAlignment = Alignment.CenterVertically
+        ) {
+            Text(
+                text = stringResource(id = SearchString.recent_search_word),
+                style = PokitTheme.typography.body2Bold.copy(color = PokitTheme.colors.textPrimary)
+            )
+
+            Spacer(modifier = Modifier.weight(1f))
+
+            Text(
+                modifier = Modifier
+                    .clickable(
+                        indication = null,
+                        interactionSource = remember { MutableInteractionSource() },
+                        onClick = onClickRemoveAll
+                    )
+                    .padding(4.dp),
+                text = stringResource(id = SearchString.remove_all),
+                style = PokitTheme.typography.body3Medium.copy(color = PokitTheme.colors.textTertiary)
+            )
+
+            Text(
+                text = "|",
+                style = PokitTheme.typography.body3Medium.copy(color = PokitTheme.colors.textTertiary)
+            )
+
+            Text(
+                modifier = Modifier
+                    .clickable(
+                        indication = null,
+                        interactionSource = remember { MutableInteractionSource() },
+                        onClick = onToggleAutoSave
+                    )
+                    .padding(4.dp),
+                text = stringResource(
+                    id = if (useAutoSave) SearchString.off_use_auto_save else SearchString.on_auto_save
+                ),
+                style = PokitTheme.typography.body3Medium.copy(color = PokitTheme.colors.textTertiary)
+            )
+        }
+
+        Spacer(modifier = Modifier.height(20.dp))
+
+        if (!useAutoSave) {
+            Text(
+                modifier = Modifier.fillMaxWidth().padding(vertical = 7.dp),
+                textAlign = TextAlign.Center,
+                text = stringResource(id = SearchString.describe_auto_save_is_off),
+                style = PokitTheme.typography.body3Regular.copy(color = PokitTheme.colors.textTertiary)
+            )
+        } else if (recentSearchWords.isEmpty()) {
+            Text(
+                modifier = Modifier.fillMaxWidth().padding(vertical = 7.dp),
+                textAlign = TextAlign.Center,
+                text = stringResource(id = SearchString.describe_recent_search_word_is_empty),
+                style = PokitTheme.typography.body3Regular.copy(color = PokitTheme.colors.textTertiary)
+            )
+        } else {
+            LazyRow(
+                modifier = Modifier.fillMaxWidth(),
+                horizontalArrangement = Arrangement.spacedBy(6.dp)
+            ) {
+                items(recentSearchWords) { searchWord ->
+                    PokitChip(
+                        data = searchWord,
+                        text = searchWord,
+                        removeIconPosition = PokitChipIconPosiion.RIGHT,
+                        onClickRemove = onClickRemoveSearchWord,
+                        onClickItem = onClickSearchWord
+                    )
+                }
+            }
+        }
+    }
+}
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/components/searchitemlist/SearchItemList.kt b/feature/search/src/main/java/pokitmons/pokit/search/components/searchitemlist/SearchItemList.kt
new file mode 100644
index 00000000..75ec7004
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/components/searchitemlist/SearchItemList.kt
@@ -0,0 +1,103 @@
+package pokitmons.pokit.search.components.searchitemlist
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.items
+import androidx.compose.foundation.lazy.rememberLazyListState
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.derivedStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.ColorFilter
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import coil.compose.rememberAsyncImagePainter
+import pokitmons.pokit.core.ui.components.block.linkcard.LinkCard
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.search.model.Link
+import pokitmons.pokit.search.paging.SimplePagingState
+import pokitmons.pokit.core.ui.R.drawable as coreDrawable
+import pokitmons.pokit.search.R.string as SearchString
+
+@Composable
+internal fun SearchItemList(
+    modifier: Modifier = Modifier,
+    onToggleSort: () -> Unit = {},
+    useRecentOrder: Boolean = true,
+    links: List<Link> = emptyList(),
+    linkPagingState: SimplePagingState = SimplePagingState.IDLE,
+    onClickLinkKebab: (Link) -> Unit = {},
+    onClickLink: (Link) -> Unit = {},
+    loadNextLinks: () -> Unit = {},
+) {
+    val linkLazyColumnListState = rememberLazyListState()
+    val startLinkPaging = remember {
+        derivedStateOf {
+            linkLazyColumnListState.layoutInfo.visibleItemsInfo.lastOrNull()?.let { last ->
+                last.index >= linkLazyColumnListState.layoutInfo.totalItemsCount - 3
+            } ?: false
+        }
+    }
+
+    LaunchedEffect(startLinkPaging.value) {
+        if (startLinkPaging.value && linkPagingState == SimplePagingState.IDLE) {
+            loadNextLinks()
+        }
+    }
+
+    Column(
+        modifier = modifier
+    ) {
+        Row(
+            modifier = Modifier
+                .padding(start = 12.dp, top = 16.dp)
+                .clickable(
+                    indication = null,
+                    interactionSource = remember { MutableInteractionSource() },
+                    onClick = onToggleSort
+                )
+                .padding(all = 8.dp),
+            verticalAlignment = Alignment.CenterVertically
+        ) {
+            Image(
+                modifier = Modifier.size(18.dp),
+                painter = painterResource(id = coreDrawable.icon_24_align),
+                contentDescription = "change sort order",
+                colorFilter = ColorFilter.tint(color = PokitTheme.colors.iconPrimary)
+            )
+
+            Text(
+                text = stringResource(id = if (useRecentOrder) SearchString.sort_order_recent else SearchString.sort_order_older),
+                style = PokitTheme.typography.body3Medium.copy(color = PokitTheme.colors.textSecondary)
+            )
+        }
+
+        LazyColumn(
+            state = linkLazyColumnListState
+        ) {
+            items(links) { link ->
+                LinkCard(
+                    item = link,
+                    title = link.title,
+                    sub = "${link.dateString} · ${link.domainUrl}",
+                    painter = rememberAsyncImagePainter(link.imageUrl),
+                    notRead = !link.isRead,
+                    badgeText = link.pokitName,
+                    onClickKebab = onClickLinkKebab,
+                    onClickItem = onClickLink,
+                    modifier = Modifier.padding(20.dp)
+                )
+            }
+        }
+    }
+}
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/components/toolbar/Toolbar.kt b/feature/search/src/main/java/pokitmons/pokit/search/components/toolbar/Toolbar.kt
new file mode 100644
index 00000000..40dc69b0
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/components/toolbar/Toolbar.kt
@@ -0,0 +1,86 @@
+package pokitmons.pokit.search.components.toolbar
+
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.text.KeyboardActions
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.platform.LocalFocusManager
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.atom.input.PokitInput
+import pokitmons.pokit.core.ui.components.atom.input.attributes.PokitInputIcon
+import pokitmons.pokit.core.ui.components.atom.input.attributes.PokitInputIconPosition
+import pokitmons.pokit.core.ui.components.atom.input.attributes.PokitInputShape
+import pokitmons.pokit.core.ui.R.drawable as coreDrawable
+import pokitmons.pokit.search.R.string as SearchString
+
+@Composable
+internal fun Toolbar(
+    onClickBack: () -> Unit = {},
+    inputSearchWord: (String) -> Unit = {},
+    currentSearchWord: String = "",
+    onClickSearch: () -> Unit = {},
+    onClickRemove: () -> Unit = {},
+) {
+    val focusManager = LocalFocusManager.current
+    val focusRequester = remember { FocusRequester() }
+
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(horizontal = 12.dp, vertical = 8.dp),
+        verticalAlignment = Alignment.CenterVertically
+    ) {
+        IconButton(
+            modifier = Modifier.size(40.dp),
+            onClick = onClickBack
+        ) {
+            Icon(
+                modifier = Modifier.size(24.dp),
+                painter = painterResource(id = coreDrawable.icon_24_arrow_left),
+                contentDescription = "back button"
+            )
+        }
+
+        Spacer(modifier = Modifier.width(4.dp))
+
+        PokitInput(
+            text = currentSearchWord,
+            hintText = stringResource(id = SearchString.placeholder_input_search_word),
+            onChangeText = inputSearchWord,
+            shape = PokitInputShape.ROUND,
+            icon = if (currentSearchWord.isNotEmpty()) {
+                PokitInputIcon(
+                    position = PokitInputIconPosition.RIGHT,
+                    resourceId = coreDrawable.icon_24_x
+                )
+            } else {
+                null
+            },
+            onClickIcon = remember {
+                {
+                    onClickRemove()
+                    focusRequester.requestFocus()
+                }
+            },
+            keyboardActions = remember {
+                KeyboardActions {
+                    onClickSearch()
+                    focusManager.clearFocus()
+                }
+            },
+            focusRequester = focusRequester
+        )
+    }
+}
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/model/CalendarCell.kt b/feature/search/src/main/java/pokitmons/pokit/search/model/CalendarCell.kt
new file mode 100644
index 00000000..a19b2db3
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/model/CalendarCell.kt
@@ -0,0 +1,8 @@
+package pokitmons.pokit.search.model
+
+data class CalendarCell(
+    val date: Date = Date(),
+    val selected: Boolean = false,
+    val inSelectRange: Boolean = false,
+    val currentMonth: Boolean = true,
+)
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/model/CalendarPage.kt b/feature/search/src/main/java/pokitmons/pokit/search/model/CalendarPage.kt
new file mode 100644
index 00000000..92a20ebb
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/model/CalendarPage.kt
@@ -0,0 +1,41 @@
+package pokitmons.pokit.search.model
+
+import java.util.Calendar
+
+data class CalendarPage(
+    val year: Int,
+    val month: Int,
+) {
+    constructor(date: Date?) : this(
+        year = date?.year ?: Calendar.getInstance().get(Calendar.YEAR),
+        month = date?.month ?: (Calendar.getInstance().get(Calendar.MONTH) + 1)
+    )
+
+    fun prevPage(): CalendarPage {
+        return if (month == 1) {
+            CalendarPage(
+                year = year - 1,
+                month = 12
+            )
+        } else {
+            CalendarPage(
+                year = year,
+                month = month - 1
+            )
+        }
+    }
+
+    fun nextPage(): CalendarPage {
+        return if (month == 12) {
+            CalendarPage(
+                year = year + 1,
+                month = 1
+            )
+        } else {
+            CalendarPage(
+                year = year,
+                month = month + 1
+            )
+        }
+    }
+}
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/model/Date.kt b/feature/search/src/main/java/pokitmons/pokit/search/model/Date.kt
new file mode 100644
index 00000000..9e536132
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/model/Date.kt
@@ -0,0 +1,19 @@
+package pokitmons.pokit.search.model
+
+data class Date(
+    val year: Int = 2024,
+    val month: Int = 1,
+    val day: Int = 1,
+) : Comparable<Date> {
+    override fun compareTo(other: Date): Int {
+        return compareValuesBy(this, other, { it.year }, { it.month }, { it.day })
+    }
+
+    override fun toString(): String {
+        return "${year % 1000}.$month.$day"
+    }
+
+    fun toDateString(): String {
+        return "%d-%02d-%02d".format(year, month, day)
+    }
+}
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/model/Filter.kt b/feature/search/src/main/java/pokitmons/pokit/search/model/Filter.kt
new file mode 100644
index 00000000..aad44146
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/model/Filter.kt
@@ -0,0 +1,39 @@
+package pokitmons.pokit.search.model
+
+import androidx.compose.runtime.Immutable
+import pokitmons.pokit.search.R
+
+@Immutable
+data class Filter(
+    val selectedPokits: List<Pokit> = emptyList(),
+    val bookmark: Boolean = false,
+    val notRead: Boolean = false,
+    val startDate: Date? = null,
+    val endDate: Date? = null,
+) {
+    fun addPokit(pokit: Pokit): Filter {
+        return if (selectedPokits.contains(pokit)) {
+            this
+        } else {
+            this.copy(selectedPokits = listOf(pokit) + selectedPokits)
+        }
+    }
+
+    fun getDateString(): String? {
+        return if (startDate != null && endDate != null) {
+            "$startDate~$endDate"
+        } else if (startDate != null) {
+            "$startDate"
+        } else {
+            null
+        }
+    }
+
+    companion object {
+        val DefaultFilter = Filter()
+    }
+}
+
+enum class FilterType(val stringResourceId: Int, val index: Int) {
+    Pokit(R.string.pokit, 0), Collect(R.string.collect_show, 1), Period(R.string.period, 2)
+}
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/model/Link.kt b/feature/search/src/main/java/pokitmons/pokit/search/model/Link.kt
new file mode 100644
index 00000000..cb03f5e9
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/model/Link.kt
@@ -0,0 +1,35 @@
+package pokitmons.pokit.search.model
+
+import pokitmons.pokit.domain.model.link.Link as DomainLink
+
+data class Link(
+    val id: String = "",
+    val title: String = "",
+    val dateString: String = "",
+    val domainUrl: String = "",
+    val isRead: Boolean = false,
+    val pokitName: String = "",
+    val pokitId: String = "",
+    val url: String = "",
+    val memo: String = "",
+    val bookmark: Boolean = false,
+    val imageUrl: String? = null,
+) {
+    companion object {
+        fun fromDomainLink(domainLink: DomainLink): Link {
+            return Link(
+                id = domainLink.id.toString(),
+                title = domainLink.title,
+                dateString = domainLink.createdAt,
+                domainUrl = domainLink.domain,
+                isRead = domainLink.isRead,
+                url = domainLink.data,
+                memo = domainLink.memo,
+                imageUrl = domainLink.thumbnail,
+                bookmark = domainLink.favorites,
+                pokitName = domainLink.categoryName,
+                pokitId = domainLink.categoryId.toString()
+            )
+        }
+    }
+}
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/model/Pokit.kt b/feature/search/src/main/java/pokitmons/pokit/search/model/Pokit.kt
new file mode 100644
index 00000000..99072c5c
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/model/Pokit.kt
@@ -0,0 +1,25 @@
+package pokitmons.pokit.search.model
+
+data class Pokit(
+    val title: String = "",
+    val id: String = "",
+    val count: Int = 0,
+) {
+    companion object {
+        fun fromDomainPokit(pokit: pokitmons.pokit.domain.model.pokit.Pokit): Pokit {
+            return Pokit(
+                title = pokit.name,
+                id = pokit.categoryId.toString(),
+                count = pokit.linkCount
+            )
+        }
+    }
+}
+
+internal val samplePokits = listOf(
+    Pokit(title = "안드로이드", id = "1", count = 2),
+    Pokit(title = "IOS", id = "2", count = 2),
+    Pokit(title = "디자인", id = "3", count = 2),
+    Pokit(title = "PM", id = "4", count = 1),
+    Pokit(title = "서버", id = "5", count = 2)
+)
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/model/SearchScreenState.kt b/feature/search/src/main/java/pokitmons/pokit/search/model/SearchScreenState.kt
new file mode 100644
index 00000000..898a5d19
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/model/SearchScreenState.kt
@@ -0,0 +1,23 @@
+package pokitmons.pokit.search.model
+
+data class SearchScreenState(
+    val step: SearchScreenStep = SearchScreenStep.INPUT,
+    val filter: Filter? = null,
+    val recentSearchWords: List<String> = emptyList(),
+    val useRecentSearchWord: Boolean = false,
+    val showFilterBottomSheet: Boolean = false,
+    val firstBottomSheetFilterType: FilterType = FilterType.Pokit,
+    val showLinkDetailBottomSheet: Boolean = false,
+    val linkBottomSheetType: BottomSheetType? = null,
+    val sortRecent: Boolean = true,
+    val currentTargetLink: Link? = null,
+    val currentDetailLink: Link? = null,
+)
+
+enum class SearchScreenStep {
+    INPUT, RESULT
+}
+
+enum class BottomSheetType {
+    MODIFY, REMOVE
+}
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/paging/LinkPaging.kt b/feature/search/src/main/java/pokitmons/pokit/search/paging/LinkPaging.kt
new file mode 100644
index 00000000..54e31ec0
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/paging/LinkPaging.kt
@@ -0,0 +1,160 @@
+package pokitmons.pokit.search.paging
+
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.Job
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.flow.update
+import kotlinx.coroutines.launch
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.usecase.link.SearchLinksUseCase
+import pokitmons.pokit.search.model.Filter
+import pokitmons.pokit.search.model.Link
+import kotlin.coroutines.cancellation.CancellationException
+
+class LinkPaging(
+    private val searchLinksUseCase: SearchLinksUseCase,
+    private val perPage: Int = 10,
+    private val coroutineScope: CoroutineScope = CoroutineScope(Dispatchers.IO),
+    private val initPage: Int = 0,
+    private val firstRequestPage: Int = 3,
+    private var filter: Filter,
+    private var searchWord: String = "",
+    private var recentSort: Boolean = true,
+) : SimplePaging<Link> {
+
+    private val _pagingState: MutableStateFlow<SimplePagingState> = MutableStateFlow(SimplePagingState.IDLE)
+    override val pagingState: StateFlow<SimplePagingState> = _pagingState.asStateFlow()
+
+    private val _pagingData: MutableStateFlow<List<Link>> = MutableStateFlow(emptyList())
+    override val pagingData: StateFlow<List<Link>> = _pagingData.asStateFlow()
+
+    private var currentPageIndex = initPage
+    private var requestJob: Job? = null
+
+    fun changeFilter(filter: Filter) {
+        this.filter = filter
+    }
+
+    fun changeSearchWord(searchWord: String) {
+        this.searchWord = searchWord
+    }
+
+    fun changeRecentSort(recentSort: Boolean) {
+        this.recentSort = recentSort
+    }
+
+    override suspend fun refresh() {
+        requestJob?.cancel()
+
+        _pagingData.update { emptyList() }
+        _pagingState.update { SimplePagingState.LOADING_INIT }
+        requestJob = coroutineScope.launch {
+            try {
+                currentPageIndex = initPage
+                val response = searchLinksUseCase.searchLinks(
+                    page = currentPageIndex,
+                    size = perPage * firstRequestPage,
+                    sort = listOf(),
+                    isRead = if (filter.notRead) false else null,
+                    favorites = if (filter.bookmark) true else null,
+                    startDate = filter.startDate?.toDateString(),
+                    endDate = filter.endDate?.toDateString(),
+                    categoryIds = filter.selectedPokits.mapNotNull { it.id.toIntOrNull() },
+                    searchWord = searchWord
+                )
+                when (response) {
+                    is PokitResult.Success -> {
+                        val links = response.result.map { domainLink ->
+                            Link.fromDomainLink(domainLink)
+                        }
+                        applyResponse(links, firstRequestPage)
+                    }
+                    is PokitResult.Error -> {
+                        _pagingState.update { SimplePagingState.FAILURE_INIT }
+                    }
+                }
+            } catch (exception: Exception) {
+                if (exception !is CancellationException) {
+                    _pagingState.update { SimplePagingState.FAILURE_INIT }
+                }
+            }
+        }
+    }
+
+    override suspend fun load() {
+        if (pagingState.value != SimplePagingState.IDLE) return
+
+        requestJob?.cancel()
+        _pagingState.update { SimplePagingState.LOADING_NEXT }
+
+        requestJob = coroutineScope.launch {
+            try {
+                val response = searchLinksUseCase.searchLinks(
+                    page = currentPageIndex,
+                    size = perPage,
+                    sort = listOf(),
+                    isRead = if (filter.notRead) false else null,
+                    favorites = if (filter.bookmark) true else null,
+                    startDate = filter.startDate?.toDateString(),
+                    endDate = filter.endDate?.toDateString(),
+                    categoryIds = filter.selectedPokits.mapNotNull { it.id.toIntOrNull() },
+                    searchWord = searchWord
+                )
+                when (response) {
+                    is PokitResult.Success -> {
+                        val links = response.result.map { domainLink ->
+                            Link.fromDomainLink(domainLink)
+                        }
+                        applyResponse(links)
+                    }
+                    is PokitResult.Error -> {
+                        _pagingState.update { SimplePagingState.FAILURE_INIT }
+                    }
+                }
+            } catch (exception: Exception) {
+                if (exception !is CancellationException) {
+                    _pagingState.update { SimplePagingState.FAILURE_NEXT }
+                }
+            }
+        }
+    }
+
+    private fun applyResponse(dataInResponse: List<Link>, multiple: Int = 1) {
+        if (dataInResponse.size < perPage * multiple) {
+            _pagingState.update { SimplePagingState.LAST }
+        } else {
+            _pagingState.update { SimplePagingState.IDLE }
+        }
+        _pagingData.update { _pagingData.value + dataInResponse }
+        currentPageIndex += multiple
+    }
+
+    override fun clear() {
+        requestJob?.cancel()
+        _pagingData.update { emptyList() }
+        _pagingState.update { SimplePagingState.IDLE }
+    }
+
+    override suspend fun deleteItem(item: Link) {
+        val capturedDataList = _pagingData.value
+        _pagingData.update { capturedDataList.filter { it.id != item.id } }
+    }
+
+    override suspend fun modifyItem(item: Link) {
+        val capturedDataList = _pagingData.value
+        val targetPokit = capturedDataList.find { it.id == item.id } ?: return
+
+        _pagingData.update {
+            capturedDataList.map { pokit ->
+                if (targetPokit.id == pokit.id) {
+                    item
+                } else {
+                    pokit
+                }
+            }
+        }
+    }
+}
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/paging/PokitPaging.kt b/feature/search/src/main/java/pokitmons/pokit/search/paging/PokitPaging.kt
new file mode 100644
index 00000000..b3a6ae54
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/paging/PokitPaging.kt
@@ -0,0 +1,124 @@
+package pokitmons.pokit.search.paging
+
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.Job
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.flow.update
+import kotlinx.coroutines.launch
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.usecase.pokit.GetPokitsUseCase
+import pokitmons.pokit.search.model.Pokit
+import kotlin.coroutines.cancellation.CancellationException
+
+class PokitPaging(
+    private val getPokits: GetPokitsUseCase,
+    private val perPage: Int = 10,
+    private val coroutineScope: CoroutineScope = CoroutineScope(Dispatchers.IO),
+    private val initPage: Int = 0,
+    private val firstRequestPage: Int = 3,
+) : SimplePaging<Pokit> {
+    private val _pagingState = MutableStateFlow(SimplePagingState.IDLE)
+    override val pagingState: StateFlow<SimplePagingState> = _pagingState.asStateFlow()
+
+    private val _pagingData: MutableStateFlow<List<Pokit>> = MutableStateFlow(emptyList())
+    override val pagingData: StateFlow<List<Pokit>> = _pagingData.asStateFlow()
+    private var currentPageIndex = initPage
+    private var requestJob: Job? = null
+
+    override suspend fun refresh() {
+        requestJob?.cancel()
+
+        _pagingData.update { emptyList() }
+        _pagingState.update { SimplePagingState.LOADING_INIT }
+        requestJob = coroutineScope.launch {
+            try {
+                currentPageIndex = initPage
+                val response = getPokits.getPokits(size = perPage * firstRequestPage, page = currentPageIndex)
+                when (response) {
+                    is PokitResult.Success -> {
+                        val pokitList = response.result.map { domainPokit ->
+                            Pokit.fromDomainPokit(domainPokit)
+                        }
+                        applyResponse(pokitList, firstRequestPage)
+                    }
+
+                    is PokitResult.Error -> {
+                        _pagingState.update { SimplePagingState.FAILURE_INIT }
+                    }
+                }
+            } catch (exception: Exception) {
+                if (exception !is CancellationException) {
+                    _pagingState.update { SimplePagingState.FAILURE_INIT }
+                }
+            }
+        }
+    }
+
+    override suspend fun load() {
+        if (pagingState.value != SimplePagingState.IDLE) return
+
+        requestJob?.cancel()
+        _pagingState.update { SimplePagingState.LOADING_NEXT }
+
+        requestJob = coroutineScope.launch {
+            try {
+                val response = getPokits.getPokits(size = perPage, page = currentPageIndex)
+                when (response) {
+                    is PokitResult.Success -> {
+                        val pokitList = response.result.map { domainPokit ->
+                            Pokit.fromDomainPokit(domainPokit)
+                        }
+                        applyResponse(pokitList)
+                    }
+
+                    is PokitResult.Error -> {
+                        _pagingState.update { SimplePagingState.FAILURE_NEXT }
+                    }
+                }
+            } catch (exception: Exception) {
+                if (exception !is CancellationException) {
+                    _pagingState.update { SimplePagingState.FAILURE_NEXT }
+                }
+            }
+        }
+    }
+
+    private fun applyResponse(dataInResponse: List<Pokit>, multiple: Int = 1) {
+        if (dataInResponse.size < perPage * multiple) {
+            _pagingState.update { SimplePagingState.LAST }
+        } else {
+            _pagingState.update { SimplePagingState.IDLE }
+        }
+        _pagingData.update { _pagingData.value + dataInResponse }
+        currentPageIndex += multiple
+    }
+
+    override fun clear() {
+        requestJob?.cancel()
+        _pagingData.update { emptyList() }
+        _pagingState.update { SimplePagingState.IDLE }
+    }
+
+    override suspend fun deleteItem(item: Pokit) {
+        val capturedDataList = _pagingData.value
+        _pagingData.update { capturedDataList.filter { it.id != item.id } }
+    }
+
+    override suspend fun modifyItem(item: Pokit) {
+        val capturedDataList = _pagingData.value
+        val targetPokit = capturedDataList.find { it.id == item.id } ?: return
+
+        _pagingData.update {
+            capturedDataList.map { pokit ->
+                if (targetPokit.id == pokit.id) {
+                    item
+                } else {
+                    pokit
+                }
+            }
+        }
+    }
+}
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/paging/SimplePaging.kt b/feature/search/src/main/java/pokitmons/pokit/search/paging/SimplePaging.kt
new file mode 100644
index 00000000..b80d630c
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/paging/SimplePaging.kt
@@ -0,0 +1,13 @@
+package pokitmons.pokit.search.paging
+
+import kotlinx.coroutines.flow.Flow
+
+interface SimplePaging<T> {
+    val pagingData: Flow<List<T>>
+    suspend fun refresh()
+    suspend fun load()
+    val pagingState: Flow<SimplePagingState>
+    suspend fun modifyItem(item: T)
+    suspend fun deleteItem(item: T)
+    fun clear()
+}
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/paging/SimplePagingState.kt b/feature/search/src/main/java/pokitmons/pokit/search/paging/SimplePagingState.kt
new file mode 100644
index 00000000..50a931f1
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/paging/SimplePagingState.kt
@@ -0,0 +1,5 @@
+package pokitmons.pokit.search.paging
+
+enum class SimplePagingState {
+    IDLE, LOADING_NEXT, LOADING_INIT, FAILURE_NEXT, FAILURE_INIT, LAST
+}
diff --git a/feature/search/src/main/java/pokitmons/pokit/search/utils/CalendarUtils.kt b/feature/search/src/main/java/pokitmons/pokit/search/utils/CalendarUtils.kt
new file mode 100644
index 00000000..0e0c3297
--- /dev/null
+++ b/feature/search/src/main/java/pokitmons/pokit/search/utils/CalendarUtils.kt
@@ -0,0 +1,115 @@
+package pokitmons.pokit.search.utils
+
+import pokitmons.pokit.search.R
+import pokitmons.pokit.search.model.CalendarCell
+import pokitmons.pokit.search.model.Date
+import java.util.Calendar
+
+fun getCells(
+    year: Int,
+    month: Int,
+    startDate: Date?,
+    endDate: Date?,
+): List<CalendarCell> {
+    val cells = getDefaultCalendarCells(year = year, month = month)
+    if (startDate == null && endDate == null) {
+        return cells
+    }
+
+    val changedCells = cells.map { cell ->
+        if (cell.date == startDate || cell.date == endDate) {
+            cell.copy(selected = true)
+        } else if (startDate != null && endDate != null && cell.date > startDate && cell.date < endDate) {
+            cell.copy(inSelectRange = true)
+        } else {
+            cell
+        }
+    }
+
+    return changedCells
+}
+
+private fun getDayAmountOfMonth(year: Int, month: Int): Int {
+    return when (month) {
+        2 -> {
+            if (year % 4 != 0 || (year % 100 == 0 && year % 400 != 0)) {
+                28
+            } else {
+                29
+            }
+        }
+
+        in listOf(1, 3, 5, 7, 8, 10, 12) -> {
+            31
+        }
+
+        else -> {
+            30
+        }
+    }
+}
+
+/**
+ * 달력 상에서 이전달에 해당하는 요일의 리스트를 리턴합니다.
+ */
+private fun lastDaysOfPrevMonth(year: Int, month: Int): List<Int> {
+    val calendar = Calendar.getInstance()
+    val prevMonthIndex = month - 1
+
+    calendar.set(Calendar.YEAR, year)
+    calendar.set(Calendar.MONTH, prevMonthIndex)
+    calendar.set(Calendar.DAY_OF_MONTH, 1)
+
+    val prevMonth = if (prevMonthIndex == 0) {
+        12
+    } else {
+        prevMonthIndex
+    }
+
+    val startDayOfWeek = calendar.get(Calendar.DAY_OF_WEEK)
+    val amountOfDayOfPrevMonth = getDayAmountOfMonth(year, prevMonth)
+
+    return List(startDayOfWeek - 1) { i -> amountOfDayOfPrevMonth - (startDayOfWeek - 2 - i) }
+}
+
+/**
+ * 달력 상에서 다음달에 해당하는 요일의 리스트를 리턴합니다.
+ */
+private fun firstDaysOfNextMonth(year: Int, month: Int): List<Int> {
+    val calendar = Calendar.getInstance()
+
+    calendar.set(Calendar.YEAR, year)
+    calendar.set(Calendar.MONTH, month)
+    calendar.set(Calendar.DAY_OF_MONTH, 1)
+
+    val startDayOfWeek = calendar.get(Calendar.DAY_OF_WEEK)
+
+    return List(8 - startDayOfWeek) { it + 1 }
+}
+
+private fun getDefaultCalendarCells(year: Int, month: Int): List<CalendarCell> {
+    val lastMonthCells = lastDaysOfPrevMonth(year, month).map { day ->
+        if (month == 1) {
+            CalendarCell(date = Date(year = year - 1, month = 12, day = day), currentMonth = false)
+        } else {
+            CalendarCell(date = Date(year = year, month = month - 1, day = day), currentMonth = false)
+        }
+    }
+
+    val datOfMonth = getDayAmountOfMonth(year, month)
+    val currentMonthCells = (1..datOfMonth).map { day ->
+        CalendarCell(date = Date(year = year, month = month, day = day), currentMonth = true)
+    }
+
+    val nextMonthCells = firstDaysOfNextMonth(year, month).map { day ->
+        if (month == 12) {
+            CalendarCell(date = Date(year = year + 1, month = 1, day = day), currentMonth = false)
+        } else {
+            CalendarCell(date = Date(year = year, month = month + 1, day = day), currentMonth = false)
+        }
+    }
+
+    return lastMonthCells + currentMonthCells + nextMonthCells
+}
+
+val weekDayStringResources = listOf(R.string.SUN, R.string.MON, R.string.TUE, R.string.WED, R.string.THU, R.string.FRI, R.string.SAT)
diff --git a/feature/search/src/main/res/values/string.xml b/feature/search/src/main/res/values/string.xml
new file mode 100644
index 00000000..90377eb6
--- /dev/null
+++ b/feature/search/src/main/res/values/string.xml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="placeholder_input_search_word">내용을 입력해주세요.</string>
+    
+    <string name="recent_search_word">최근 검색어</string>
+    <string name="remove_all">전체 삭제</string>
+    <string name="on_auto_save">자동 저장 켜기</string>
+    <string name="off_use_auto_save">자동 저장 끄기</string>
+    <string name="describe_auto_save_is_off">최근 검색 저장 기능이 꺼져있습니다.</string>
+    <string name="describe_recent_search_word_is_empty">검색 내역이 없습니다.</string>
+
+    <string name="sort_order_recent">최신순</string>
+    <string name="sort_order_older">오래된순</string>
+
+    <string name="text">텍스트</string>
+
+    <string name="filter">필터</string>
+    <string name="pokit_name">포킷명</string>
+    <string name="pokit">포킷</string>
+    <string name="period">기간</string>
+    <string name="collect_show">모아보기</string>
+    <string name="bookmark">즐겨찾기</string>
+    <string name="not_read">안읽음</string>
+    <string name="search">검색하기</string>
+
+    <string name="MON">월</string>
+    <string name="TUE">화</string>
+    <string name="WED">수</string>
+    <string name="THU">목</string>
+    <string name="FRI">금</string>
+    <string name="SAT">토</string>
+    <string name="SUN">일</string>
+
+    <string name="format_calendar">%d년 %d월</string>
+
+    <string name="title_remove_link">링크를 정말 삭제하시겠습니까?</string>
+    <string name="sub_remove_link">함께 저장한 모든 정보가 삭제되며,\n복구하실 수 없습니다.</string>
+</resources>
\ No newline at end of file
diff --git a/feature/search/src/test/java/pokitmons/pokit/search/ExampleUnitTest.kt b/feature/search/src/test/java/pokitmons/pokit/search/ExampleUnitTest.kt
new file mode 100644
index 00000000..44a19e7b
--- /dev/null
+++ b/feature/search/src/test/java/pokitmons/pokit/search/ExampleUnitTest.kt
@@ -0,0 +1,16 @@
+package pokitmons.pokit.search
+
+import org.junit.Assert.assertEquals
+import org.junit.Test
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+class ExampleUnitTest {
+    @Test
+    fun addition_isCorrect() {
+        assertEquals(4, 2 + 2)
+    }
+}
diff --git a/feature/settings/build.gradle.kts b/feature/settings/build.gradle.kts
new file mode 100644
index 00000000..ff2bb5e9
--- /dev/null
+++ b/feature/settings/build.gradle.kts
@@ -0,0 +1,74 @@
+plugins {
+    alias(libs.plugins.com.android.library)
+    alias(libs.plugins.org.jetbrains.kotlin.android)
+    alias(libs.plugins.hilt)
+    id("kotlin-kapt")
+}
+
+android {
+    namespace = "pokitmons.pokit.settings"
+    compileSdk = 34
+
+    defaultConfig {
+        minSdk = 24
+
+        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+        consumerProguardFiles("consumer-rules.pro")
+    }
+
+    buildFeatures {
+        compose = true
+    }
+
+    composeOptions {
+        kotlinCompilerExtensionVersion = "1.5.1"
+    }
+
+    buildTypes {
+        release {
+            isMinifyEnabled = false
+            proguardFiles(
+                getDefaultProguardFile("proguard-android-optimize.txt"),
+                "proguard-rules.pro"
+            )
+        }
+    }
+    compileOptions {
+        sourceCompatibility = JavaVersion.VERSION_1_8
+        targetCompatibility = JavaVersion.VERSION_1_8
+    }
+    kotlinOptions {
+        jvmTarget = "1.8"
+    }
+}
+
+dependencies {
+    implementation(libs.androidx.core.ktx)
+    implementation(libs.androidx.lifecycle.runtime.ktx)
+    implementation(libs.androidx.activity.compose)
+    implementation(platform(libs.androidx.compose.bom))
+    implementation(libs.androidx.ui)
+    implementation(libs.androidx.ui.graphics)
+    implementation(libs.androidx.ui.tooling.preview)
+    implementation(libs.androidx.material3)
+    implementation(libs.androidx.navigation.compose)
+    testImplementation(libs.junit)
+    androidTestImplementation(libs.androidx.junit)
+    androidTestImplementation(libs.androidx.espresso.core)
+    androidTestImplementation(platform(libs.androidx.compose.bom))
+    androidTestImplementation(libs.androidx.ui.test.junit4)
+    debugImplementation(libs.androidx.ui.tooling)
+    debugImplementation(libs.androidx.ui.test.manifest)
+
+    implementation(project(":core:ui"))
+    implementation(project(":domain"))
+    implementation(project(":feature:login"))
+
+    // hilt
+    implementation(libs.hilt)
+    kapt(libs.hilt.compiler)
+
+    // navigation
+    implementation(libs.androidx.navigation.compose)
+    implementation(libs.hilt.navigation.compose)
+}
diff --git a/feature/settings/proguard-rules.pro b/feature/settings/proguard-rules.pro
new file mode 100644
index 00000000..481bb434
--- /dev/null
+++ b/feature/settings/proguard-rules.pro
@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
\ No newline at end of file
diff --git a/feature/settings/src/androidTest/java/pokitmons/pokit/settings/ExampleInstrumentedTest.kt b/feature/settings/src/androidTest/java/pokitmons/pokit/settings/ExampleInstrumentedTest.kt
new file mode 100644
index 00000000..69e8d671
--- /dev/null
+++ b/feature/settings/src/androidTest/java/pokitmons/pokit/settings/ExampleInstrumentedTest.kt
@@ -0,0 +1,22 @@
+package pokitmons.pokit.settings
+
+import androidx.test.ext.junit.runners.AndroidJUnit4
+import androidx.test.platform.app.InstrumentationRegistry
+import junit.framework.TestCase.assertEquals
+import org.junit.Test
+import org.junit.runner.RunWith
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+        assertEquals("pokitmons.pokit.settings.test", appContext.packageName)
+    }
+}
diff --git a/feature/settings/src/main/AndroidManifest.xml b/feature/settings/src/main/AndroidManifest.xml
new file mode 100644
index 00000000..a5918e68
--- /dev/null
+++ b/feature/settings/src/main/AndroidManifest.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+</manifest>
\ No newline at end of file
diff --git a/feature/settings/src/main/java/pokitmons/pokit/settings/SettingViewModel.kt b/feature/settings/src/main/java/pokitmons/pokit/settings/SettingViewModel.kt
new file mode 100644
index 00000000..95697815
--- /dev/null
+++ b/feature/settings/src/main/java/pokitmons/pokit/settings/SettingViewModel.kt
@@ -0,0 +1,136 @@
+package pokitmons.pokit.settings
+
+import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.mutableStateOf
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import dagger.hilt.android.lifecycle.HiltViewModel
+import kotlinx.coroutines.Job
+import kotlinx.coroutines.delay
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.flow.update
+import kotlinx.coroutines.launch
+import pokitmons.pokit.domain.commom.PokitResult
+import pokitmons.pokit.domain.usecase.auth.InputNicknameUseCase
+import pokitmons.pokit.domain.usecase.auth.TokenUseCase
+import pokitmons.pokit.domain.usecase.auth.WithdrawUseCase
+import pokitmons.pokit.domain.usecase.setting.EditNicknameUseCase
+import pokitmons.pokit.model.DuplicateNicknameState
+import javax.inject.Inject
+
+@HiltViewModel
+class SettingViewModel @Inject constructor(
+    private val nicknameUseCase: InputNicknameUseCase,
+    private val editNicknameUseCase: EditNicknameUseCase,
+    private val withdrawUseCase: WithdrawUseCase,
+    private val tokenUseCase: TokenUseCase,
+) : ViewModel() {
+    private var duplicateNicknameJob: Job? = null
+
+    private val _isBottomSheetVisible: MutableState<Boolean> = mutableStateOf(false)
+    val isBottomSheetVisible: Boolean
+        get() = _isBottomSheetVisible.value
+
+    var type: MutableState<String> = mutableStateOf("")
+        private set
+
+    private val _withdrawState: MutableStateFlow<SettingState> = MutableStateFlow(SettingState.Init)
+    val withdrawState: StateFlow<SettingState>
+        get() = _withdrawState.asStateFlow()
+
+    private val _editNicknameState: MutableStateFlow<EditNicknameState> = MutableStateFlow(EditNicknameState.Init)
+    val editNicknameState: StateFlow<EditNicknameState>
+        get() = _editNicknameState.asStateFlow()
+
+    private val _inputNicknameState = MutableStateFlow(DuplicateNicknameState())
+    val inputNicknameState: StateFlow<DuplicateNicknameState>
+        get() = _inputNicknameState.asStateFlow()
+
+    fun changeBottomSheetHideState(isShowing: Boolean) {
+        _isBottomSheetVisible.value = isShowing
+    }
+
+    fun inputText(inputNickname: String) {
+        _inputNicknameState.update { duplicateNicknameState ->
+            duplicateNicknameState.copy(nickname = inputNickname)
+        }
+    }
+
+    fun checkDuplicateNickname(nickname: String) {
+        duplicateNicknameJob?.cancel()
+        duplicateNicknameJob = viewModelScope.launch {
+            delay(0.5.second())
+            when (val duplicateNicknameResult = nicknameUseCase.checkDuplicateNickname(nickname)) {
+                is PokitResult.Success -> {
+                    _inputNicknameState.update { duplicateNicknameState ->
+                        duplicateNicknameState.copy(isDuplicate = duplicateNicknameResult.result.isDuplicate)
+                    }
+                }
+
+                is PokitResult.Error -> {}
+            }
+        }
+    }
+
+    fun editNickname() {
+        viewModelScope.launch {
+            when (val editNicknameResult = editNicknameUseCase.editNickname(_inputNicknameState.value.nickname)) {
+                is PokitResult.Success -> _editNicknameState.emit(EditNicknameState.Success)
+                is PokitResult.Error -> _editNicknameState.emit(EditNicknameState.Error(editNicknameResult.error.message))
+            }
+        }
+    }
+
+    fun withdraw() {
+        viewModelScope.launch {
+            when (val withdraw = withdrawUseCase.withdraw()) {
+                is PokitResult.Success -> {
+                    tokenUseCase.setAuthType("")
+                    tokenUseCase.setAccessToken("")
+                    _withdrawState.emit(SettingState.Withdraw)
+                }
+
+                is PokitResult.Error -> {
+                }
+            }
+        }
+    }
+
+    fun logout() {
+        viewModelScope.launch {
+            tokenUseCase.setAuthType("")
+            tokenUseCase.setAccessToken("")
+            _withdrawState.emit(SettingState.Logout)
+        }
+    }
+
+    fun setType(type: String) {
+        this.type.value = type
+    }
+
+    // TODO 확장함수 모듈 생성하기
+    companion object {
+        private fun Int.second(): Long {
+            return (this * 1000L)
+        }
+
+        private fun Double.second(): Long {
+            return (this * 1000L).toLong()
+        }
+    }
+}
+
+sealed class SettingState {
+    data object Init : SettingState()
+    data object Withdraw : SettingState()
+    data object Logout : SettingState()
+    data object Error : SettingState()
+}
+
+sealed class EditNicknameState {
+    data object Init : EditNicknameState()
+    data object Success : EditNicknameState()
+    data class Error(val message: String) : EditNicknameState()
+}
diff --git a/feature/settings/src/main/java/pokitmons/pokit/settings/nickname/EditNicknameScreen.kt b/feature/settings/src/main/java/pokitmons/pokit/settings/nickname/EditNicknameScreen.kt
new file mode 100644
index 00000000..ddbf82f4
--- /dev/null
+++ b/feature/settings/src/main/java/pokitmons/pokit/settings/nickname/EditNicknameScreen.kt
@@ -0,0 +1,88 @@
+package pokitmons.pokit.settings.nickname
+
+import android.widget.Toast
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.imePadding
+import androidx.compose.foundation.layout.padding
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.atom.button.PokitButton
+import pokitmons.pokit.core.ui.components.atom.button.attributes.PokitButtonSize
+import pokitmons.pokit.core.ui.components.block.labeledinput.LabeledInput
+import pokitmons.pokit.settings.EditNicknameState
+import pokitmons.pokit.settings.SettingViewModel
+import pokitmons.pokit.settings.R.string as StringResource
+
+private const val NICKNAME_MAX_LENGTH = 10 // TODO 매직넘버를 포함하는 모듈화 추가 후 마이그레이션 예정
+
+@Composable
+fun EditNicknameScreen(
+    settingViewModel: SettingViewModel,
+    onBackPressed: () -> Unit,
+) {
+    val inputNicknameState by settingViewModel.inputNicknameState.collectAsState()
+    val editNicknameState by settingViewModel.editNicknameState.collectAsState()
+    val context = LocalContext.current
+
+    when (editNicknameState) {
+        is EditNicknameState.Init -> Unit
+        is EditNicknameState.Success -> onBackPressed()
+        is EditNicknameState.Error -> Toast.makeText(context, (editNicknameState as EditNicknameState.Error).message, Toast.LENGTH_SHORT).show()
+    }
+
+    Box(
+        modifier = Modifier
+            .padding(start = 20.dp, end = 20.dp, bottom = 28.dp)
+            .fillMaxSize()
+    ) {
+        Column {
+            Spacer(modifier = Modifier.height(8.dp))
+            NicknameHeader(onBackPressed)
+            LabeledInput(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .imePadding(),
+                label = "",
+                inputText = inputNicknameState.nickname,
+                maxLength = NICKNAME_MAX_LENGTH,
+                sub = when {
+                    inputNicknameState.nickname.length < NICKNAME_MAX_LENGTH -> stringResource(id = StringResource.input_restriction_message)
+                    !inputNicknameState.isDuplicate -> stringResource(id = StringResource.nickname_already_in_use)
+                    else -> stringResource(id = StringResource.input_max_length)
+                },
+                isError = inputNicknameState.nickname.length > NICKNAME_MAX_LENGTH || !inputNicknameState.isDuplicate,
+                hintText = stringResource(id = StringResource.input_nickname_hint),
+                onChangeText = { text ->
+                    if (text.length <= NICKNAME_MAX_LENGTH) {
+                        settingViewModel.apply {
+                            inputText(text)
+                            checkDuplicateNickname(text)
+                        }
+                    }
+                }
+            )
+        }
+
+        PokitButton(
+            modifier = Modifier
+                .fillMaxWidth()
+                .align(Alignment.BottomCenter),
+            text = stringResource(id = StringResource.save),
+            icon = null,
+            size = PokitButtonSize.LARGE,
+            enable = !inputNicknameState.isDuplicate,
+            onClick = { settingViewModel.editNickname() }
+        )
+    }
+}
diff --git a/feature/settings/src/main/java/pokitmons/pokit/settings/nickname/NicknameHeader.kt b/feature/settings/src/main/java/pokitmons/pokit/settings/nickname/NicknameHeader.kt
new file mode 100644
index 00000000..fe03cafb
--- /dev/null
+++ b/feature/settings/src/main/java/pokitmons/pokit/settings/nickname/NicknameHeader.kt
@@ -0,0 +1,42 @@
+package pokitmons.pokit.settings.nickname
+
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.utils.noRippleClickable
+import pokitmons.pokit.core.ui.R.drawable as DrawableResource
+import pokitmons.pokit.settings.R.string as StringResource
+
+@Composable
+fun NicknameHeader(onBackPressed: () -> Unit) {
+    Box(
+        modifier = Modifier
+            .fillMaxWidth()
+            .height(56.dp)
+    ) {
+        Icon(
+            painter = painterResource(id = DrawableResource.icon_24_arrow_left),
+            contentDescription = null,
+            modifier = Modifier
+                .align(Alignment.CenterStart)
+                .noRippleClickable { onBackPressed() }
+                .size(24.dp)
+        )
+
+        Text(
+            text = stringResource(StringResource.edit_nickname_title),
+            style = PokitTheme.typography.title3,
+            modifier = Modifier.align(Alignment.Center)
+        )
+    }
+}
diff --git a/feature/settings/src/main/java/pokitmons/pokit/settings/setting/DividerItem.kt b/feature/settings/src/main/java/pokitmons/pokit/settings/setting/DividerItem.kt
new file mode 100644
index 00000000..f1e96d3d
--- /dev/null
+++ b/feature/settings/src/main/java/pokitmons/pokit/settings/setting/DividerItem.kt
@@ -0,0 +1,25 @@
+package pokitmons.pokit.settings.setting
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+fun DividerItem() {
+    Column(modifier = Modifier.fillMaxWidth()) {
+        Spacer(modifier = Modifier.height(16.dp))
+        Spacer(
+            modifier = Modifier
+                .height(6.dp)
+                .fillMaxWidth()
+                .background(color = PokitTheme.colors.backgroundPrimary)
+        )
+        Spacer(modifier = Modifier.height(16.dp))
+    }
+}
diff --git a/feature/settings/src/main/java/pokitmons/pokit/settings/setting/SettingHeader.kt b/feature/settings/src/main/java/pokitmons/pokit/settings/setting/SettingHeader.kt
new file mode 100644
index 00000000..53a0e259
--- /dev/null
+++ b/feature/settings/src/main/java/pokitmons/pokit/settings/setting/SettingHeader.kt
@@ -0,0 +1,46 @@
+package pokitmons.pokit.settings.setting
+
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.theme.PokitTheme
+import pokitmons.pokit.core.ui.utils.noRippleClickable
+import pokitmons.pokit.core.ui.R.drawable as DrawableResource
+import pokitmons.pokit.settings.R.string as StringResource
+
+@Composable
+fun SettingHeader(
+    onBackPressed: () -> Unit,
+) {
+    Box(
+        modifier = Modifier
+            .fillMaxWidth()
+            .height(56.dp)
+            .padding(start = 24.dp, end = 24.dp)
+    ) {
+        Icon(
+            painter = painterResource(id = DrawableResource.icon_24_arrow_left),
+            contentDescription = null,
+            modifier = Modifier
+                .align(Alignment.CenterStart)
+                .noRippleClickable { onBackPressed() }
+                .size(24.dp)
+        )
+
+        Text(
+            text = stringResource(StringResource.settings),
+            style = PokitTheme.typography.title3,
+            modifier = Modifier.align(Alignment.Center)
+        )
+    }
+}
diff --git a/feature/settings/src/main/java/pokitmons/pokit/settings/setting/SettingItem.kt b/feature/settings/src/main/java/pokitmons/pokit/settings/setting/SettingItem.kt
new file mode 100644
index 00000000..151a0aba
--- /dev/null
+++ b/feature/settings/src/main/java/pokitmons/pokit/settings/setting/SettingItem.kt
@@ -0,0 +1,54 @@
+package pokitmons.pokit.settings.setting
+
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.R
+import pokitmons.pokit.core.ui.theme.PokitTheme
+
+@Composable
+fun SettingItem(
+    title: String,
+    onClick: () -> Unit,
+) {
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .height(56.dp)
+            .padding(start = 24.dp, end = 24.dp)
+            .clickable(
+                indication = null,
+                interactionSource = remember { MutableInteractionSource() }
+            ) {
+                onClick()
+            },
+        verticalAlignment = Alignment.CenterVertically
+    ) {
+        Text(
+            text = title,
+            style = PokitTheme.typography.title3
+        )
+
+        Spacer(modifier = Modifier.weight(1f))
+
+        Icon(
+            painter = painterResource(id = R.drawable.icon_24_arrow_right),
+            contentDescription = null,
+            modifier = Modifier
+                .size(24.dp)
+        )
+    }
+}
diff --git a/feature/settings/src/main/java/pokitmons/pokit/settings/setting/SettingsScreen.kt b/feature/settings/src/main/java/pokitmons/pokit/settings/setting/SettingsScreen.kt
new file mode 100644
index 00000000..b6cbdeb7
--- /dev/null
+++ b/feature/settings/src/main/java/pokitmons/pokit/settings/setting/SettingsScreen.kt
@@ -0,0 +1,104 @@
+package pokitmons.pokit.settings.setting
+
+import android.content.Context
+import android.content.Intent
+import android.net.Uri
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import pokitmons.pokit.core.ui.components.template.bottomsheet.PokitBottomSheet
+import pokitmons.pokit.core.ui.components.template.removeItemBottomSheet.TwoButtonBottomSheetContent
+import pokitmons.pokit.settings.SettingState
+import pokitmons.pokit.settings.SettingViewModel
+import pokitmons.pokit.settings.R.string as StringResource
+
+@Composable
+fun SettingsScreen(
+    settingViewModel: SettingViewModel,
+    onNavigateToEditNickname: () -> Unit,
+    onNavigateToLogin: () -> Unit,
+    onBackPressed: () -> Unit,
+) {
+    val context = LocalContext.current
+
+    val withdrawState by settingViewModel.withdrawState.collectAsState()
+
+    when (withdrawState) {
+        is SettingState.Init -> Unit
+        is SettingState.Withdraw -> onNavigateToLogin()
+        is SettingState.Logout -> onNavigateToLogin()
+        is SettingState.Error -> Unit
+    }
+
+    Column(modifier = Modifier.fillMaxWidth()) {
+        Spacer(modifier = Modifier.height(8.dp))
+        SettingHeader(onBackPressed)
+        Spacer(modifier = Modifier.height(16.dp))
+        Column(modifier = Modifier.fillMaxWidth()) {
+            SettingItem(title = stringResource(StringResource.nickname_settings)) {
+                onNavigateToEditNickname()
+            }
+
+//            SettingItem(title = stringResource(StringResource.notification_settings)) {
+//                // TODO 커스텀 토스트 메세지
+//            }
+
+            DividerItem()
+
+            SettingItem(title = stringResource(StringResource.announcements)) {
+                moveToUrl(url = "https://www.notion.so/POKIT-d97c81534b354cfebe677fbf1fbfe2b2", context)
+            }
+            SettingItem(title = stringResource(StringResource.terms_of_service)) {
+                moveToUrl(url = "https://www.notion.so/3bddcd6fd00043abae6b92a50c39b132?pvs=4", context)
+            }
+            SettingItem(title = stringResource(StringResource.privacy_policy)) {
+                moveToUrl(url = "https://www.notion.so/de3468b3be1744538c22a333ae1d0ec8", context)
+            }
+            SettingItem(title = stringResource(StringResource.customer_support)) {
+                moveToUrl(url = "https://www.instagram.com/pokit.official/", context)
+            }
+
+            DividerItem()
+
+            SettingItem(title = stringResource(StringResource.logout)) {
+                settingViewModel.apply {
+                    setType("로그아웃")
+                    changeBottomSheetHideState(true)
+                }
+            }
+            SettingItem(title = stringResource(StringResource.delete_account)) {
+                settingViewModel.apply {
+                    setType("회원탈퇴")
+                    changeBottomSheetHideState(true)
+                }
+            }
+        }
+    }
+
+    // TODO 리팩토링
+    PokitBottomSheet(
+        onHideBottomSheet = { settingViewModel.changeBottomSheetHideState(false) },
+        show = settingViewModel.isBottomSheetVisible
+    ) {
+        TwoButtonBottomSheetContent(
+            subText = if (settingViewModel.type.value == "회원탈퇴") stringResource(id = StringResource.delete_account_sub) else null,
+            title = stringResource(id = if (settingViewModel.type.value == "회원탈퇴") StringResource.delete_account_title else StringResource.logout_title),
+            rightButtonText = stringResource(id = if (settingViewModel.type.value == "회원탈퇴") StringResource.start_delete_account else StringResource.logout),
+            onClickLeftButton = { settingViewModel.changeBottomSheetHideState(false) },
+            onClickRightButton = { if (settingViewModel.type.value == "회원탈퇴") settingViewModel.withdraw() else settingViewModel.logout() }
+        )
+    }
+}
+
+fun moveToUrl(url: String, context: Context) {
+    val intent = Intent(Intent.ACTION_VIEW, Uri.parse(url))
+    context.startActivity(intent)
+}
diff --git a/feature/settings/src/main/res/values/strings.xml b/feature/settings/src/main/res/values/strings.xml
new file mode 100644
index 00000000..af92a543
--- /dev/null
+++ b/feature/settings/src/main/res/values/strings.xml
@@ -0,0 +1,21 @@
+<resources>
+    <string name="settings">설정</string>
+    <string name="nickname_settings">닉네임 설정</string>
+    <string name="notification_settings">알림 설정</string>
+    <string name="announcements">공지사항</string>
+    <string name="terms_of_service">서비스 이용약관</string>
+    <string name="privacy_policy">개인정보 처리방침</string>
+    <string name="customer_support">고객문의</string>
+    <string name="logout">로그아웃</string>
+    <string name="delete_account">회원탈퇴</string>
+    <string name="start_delete_account">탈퇴하기</string>
+    <string name="logout_title">로그아웃하시겠습니까?</string>
+    <string name="delete_account_title">회원 탈퇴하시겠습니까?</string>
+    <string name="delete_account_sub">함께 저장된 모든 정보가 삭제되며,\n복구하실 수 없습니다.</string>
+    <string name="edit_nickname_title">닉네임 설정</string>
+    <string name="save">저장</string>
+    <string name="input_restriction_message">한글, 영어, 숫자로만 입력이 가능합니다.</string>
+    <string name="nickname_already_in_use">사용 중인 닉네임입니다.</string>
+    <string name="input_max_length">최대 10자까지 입력 가능합니다.</string>
+    <string name="input_nickname_hint">닉네임을 입력해주세요</string>
+</resources>
\ No newline at end of file
diff --git a/feature/settings/src/test/java/pokitmons/pokit/settings/ExampleUnitTest.kt b/feature/settings/src/test/java/pokitmons/pokit/settings/ExampleUnitTest.kt
new file mode 100644
index 00000000..df53e25c
--- /dev/null
+++ b/feature/settings/src/test/java/pokitmons/pokit/settings/ExampleUnitTest.kt
@@ -0,0 +1,16 @@
+package pokitmons.pokit.settings
+
+import junit.framework.TestCase.assertEquals
+import org.junit.Test
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+class ExampleUnitTest {
+    @Test
+    fun addition_isCorrect() {
+        assertEquals(4, 2 + 2)
+    }
+}
diff --git a/gradle/libs.versions.toml b/gradle/libs.versions.toml
index 82df186b..17818e5c 100644
--- a/gradle/libs.versions.toml
+++ b/gradle/libs.versions.toml
@@ -1,22 +1,47 @@
 [versions]
-agp = "8.3.1"
-kotlin = "1.9.0"
-coreKtx = "1.12.0"
+agp = "8.3.2"
+javax-inject = "1"
+kotest-runner-junit5 = "5.9.1"
+kotlin-reflect = "1.9.23"
+logging-interceptor = "4.11.0"
+org-jetbrains-kotlin-android = "1.9.0"
+core-ktx = "1.13.1"
 junit = "4.13.2"
-junitVersion = "1.1.5"
-espressoCore = "3.5.1"
-lifecycleRuntimeKtx = "2.7.0"
-activityCompose = "1.8.2"
-composeBom = "2023.08.00"
+androidx-test-ext-junit = "1.1.5"
+espresso-core = "3.5.1"
+lifecycle-runtime-ktx = "2.8.2"
+activity-compose = "1.9.0"
+compose-bom = "2024.06.00"
+retrofit = "2.9.0"
+org-jetbrains-kotlin-jvm = "1.9.0"
+appcompat = "1.7.0"
+material = "1.12.0"
+hilt = "2.48.1"
+orbit = "6.1.0"
+coil = "2.3.0"
+paging = "3.3.0"
+coroutines-core = "1.8.0"
+room = "2.6.1"
+annotation = "1.8.0"
+ktlint = "11.3.2"
+androidx-credentials = "1.2.2"
+androidx-credentials-play-services-auth = "1.2.2"
+googleid = "1.1.1"
+firebase-bom = "33.1.2"
+firebase-auth = "23.0.0"
+google-services = "4.4.2"
+mockk = "1.13.12"
 
 [libraries]
-androidx-core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "coreKtx" }
+androidx-lifecycle-service = { group = "androidx.lifecycle", name = "lifecycle-service", version.ref = "lifecycle-runtime-ktx"}
+androidx-core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "core-ktx" }
+javax-inject = { module = "javax.inject:javax.inject", version.ref = "javax-inject" }
 junit = { group = "junit", name = "junit", version.ref = "junit" }
-androidx-junit = { group = "androidx.test.ext", name = "junit", version.ref = "junitVersion" }
-androidx-espresso-core = { group = "androidx.test.espresso", name = "espresso-core", version.ref = "espressoCore" }
-androidx-lifecycle-runtime-ktx = { group = "androidx.lifecycle", name = "lifecycle-runtime-ktx", version.ref = "lifecycleRuntimeKtx" }
-androidx-activity-compose = { group = "androidx.activity", name = "activity-compose", version.ref = "activityCompose" }
-androidx-compose-bom = { group = "androidx.compose", name = "compose-bom", version.ref = "composeBom" }
+androidx-junit = { group = "androidx.test.ext", name = "junit", version.ref = "androidx-test-ext-junit" }
+androidx-espresso-core = { group = "androidx.test.espresso", name = "espresso-core", version.ref = "espresso-core" }
+androidx-lifecycle-runtime-ktx = { group = "androidx.lifecycle", name = "lifecycle-runtime-ktx", version.ref = "lifecycle-runtime-ktx" }
+androidx-activity-compose = { group = "androidx.activity", name = "activity-compose", version.ref = "activity-compose" }
+androidx-compose-bom = { group = "androidx.compose", name = "compose-bom", version.ref = "compose-bom" }
 androidx-ui = { group = "androidx.compose.ui", name = "ui" }
 androidx-ui-graphics = { group = "androidx.compose.ui", name = "ui-graphics" }
 androidx-ui-tooling = { group = "androidx.compose.ui", name = "ui-tooling" }
@@ -24,8 +49,61 @@ androidx-ui-tooling-preview = { group = "androidx.compose.ui", name = "ui-toolin
 androidx-ui-test-manifest = { group = "androidx.compose.ui", name = "ui-test-manifest" }
 androidx-ui-test-junit4 = { group = "androidx.compose.ui", name = "ui-test-junit4" }
 androidx-material3 = { group = "androidx.compose.material3", name = "material3" }
+androidx-navigation-compose = { group = "androidx.navigation", name = "navigation-compose", version = "2.7.7"}
+androidx-credentials = { module = "androidx.credentials:credentials", version.ref = "androidx-credentials" }
+androidx-credentials-play-services-auth = { module = "androidx.credentials:credentials-play-services-auth", version.ref = "androidx-credentials-play-services-auth" }
+googleid = { module = "com.google.android.libraries.identity.googleid:googleid", version.ref = "googleid" }
+firebase-bom = { module = "com.google.firebase:firebase-bom", version.ref = "firebase-bom" }
+firebase-auth-ktx = { module = "com.google.firebase:firebase-auth-ktx", version.ref = "firebase-auth" }
+datastore = { module = "androidx.datastore:datastore-preferences", version = "datastore" }
+kotest-runner-junit5 = { module = "io.kotest:kotest-runner-junit5", version.ref = "kotest-runner-junit5" }
+kotlin-reflect = { module = "org.jetbrains.kotlin:kotlin-reflect", version.ref = "kotlin-reflect" }
+logging-interceptor = { module = "com.squareup.okhttp3:logging-interceptor", version.ref = "logging-interceptor" }
+retrofit = { group = "com.squareup.retrofit2", name = "retrofit", version.ref = "retrofit" }
+retrofit-converter-serialization = { group = "com.jakewharton.retrofit", name = "retrofit2-kotlinx-serialization-converter", version = "1.0.0"}
+okhttp = { group = "com.squareup.okhttp3", name = "okhttp", version = "4.12.0"}
+kotlinx-serialization-json = { group = "org.jetbrains.kotlinx", name = "kotlinx-serialization-json", version = "1.5.0"}
+appcompat = { group = "androidx.appcompat", name = "appcompat", version.ref = "appcompat" }
+material = { group = "com.google.android.material", name = "material", version.ref = "material" }
+hilt = { group = "com.google.dagger", name = "hilt-android", version.ref = "hilt" }
+hilt-compiler = { group = "com.google.dagger", name = "hilt-android-compiler", version.ref = "hilt" }
+hilt-navigation-compose = { group = "androidx.hilt" , name = "hilt-navigation-compose", version = "1.2.0"}
+orbit-core = { group = "org.orbit-mvi", name = "orbit-core", version.ref = "orbit"}
+orbit-viewmodel = { group = "org.orbit-mvi", name = "orbit-viewmodel", version.ref = "orbit"}
+orbit-compose = { group = "org.orbit-mvi", name = "orbit-compose", version.ref = "orbit"}
+splash = { group = "androidx.core", name = "core-splashscreen", version = "1.0.1" }
+coil = { group = "io.coil-kt", name = "coil", version.ref = "coil"}
+coil-compose = { group = "io.coil-kt", name = "coil-compose", version.ref = "coil"}
+paging-runtime = { group = "androidx.paging", name = "paging-runtime", version.ref = "paging"}
+paging-common = {group = "androidx.paging", name = "paging-common", version.ref = "paging"}
+paging-compose = { group = "androidx.paging", name = "paging-compose", version.ref = "paging"}
+
+coroutines-core = { group = "org.jetbrains.kotlinx", name = "kotlinx-coroutines-core", version.ref="coroutines-core"}
+
+room-runtime = { group = "androidx.room", name = "room-ktx", version.ref = "room"}
+room-compiler = { group = "androidx.room", name = "room-compiler", version.ref = "room"}
+room-paging = { group = "androidx.room", name = "room-paging", version.ref = "room"}
+annotation = { group = "androidx.annotation", name = "annotation", version.ref = "annotation" }
+
+mockk = { group = "io.mockk", name = "mockk", version.ref = "mockk" }
+mockk-android = { group = "io.mockk", name = "mockk-android", version.ref = "mockk" }
+
+jsoup = { group = "org.jsoup", name = "jsoup", version = "1.18.1" }
 
 [plugins]
-androidApplication = { id = "com.android.application", version.ref = "agp" }
-jetbrainsKotlinAndroid = { id = "org.jetbrains.kotlin.android", version.ref = "kotlin" }
+com-android-application = { id = "com.android.application", version.ref = "agp" }
+org-jetbrains-kotlin-android = { id = "org.jetbrains.kotlin.android", version.ref = "org-jetbrains-kotlin-android" }
+kotlin-serialization = { id = "org.jetbrains.kotlin.plugin.serialization", version.ref = "org-jetbrains-kotlin-android" }
+org-jetbrains-kotlin-jvm = { id = "org.jetbrains.kotlin.jvm", version.ref = "org-jetbrains-kotlin-jvm" }
+com-android-library = { id = "com.android.library", version.ref = "agp" }
+hilt = { id = "com.google.dagger.hilt.android", version.ref = "hilt"}
+kotlin-kapt = { id = "org.jetbrains.kotlin.kapt", version.ref = "org-jetbrains-kotlin-android"}
+kotlin-parcelize = { id = "org.jetbrains.kotlin.plugin.parcelize", version.ref = "org-jetbrains-kotlin-android"}
+com-android-dynamic-feature = { id = "com.android.dynamic-feature", version.ref = "agp" }
+ktlint-gradle = { id = "org.jlleitschuh.gradle.ktlint", version.ref = "ktlint" }
+googleServices = { id = "com.google.gms.google-services", version.ref = "google-services" }
+
+
+
+
 
diff --git a/settings.gradle.kts b/settings.gradle.kts
index cce75da1..39e6aa36 100644
--- a/settings.gradle.kts
+++ b/settings.gradle.kts
@@ -21,3 +21,16 @@ dependencyResolutionManagement {
 
 rootProject.name = "pokit"
 include(":app")
+include(":domain")
+include(":data")
+include(":feature:login")
+include(":core:ui")
+include(":feature:addlink")
+include(":feature:addpokit")
+include(":feature:login")
+include(":feature:pokitdetail")
+include(":feature:search")
+include(":feature:settings")
+include(":feature:alarm")
+include(":feature:home")
+include(":core:feature")