diff --git a/README.en.md b/README.en.md
new file mode 100644
index 0000000000000000000000000000000000000000..9ca4abc7fc2dc269a90440d090434bd0ac626d3f
--- /dev/null
+++ b/README.en.md
@@ -0,0 +1,39 @@
+# Common Components and Layouts
+
+### Introduction
+
+HarmonyOS ArkUI provides a variety of UI components, allowing you to easily build a richer and more beautiful UI. In this codelab, you will learn how to use basic components and container components through a simple example of a social shopping app. This example involves three pages: **Log In**, **Home**, and **Me**. Example:
+
+![image](screenshots/device/ArkTSComponents.en.gif)
+
+### Concepts
+
+- Image: a component that is used to display images in applications. It supports data sources of the string, PixelMap, and Resource types and supports the PNG, JPG, BMP, SVG, and GIF formats.
+
+- TextInput: a component that provides single-line text input.
+
+- LoadingProgress: a component that is used to create a loading animation.
+
+- Flex: a component that allows for flexible layout of child components.
+
+- List: a component that provides a series of list items with the same width. It supports presentations of the same type of data in a multiple and coherent row style, for example, images or text.
+
+- Swiper: a component that is used to display child components in carousel mode.
+
+- Grid: a component that consists of cells formed by rows and columns. You can specify the cells where items are located to form various layouts.
+
+### Permissions
+
+N/A
+
+### How to Use
+
+1. On the login page, enter the account and password (any character), and tap the login button to go to the home page.
+2. Press the tabs at the bottom to switch between **Home** and **Me**.
+
+### Constraints
+
+1. The sample is only supported on Huawei phones with standard systems.
+2. HarmonyOS: HarmonyOS NEXT Developer Beta1 or later.
+3. DevEco Studio: DevEco Studio NEXT Developer Beta1 or later.
+4. HarmonyOS SDK: HarmonyOS NEXT Developer Beta1 SDK or later.
diff --git a/screenshots/device/ArkTSComponents.en.gif b/screenshots/device/ArkTSComponents.en.gif
new file mode 100644
index 0000000000000000000000000000000000000000..2967f1bfdb9020c1cba711533cea180912fe0fa4
Binary files /dev/null and b/screenshots/device/ArkTSComponents.en.gif differ