diff --git a/compose-ui-practice/.gitignore b/compose-ui-practice/.gitignore
new file mode 100644
index 0000000..42afabf
--- /dev/null
+++ b/compose-ui-practice/.gitignore
@@ -0,0 +1 @@
+/build
\ No newline at end of file
diff --git a/compose-ui-practice/README.md b/compose-ui-practice/README.md
new file mode 100644
index 0000000..cceede3
--- /dev/null
+++ b/compose-ui-practice/README.md
@@ -0,0 +1,3 @@
+# Introduction
+
+Compose UI 와 Animation 을 만들면서 학습합니다.
\ No newline at end of file
diff --git a/compose-ui-practice/build.gradle.kts b/compose-ui-practice/build.gradle.kts
new file mode 100644
index 0000000..2e369e9
--- /dev/null
+++ b/compose-ui-practice/build.gradle.kts
@@ -0,0 +1,11 @@
+plugins {
+    alias(libs.plugins.murjune.android.application)
+}
+
+android {
+    namespace = "com.murjune.pratice.compose.ui.practice"
+
+    defaultConfig {
+        applicationId = "com.murjune.pratice.compose.ui.practice"
+    }
+}
\ No newline at end of file
diff --git a/compose-ui-practice/src/androidTest/java/com/murjune/pratice/compose/ui/practice/.gitkeep b/compose-ui-practice/src/androidTest/java/com/murjune/pratice/compose/ui/practice/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/compose-ui-practice/src/main/AndroidManifest.xml b/compose-ui-practice/src/main/AndroidManifest.xml
new file mode 100644
index 0000000..418cb9a
--- /dev/null
+++ b/compose-ui-practice/src/main/AndroidManifest.xml
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <uses-permission android:name="android.permission.INTERNET" />
+
+    <application
+        android:allowBackup="true"
+        android:icon="@mipmap/ic_launcher"
+        android:label="@string/app_name"
+        android:supportsRtl="true">
+
+        <activity
+            android:name=".MainActivity"
+            android:exported="true">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+        </activity>
+    </application>
+
+</manifest>
diff --git a/compose-ui-practice/src/main/java/com/murjune/pratice/compose/ui/practice/MainActivity.kt b/compose-ui-practice/src/main/java/com/murjune/pratice/compose/ui/practice/MainActivity.kt
new file mode 100644
index 0000000..8dbb181
--- /dev/null
+++ b/compose-ui-practice/src/main/java/com/murjune/pratice/compose/ui/practice/MainActivity.kt
@@ -0,0 +1,15 @@
+package com.murjune.pratice.compose.ui.practice
+
+import android.os.Bundle
+import androidx.activity.ComponentActivity
+import androidx.activity.compose.setContent
+import androidx.compose.material3.Text
+
+class MainActivity : ComponentActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContent {
+            Text(text = "Hello, World!")
+        }
+    }
+}
\ No newline at end of file
diff --git a/compose-ui-practice/src/main/res/drawable/ic_launcher_background.xml b/compose-ui-practice/src/main/res/drawable/ic_launcher_background.xml
new file mode 100644
index 0000000..07d5da9
--- /dev/null
+++ b/compose-ui-practice/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/compose-ui-practice/src/main/res/drawable/ic_launcher_foreground.xml b/compose-ui-practice/src/main/res/drawable/ic_launcher_foreground.xml
new file mode 100644
index 0000000..7706ab9
--- /dev/null
+++ b/compose-ui-practice/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>
diff --git a/compose-ui-practice/src/main/res/mipmap-anydpi/ic_launcher.xml b/compose-ui-practice/src/main/res/mipmap-anydpi/ic_launcher.xml
new file mode 100644
index 0000000..b3e26b4
--- /dev/null
+++ b/compose-ui-practice/src/main/res/mipmap-anydpi/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>
diff --git a/compose-ui-practice/src/main/res/mipmap-anydpi/ic_launcher_round.xml b/compose-ui-practice/src/main/res/mipmap-anydpi/ic_launcher_round.xml
new file mode 100644
index 0000000..b3e26b4
--- /dev/null
+++ b/compose-ui-practice/src/main/res/mipmap-anydpi/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>
diff --git a/compose-ui-practice/src/main/res/mipmap-hdpi/ic_launcher.webp b/compose-ui-practice/src/main/res/mipmap-hdpi/ic_launcher.webp
new file mode 100644
index 0000000..c209e78
Binary files /dev/null and b/compose-ui-practice/src/main/res/mipmap-hdpi/ic_launcher.webp differ
diff --git a/compose-ui-practice/src/main/res/mipmap-hdpi/ic_launcher_round.webp b/compose-ui-practice/src/main/res/mipmap-hdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..b2dfe3d
Binary files /dev/null and b/compose-ui-practice/src/main/res/mipmap-hdpi/ic_launcher_round.webp differ
diff --git a/compose-ui-practice/src/main/res/mipmap-mdpi/ic_launcher.webp b/compose-ui-practice/src/main/res/mipmap-mdpi/ic_launcher.webp
new file mode 100644
index 0000000..4f0f1d6
Binary files /dev/null and b/compose-ui-practice/src/main/res/mipmap-mdpi/ic_launcher.webp differ
diff --git a/compose-ui-practice/src/main/res/mipmap-mdpi/ic_launcher_round.webp b/compose-ui-practice/src/main/res/mipmap-mdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..62b611d
Binary files /dev/null and b/compose-ui-practice/src/main/res/mipmap-mdpi/ic_launcher_round.webp differ
diff --git a/compose-ui-practice/src/main/res/mipmap-xhdpi/ic_launcher.webp b/compose-ui-practice/src/main/res/mipmap-xhdpi/ic_launcher.webp
new file mode 100644
index 0000000..948a307
Binary files /dev/null and b/compose-ui-practice/src/main/res/mipmap-xhdpi/ic_launcher.webp differ
diff --git a/compose-ui-practice/src/main/res/mipmap-xhdpi/ic_launcher_round.webp b/compose-ui-practice/src/main/res/mipmap-xhdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..1b9a695
Binary files /dev/null and b/compose-ui-practice/src/main/res/mipmap-xhdpi/ic_launcher_round.webp differ
diff --git a/compose-ui-practice/src/main/res/mipmap-xxhdpi/ic_launcher.webp b/compose-ui-practice/src/main/res/mipmap-xxhdpi/ic_launcher.webp
new file mode 100644
index 0000000..28d4b77
Binary files /dev/null and b/compose-ui-practice/src/main/res/mipmap-xxhdpi/ic_launcher.webp differ
diff --git a/compose-ui-practice/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp b/compose-ui-practice/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..9287f50
Binary files /dev/null and b/compose-ui-practice/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp differ
diff --git a/compose-ui-practice/src/main/res/mipmap-xxxhdpi/ic_launcher.webp b/compose-ui-practice/src/main/res/mipmap-xxxhdpi/ic_launcher.webp
new file mode 100644
index 0000000..aa7d642
Binary files /dev/null and b/compose-ui-practice/src/main/res/mipmap-xxxhdpi/ic_launcher.webp differ
diff --git a/compose-ui-practice/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp b/compose-ui-practice/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..9126ae3
Binary files /dev/null and b/compose-ui-practice/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp differ
diff --git a/compose-ui-practice/src/main/res/values/strings.xml b/compose-ui-practice/src/main/res/values/strings.xml
new file mode 100644
index 0000000..fd8d863
--- /dev/null
+++ b/compose-ui-practice/src/main/res/values/strings.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="app_name">compose ui practice</string>
+</resources>
\ No newline at end of file
diff --git a/compose-ui-practice/src/test/java/com/murjune/pratice/compose/ui/practice/.gitkeep b/compose-ui-practice/src/test/java/com/murjune/pratice/compose/ui/practice/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/settings.gradle.kts b/settings.gradle.kts
index 93b2a62..006eaf2 100644
--- a/settings.gradle.kts
+++ b/settings.gradle.kts
@@ -27,5 +27,6 @@ include("kotlin-practice")
 include("design-pattern")
 include("coroutine")
 include(":compose-practice")
+include(":compose-ui-practice")
 include(":algorithm-practice")
 include(":java-practice")