diff --git a/components/02_Styles/elementList/_elementList.scss b/components/02_Styles/elementList/_elementList.scss
new file mode 100644
index 0000000..2bdf22a
--- /dev/null
+++ b/components/02_Styles/elementList/_elementList.scss
@@ -0,0 +1,14 @@
+@mixin RV-ElementList {
+    &__Container {
+        list-style-type: none;
+        @include RV-Reset;
+    }
+
+    &__Item {
+        @include RV-Reset;
+    }
+}
+
+.RV-ElementList {
+    @include RV-ElementList;
+}
\ No newline at end of file
diff --git a/components/02_Styles/elementList/elementList.config.json b/components/02_Styles/elementList/elementList.config.json
new file mode 100644
index 0000000..398fcb4
--- /dev/null
+++ b/components/02_Styles/elementList/elementList.config.json
@@ -0,0 +1,5 @@
+{
+  "context": {
+
+  }
+}
\ No newline at end of file
diff --git a/components/02_Styles/elementList/elementList.hbs b/components/02_Styles/elementList/elementList.hbs
new file mode 100644
index 0000000..cb10d5c
--- /dev/null
+++ b/components/02_Styles/elementList/elementList.hbs
@@ -0,0 +1,9 @@
+<div class="RV-ElementList">
+    <ul class="RV-ElementList__Container">
+        <li class="RV-ElementList__Item"><img src="https://via.placeholder.com/300" alt="300px"></li>
+        <li class="RV-ElementList__Item"><img src="https://via.placeholder.com/300" alt="300px"></li>
+        <li class="RV-ElementList__Item"><img src="https://via.placeholder.com/300" alt="300px"></li>
+        <li class="RV-ElementList__Item"><img src="https://via.placeholder.com/300" alt="300px"></li>
+        <li class="RV-ElementList__Item"><img src="https://via.placeholder.com/300" alt="300px"></li>
+    </ul>
+</div>
\ No newline at end of file