diff --git a/jdi-light-angular-tests/src/main/java/io/github/com/StaticSite.java b/jdi-light-angular-tests/src/main/java/io/github/com/StaticSite.java
index 0c329d4132..4570001050 100644
--- a/jdi-light-angular-tests/src/main/java/io/github/com/StaticSite.java
+++ b/jdi-light-angular-tests/src/main/java/io/github/com/StaticSite.java
@@ -14,6 +14,7 @@
 import io.github.com.pages.ProgressSpinnerPage;
 import io.github.com.pages.RadioButtonPage;
 import io.github.com.pages.SlideTogglePage;
+import io.github.com.pages.GridListPage;
 
 @JSite("https://jdi-testing.github.io/jdi-light/angular-page/#/")
 public class StaticSite {
@@ -36,6 +37,9 @@ public class StaticSite {
     @Url("badges")
     public static BadgePage badgePage;
 
+    @Url("grid_list")
+    public static GridListPage gridListPage;
+
     @Url("buttons_toggle")
     public  static ButtonTogglePage buttonTogglePage;
 
diff --git a/jdi-light-angular-tests/src/main/java/io/github/com/custom/elements/CustomGridTileWithImage.java b/jdi-light-angular-tests/src/main/java/io/github/com/custom/elements/CustomGridTileWithImage.java
new file mode 100644
index 0000000000..1b25b923e9
--- /dev/null
+++ b/jdi-light-angular-tests/src/main/java/io/github/com/custom/elements/CustomGridTileWithImage.java
@@ -0,0 +1,11 @@
+package io.github.com.custom.elements;
+
+import com.epam.jdi.light.angular.elements.complex.gridlist.GridTile;
+import com.epam.jdi.light.elements.common.UIElement;
+import com.epam.jdi.light.elements.pageobjects.annotations.locators.UI;
+
+public class CustomGridTileWithImage extends GridTile {
+
+    @UI("#dynamic-grid-item-avatar")
+    public UIElement image;
+}
diff --git a/jdi-light-angular-tests/src/main/java/io/github/com/enums/Colors.java b/jdi-light-angular-tests/src/main/java/io/github/com/enums/Colors.java
index da73b3dbc9..5efb9eb966 100644
--- a/jdi-light-angular-tests/src/main/java/io/github/com/enums/Colors.java
+++ b/jdi-light-angular-tests/src/main/java/io/github/com/enums/Colors.java
@@ -17,6 +17,7 @@ public enum Colors {
     RED_ACCENT_3("rgba(255, 23, 68, 1)"),
     RED_ACCENT_4("rgba(213, 0, 0, 1)"),
     PINK("rgba(233, 30, 99, 1)"),
+    LIGHT_PINK("rgba(255, 182, 193, 1)"),
     PINK_LIGHTEN_5("rgba(252, 228, 236, 1)"),
     PINK_LIGHTEN_4("rgba(248, 187, 208, 1)"),
     PINK_LIGHTEN_3("rgba(244, 143, 177, 1)"),
@@ -90,6 +91,7 @@ public enum Colors {
     BLUE_ACCENT_5("rgba(138, 197, 255, 1)"),
     BLUE_ACCENT_6("rgb(25, 118, 210)"),
     LIGHT_BLUE("rgba(3, 169, 244, 1)"),
+    LIGHT_BLUE_2("rgba(173, 216, 230, 1)"),
     LIGHT_BLUE_LIGHTEN_5("rgba(225, 245, 254, 1)"),
     LIGHT_BLUE_LIGHTEN_4("rgba(179, 229, 252, 1)"),
     LIGHT_BLUE_LIGHTEN_3("rgba(129, 212, 250, 1)"),
@@ -148,6 +150,7 @@ public enum Colors {
     GREEN_ACCENT_4("rgba(0, 200, 83, 1)"),
     GREEN_ACCENT_5("rgb(76, 175, 80)"),
     LIGHT_GREEN("rgba(139, 195, 74, 1)"),
+    LIGHT_GREEN_2("rgba(144, 238, 144, 1)"),
     LIGHT_GREEN_LIGHTEN_5("rgba(241, 248, 233, 1)"),
     LIGHT_GREEN_LIGHTEN_4("rgba(220, 237, 200, 1)"),
     LIGHT_GREEN_LIGHTEN_3("rgba(197, 225, 165, 1)"),
@@ -274,6 +277,7 @@ public enum Colors {
     WHITE_TRANSPARENT_087("rgba(255, 255, 255, 0.87)"),
     WHITE_TRANSPARENT_038("rgba(0, 0, 0, 0.38)"),
     RED_TRANSPARENT_055("rgba(244, 67, 54, 0.55)"),
+    LIGHT_LILAC("rgba(221, 189, 241, 1)"),
     TRANSPARENT("rgba(0, 0, 0, 0)");
 
     private final String rgba;
diff --git a/jdi-light-angular-tests/src/main/java/io/github/com/pages/AngularPage.java b/jdi-light-angular-tests/src/main/java/io/github/com/pages/AngularPage.java
index 776bc1c465..2c2ff08ccb 100644
--- a/jdi-light-angular-tests/src/main/java/io/github/com/pages/AngularPage.java
+++ b/jdi-light-angular-tests/src/main/java/io/github/com/pages/AngularPage.java
@@ -5,7 +5,6 @@
 import com.epam.jdi.light.elements.composite.WebPage;
 import com.epam.jdi.light.elements.pageobjects.annotations.locators.UI;
 import com.epam.jdi.light.ui.html.elements.common.Icon;
-import io.github.com.pages.sections.GridListSection;
 import io.github.com.pages.sections.ListSection;
 import io.github.com.pages.sections.SnackbarSection;
 import io.github.com.pages.sections.TabGroupSection;
@@ -21,7 +20,6 @@ public class AngularPage extends WebPage {
     public static BottomSheet bottomSheet;
     public static Dialog dialog;
     public static ListSection listSection;
-    public static GridListSection gridListSection;
     public static SnackbarSection snackbarSection;
     public static TabGroupSection tabsSection;
     public static TableSection tableSection;
diff --git a/jdi-light-angular-tests/src/main/java/io/github/com/pages/GridListPage.java b/jdi-light-angular-tests/src/main/java/io/github/com/pages/GridListPage.java
new file mode 100644
index 0000000000..dfd0fa3c03
--- /dev/null
+++ b/jdi-light-angular-tests/src/main/java/io/github/com/pages/GridListPage.java
@@ -0,0 +1,14 @@
+package io.github.com.pages;
+
+import com.epam.jdi.light.angular.elements.complex.gridlist.GridList;
+import com.epam.jdi.light.elements.pageobjects.annotations.locators.UI;
+import io.github.com.custom.elements.CustomGridTileWithImage;
+
+public class GridListPage extends NewAngularPage {
+
+    @UI("#dynamic-grid-list")
+    public static GridList dynamicGridList;
+
+    @UI("#dynamic-grid-list-two")
+    public static CustomGridTileWithImage tileWithImage;
+}
diff --git a/jdi-light-angular-tests/src/main/java/io/github/com/pages/sections/GridListSection.java b/jdi-light-angular-tests/src/main/java/io/github/com/pages/sections/GridListSection.java
deleted file mode 100644
index 8b74c5c2c2..0000000000
--- a/jdi-light-angular-tests/src/main/java/io/github/com/pages/sections/GridListSection.java
+++ /dev/null
@@ -1,14 +0,0 @@
-package io.github.com.pages.sections;
-
-import com.epam.jdi.light.elements.common.Label;
-import com.epam.jdi.light.elements.complex.JList;
-import com.epam.jdi.light.elements.composite.Section;
-import com.epam.jdi.light.elements.pageobjects.annotations.locators.UI;
-
-public class GridListSection extends Section {
-    @UI("#basic-grid-list mat-grid-tile")
-    public JList<Label> basicGridList;
-
-    @UI("#dynamic-grid-list mat-grid-tile")
-    public JList<Label> dynamicGridList;
-}
diff --git a/jdi-light-angular-tests/src/test/java/io/github/epam/angular/tests/elements/complex/GridListTests.java b/jdi-light-angular-tests/src/test/java/io/github/epam/angular/tests/elements/complex/GridListTests.java
index 30ab082554..738ee1d4bb 100644
--- a/jdi-light-angular-tests/src/test/java/io/github/epam/angular/tests/elements/complex/GridListTests.java
+++ b/jdi-light-angular-tests/src/test/java/io/github/epam/angular/tests/elements/complex/GridListTests.java
@@ -1,59 +1,80 @@
 package io.github.epam.angular.tests.elements.complex;
 
+import com.epam.jdi.light.angular.elements.enums.AngularColors;
 import io.github.epam.TestsInit;
-import org.testng.annotations.BeforeMethod;
-import org.testng.annotations.Ignore;
+import org.testng.annotations.BeforeClass;
 import org.testng.annotations.Test;
 
-import static io.github.com.StaticSite.angularPage;
-import static io.github.com.pages.AngularPage.gridListSection;
-import static io.github.epam.site.steps.States.shouldBeLoggedIn;
+import static io.github.com.enums.Colors.BLACK_TRANSPARENT_087;
+import static io.github.com.enums.Colors.LIGHT_GREEN_2;
+import static io.github.com.enums.Colors.LIGHT_LILAC;
+import static com.jdiai.tools.Timer.waitCondition;
+import static io.github.com.StaticSite.gridListPage;
+
+import static io.github.com.enums.Colors.LIGHT_PINK;
+import static io.github.com.enums.Colors.WHITE;
+import static io.github.com.enums.Colors.WHITE_TRANSPARENT_038;
+import static io.github.com.pages.GridListPage.dynamicGridList;
+import static io.github.com.pages.GridListPage.tileWithImage;
 
-// TODO Move to the new page
-@Ignore
 public class GridListTests extends TestsInit {
 
-    @BeforeMethod
+    @BeforeClass
     public void before() {
-        shouldBeLoggedIn();
-        angularPage.shouldBeOpened();
+        gridListPage.open();
+        waitCondition(() -> gridListPage.isOpened());
+        gridListPage.checkOpened();
     }
 
-    @Test
-    public void basicGridListBasicTest() {
-        gridListSection.basicGridList.is().displayed();
-    }
+    @Test(description = "Test checks dynamic grid list attributes")
+    public void dynamicGridListTest() {
+        dynamicGridList.shouldBe().displayed();
+        dynamicGridList.show();
+        dynamicGridList.shouldBe().visible();
 
-    @Test
-    public void basicGridListTextTest() {
-        gridListSection.basicGridList.get(1).is().text("1");
-    }
+        dynamicGridList.has().cols(4)
+            .and().rowHeight("100px")
+            .and().gutterSize("10px")
+            .and().notEmpty()
+            .and().size(4)
+            .and().each(e -> e.isVisible())
+            .and().noOne(e -> e.text().equals("Zero"))
+            .and().onlyOne(e -> e.text().equals("One"))
+            .and().any(e -> e.rowspan() == 1);
 
-    @Test
-    public void basicGridListColorTest() {
-        gridListSection.basicGridList.get(1)
-                 .has().css("background-color", "rgba(" + 173 + ", " + 216 + ", " + 230 + ", 1)");
-    }
+        dynamicGridList.tiles().forEach(e -> e.is().visible());
 
-    @Test
-    public void dynamicGridListBasicTest() {
-        gridListSection.dynamicGridList.is().displayed();
-    }
+        dynamicGridList.tileByIndex(1)
+            .has().text("One")
+            .and().colspan(3)
+            .and().rowspan(1);
 
-    @Test
-    public void dynamicGridListTextTest() {
-        gridListSection.dynamicGridList.get(1).is().text("One");
-    }
+        dynamicGridList.tileByIndex(2)
+            .is().color(AngularColors.fromColor(LIGHT_GREEN_2.value()))
+            .and().colspan(1)
+            .and().rowspan(2);
+
+         tileWithImage.image.is()
+            .attr("src","https://material.angular.io/assets/img/examples/shiba2.jpg");
+
+        dynamicGridList.tileByIndex(3)
+            .is().colspan(1)
+            .and().rowspan(1)
+            .and().backgroundColor(LIGHT_PINK.value())
+            .and().backgroundColor(AngularColors.fromColor(LIGHT_PINK.value()))
+            .and().color(BLACK_TRANSPARENT_087.value())
+            .and().color(AngularColors.fromColor(BLACK_TRANSPARENT_087.value()))
+            .and().footerColor(AngularColors.fromColor(WHITE.value()))
+            .and().footerBackgroundColor(WHITE_TRANSPARENT_038.value())
+            .and().headerColor(WHITE.value())
+            .and().headerBackgroundColor(AngularColors.fromColor(WHITE_TRANSPARENT_038.value()))
+            .and().text("Mat Grid Header\nThree\nMat Grid Footer")
+            .and().footerText("Mat Grid Footer")
+            .and().headerText("Mat Grid Header");
 
-    @Test
-    public void dynamicGridListColorTest() {
-        gridListSection.dynamicGridList.get(1)
-             .has().css("background-color", "rgba(" + 173 + ", " + 216 + ", " + 230 + ", 1)");
-        gridListSection.dynamicGridList.get(2)
-             .has().css("background-color", "rgba(" + 144 + ", " + 238 + ", " + 144 + ", 1)");
-        gridListSection.dynamicGridList.get(3)
-             .has().css("background-color", "rgba(" + 255 + ", " + 182 + ", " + 193 + ", 1)");
-        gridListSection.dynamicGridList.get(4)
-                 .has().css("background-color", "rgba(" + 221 + ", " + 189 + ", " + 241 + ", 1)");
+        dynamicGridList.tileByIndex(4)
+        .is().text("Four")
+            .and().color(AngularColors.fromColor(LIGHT_LILAC.value()))
+            .and().colspan(2);
     }
 }
diff --git a/jdi-light-angular/src/main/java/com/epam/jdi/light/angular/asserts/gridlist/GridListAssert.java b/jdi-light-angular/src/main/java/com/epam/jdi/light/angular/asserts/gridlist/GridListAssert.java
new file mode 100644
index 0000000000..42d1e65a0e
--- /dev/null
+++ b/jdi-light-angular/src/main/java/com/epam/jdi/light/angular/asserts/gridlist/GridListAssert.java
@@ -0,0 +1,113 @@
+package com.epam.jdi.light.angular.asserts.gridlist;
+
+import static com.epam.jdi.light.asserts.core.SoftAssert.jdiAssert;
+import static com.jdiai.tools.LinqUtils.first;
+import static com.jdiai.tools.LinqUtils.single;
+import static org.hamcrest.Matchers.not;
+import static org.hamcrest.Matchers.notNullValue;
+import static org.hamcrest.Matchers.nullValue;
+
+import com.epam.jdi.light.angular.elements.complex.gridlist.GridList;
+import com.epam.jdi.light.angular.elements.complex.gridlist.GridTile;
+import com.epam.jdi.light.asserts.generic.UISelectAssert;
+import com.epam.jdi.light.common.JDIAction;
+import com.jdiai.tools.LinqUtils;
+import com.jdiai.tools.func.JFunc1;
+import org.hamcrest.Matchers;
+
+public class GridListAssert extends UISelectAssert<GridListAssert, GridList> {
+
+    @JDIAction(value = "Assert that '{name}' has number of columns '{0}'", isAssert = true)
+    public GridListAssert cols(int expectedCols) {
+        jdiAssert(element().cols(), Matchers.is(expectedCols));
+        return this;
+    }
+
+    @JDIAction("Assert that '{name}' has row's height '{0}'")
+    public GridListAssert rowHeight(String expectedRowHeight) {
+        jdiAssert(element().rowHeight(), Matchers.is(expectedRowHeight));
+        return this;
+    }
+
+    @JDIAction("Assert that '{name}' has gutter size '{0}'")
+    public GridListAssert gutterSize(String expectedGutterSize) {
+        jdiAssert(element().gutterSize(), Matchers.is(expectedGutterSize));
+        return this;
+    }
+
+    /**
+     * Checks that Grid List has given size.
+     *
+     * @param size expected size
+     * @return the same assert for chaining
+     */
+    @JDIAction(value = "Assert that '{name}' has size {0}", isAssert = true)
+    public GridListAssert size(int size) {
+        jdiAssert(element().tiles().size(), Matchers.is(size));
+        return this;
+    }
+
+    /**
+     * Checks that Grid List is empty.
+     * @return the same assert for chaining
+     */
+    @JDIAction(value = "Assert that '{name}' is empty", isAssert = true)
+    public GridListAssert empty() {
+        jdiAssert(element().tiles(), Matchers.empty());
+        return this;
+    }
+
+    /**
+     * Checks that Grid List is not empty.
+     * @return the same assert for chaining
+     */
+    @JDIAction(value = "Assert that  '{name}' is not empty", isAssert = true)
+    public GridListAssert notEmpty() {
+        jdiAssert(element().tiles(), not(Matchers.empty()));
+        return this;
+    }
+
+    /**
+     * Check that all elements meet condition
+     * @param condition to compare
+     * @return DataListAssert
+     */
+    @JDIAction("Assert that each of '{name}' elements meet condition")
+    public GridListAssert each(JFunc1<GridTile, Boolean> condition) {
+        jdiAssert(LinqUtils.all(element().tiles(), condition::execute), Matchers.is(true), "Not all elements meet condition");
+        return this;
+    }
+
+    /**
+     * Check that at least one element meets condition
+     * @param condition to compare
+     * @return DataListAssert
+     */
+    @JDIAction("Assert that any of '{name}' elements meet condition")
+    public GridListAssert any(JFunc1<GridTile, Boolean> condition) {
+        jdiAssert(LinqUtils.any(element().tiles(), condition::execute), Matchers.is(true), "None of elements meets condition");
+        return this;
+    }
+
+    /**
+     * Check that only one of elements meets condition
+     * @param condition to compare
+     * @return DataListAssert
+     */
+    @JDIAction("Assert that only one of '{name}' elements meet condition")
+    public GridListAssert onlyOne(JFunc1<GridTile, Boolean> condition) {
+        jdiAssert(single(element().tiles(), condition::execute), Matchers.is(notNullValue()));
+        return this;
+    }
+
+    /**
+     * Check that none of elements meets condition
+     * @param condition to compare
+     * @return DataListAssert
+     */
+    @JDIAction("Assert that none of '{name}' meet condition")
+    public GridListAssert noOne(JFunc1<GridTile, Boolean> condition) {
+        jdiAssert(first(element().tiles(), condition::execute), Matchers.is(nullValue()));
+        return this;
+    }
+}
diff --git a/jdi-light-angular/src/main/java/com/epam/jdi/light/angular/asserts/gridlist/GridTileAssert.java b/jdi-light-angular/src/main/java/com/epam/jdi/light/angular/asserts/gridlist/GridTileAssert.java
new file mode 100644
index 0000000000..f87788fc02
--- /dev/null
+++ b/jdi-light-angular/src/main/java/com/epam/jdi/light/angular/asserts/gridlist/GridTileAssert.java
@@ -0,0 +1,103 @@
+package com.epam.jdi.light.angular.asserts.gridlist;
+
+import com.epam.jdi.light.angular.elements.complex.gridlist.GridTile;
+import com.epam.jdi.light.angular.elements.enums.AngularColors;
+import com.epam.jdi.light.asserts.generic.ColorAssert;
+import com.epam.jdi.light.asserts.generic.UIAssert;
+import com.epam.jdi.light.common.JDIAction;
+import org.hamcrest.Matchers;
+
+import static com.epam.jdi.light.asserts.core.SoftAssert.jdiAssert;
+
+public class GridTileAssert extends UIAssert<GridTileAssert, GridTile> implements ColorAssert<GridTileAssert, GridTile> {
+
+    @JDIAction("Assert that '{name}' has number of columns '{0}'")
+    public GridTileAssert colspan(int expectedColspan) {
+        jdiAssert(element().colspan(), Matchers.is(expectedColspan));
+        return this;
+    }
+
+    @JDIAction("Assert that '{name}' has number of rows '{0}'")
+    public GridTileAssert rowspan(int expectedRowspan) {
+        jdiAssert(element().rowspan(), Matchers.is(expectedRowspan));
+        return this;
+    }
+
+    @JDIAction("Assert that '{name}' has text '{0}'")
+    public GridTileAssert text(String expectedText) {
+        jdiAssert(element().text(), Matchers.is(expectedText));
+        return this;
+    }
+
+    @JDIAction("Assert that '{name}' color is '{0}'")
+    public GridTileAssert color(AngularColors expectedColor) {
+        jdiAssert(element().angularColor(), Matchers.is(expectedColor));
+        return this;
+    }
+
+    @JDIAction("Assert that '{name}' background color is '{0}'")
+    public GridTileAssert backgroundColor(AngularColors expectedColor) {
+        jdiAssert(element().angularBackgroundColor(), Matchers.is(expectedColor));
+        return this;
+    }
+
+    @JDIAction("Assert that '{name}' header color is '{0}'")
+    public GridTileAssert headerColor(AngularColors expectedColor) {
+        jdiAssert(element().headerAngularColor(), Matchers.is(expectedColor));
+        return this;
+    }
+
+    @JDIAction("Assert that '{name}' header color is '{0}'")
+    public GridTileAssert headerColor(String expectedColor) {
+        jdiAssert(element().headerColor(), Matchers.is(expectedColor));
+        return this;
+    }
+
+    @JDIAction("Assert that '{name}' header background color is '{0}'")
+    public GridTileAssert headerBackgroundColor(AngularColors expectedColor) {
+        jdiAssert(element().headerAngularBackgroundColor(), Matchers.is(expectedColor));
+        return this;
+    }
+
+    @JDIAction("Assert that '{name}' header background color is '{0}'")
+    public GridTileAssert headerBackgroundColor(String expectedColor) {
+        jdiAssert(element().headerBackgroundColor(), Matchers.is(expectedColor));
+        return this;
+    }
+
+    @JDIAction("Assert that '{name}' footer color is '{0}'")
+    public GridTileAssert footerColor(AngularColors expectedColor) {
+        jdiAssert(element().footerAngularColor(), Matchers.is(expectedColor));
+        return this;
+    }
+
+    @JDIAction("Assert that '{name}' footer color is '{0}'")
+    public GridTileAssert footerColor(String expectedColor) {
+        jdiAssert(element().footerColor(), Matchers.is(expectedColor));
+        return this;
+    }
+
+    @JDIAction("Assert that '{name}' footer background color is '{0}'")
+    public GridTileAssert footerBackgroundColor(AngularColors expectedColor) {
+        jdiAssert(element().footerAngularBackgroundColor(), Matchers.is(expectedColor));
+        return this;
+    }
+
+    @JDIAction("Assert that '{name}' footer background color is '{0}'")
+    public GridTileAssert footerBackgroundColor(String expectedColor) {
+        jdiAssert(element().footerBackgroundColor(), Matchers.is(expectedColor));
+        return this;
+    }
+
+    @JDIAction("Assert that '{name}' header text is '{0}'")
+    public GridTileAssert headerText(String expectedText) {
+        jdiAssert(element().headerText(), Matchers.is(expectedText));
+        return this;
+    }
+
+    @JDIAction("Assert that '{name}' footer text is '{0}'")
+    public GridTileAssert footerText(String expectedText) {
+        jdiAssert(element().footerText(), Matchers.is(expectedText));
+        return this;
+    }
+}
diff --git a/jdi-light-angular/src/main/java/com/epam/jdi/light/angular/elements/complex/gridlist/GridList.java b/jdi-light-angular/src/main/java/com/epam/jdi/light/angular/elements/complex/gridlist/GridList.java
new file mode 100644
index 0000000000..44721daf84
--- /dev/null
+++ b/jdi-light-angular/src/main/java/com/epam/jdi/light/angular/elements/complex/gridlist/GridList.java
@@ -0,0 +1,61 @@
+package com.epam.jdi.light.angular.elements.complex.gridlist;
+
+import com.epam.jdi.light.angular.asserts.gridlist.GridListAssert;
+import com.epam.jdi.light.common.JDIAction;
+import com.epam.jdi.light.elements.base.UIListBase;
+
+import java.util.List;
+import java.util.stream.Collectors;
+import java.util.stream.Stream;
+
+/**
+ * To see an example of Grid web element please visit
+ * <a href="https://material.angular.io/components/grid-list/overview">Angular Grid list Web Page</a>
+ */
+public class GridList extends UIListBase<GridListAssert> {
+
+    @JDIAction(value = "Get '{name}' number of columns")
+    public int cols() {
+        return Integer.parseInt(core().getAttribute("cols"));
+    }
+
+    @JDIAction(value = "Get '{name}' row's height")
+    public String rowHeight() {
+        return core().getAttribute("rowheight");
+    }
+
+    @JDIAction(value = "Get '{name}' gutter size")
+    public String gutterSize() {
+        return core().getAttribute("guttersize");
+    }
+
+    @JDIAction(value = "Get '{name}' tile by index '{0}' (1 based index)")
+    public GridTile tileByIndex(int index) {
+        return getTilesStream()
+            .skip(index - 1)
+            .findFirst()
+            .orElseThrow(() -> new IllegalArgumentException("No tile at index " + index));
+    }
+
+    @Override
+    public GridListAssert is() {
+        return new GridListAssert().set(this);
+    }
+
+    @JDIAction("Get inner grid tiles stream from {name}")
+    protected Stream<GridTile> getTilesStream() {
+        int[] counter = {1};
+        return core().finds(".mat-grid-tile").stream()
+                .map(e -> {
+                    GridTile tile = new GridTile().setCore(GridTile.class, e);
+                    tile.setName("Grid Tile " + counter[0]++);
+                    return tile;
+                });
+    }
+
+    @JDIAction("Get inner grid tiles list from {name}")
+    public List<GridTile> tiles() {
+        return getTilesStream().collect(Collectors.toList());
+    }
+
+}
diff --git a/jdi-light-angular/src/main/java/com/epam/jdi/light/angular/elements/complex/gridlist/GridTile.java b/jdi-light-angular/src/main/java/com/epam/jdi/light/angular/elements/complex/gridlist/GridTile.java
new file mode 100644
index 0000000000..f05fac026c
--- /dev/null
+++ b/jdi-light-angular/src/main/java/com/epam/jdi/light/angular/elements/complex/gridlist/GridTile.java
@@ -0,0 +1,109 @@
+package com.epam.jdi.light.angular.elements.complex.gridlist;
+
+import com.epam.jdi.light.angular.asserts.gridlist.GridTileAssert;
+import com.epam.jdi.light.angular.elements.enums.AngularColors;
+import com.epam.jdi.light.common.JDIAction;
+import com.epam.jdi.light.elements.base.UIBaseElement;
+import com.epam.jdi.light.elements.common.UIElement;
+import com.epam.jdi.light.elements.interfaces.base.HasColor;
+
+public class GridTile extends UIBaseElement<GridTileAssert> implements HasColor {
+
+    private static final String HEADER_LOCATOR = ".mat-grid-tile-header";
+    private static final String FOOTER_LOCATOR = ".mat-grid-tile-footer";
+
+    @Override
+    public GridTileAssert is() {
+        return new GridTileAssert().set(this);
+    }
+
+    @Override
+    public GridTileAssert has() {
+        return is();
+    }
+
+    @JDIAction(value = "Get '{name}' tile's number of columns")
+    public int colspan() {
+        return Integer.parseInt(core().getAttribute("colspan"));
+    }
+
+    @JDIAction(value = "Get '{name}' tile's number of rows")
+    public int rowspan() {
+        return Integer.parseInt(core().getAttribute("rowspan"));
+    }
+
+    @JDIAction(value = "Get '{name}' tile text")
+    public String text() {
+        return core().text();
+    }
+
+    @JDIAction("Get '{name}' header color")
+    public String headerColor() {
+        return core().find(HEADER_LOCATOR).getCssValue("color");
+    }
+
+    @JDIAction("Get '{name}' footer color")
+    public String footerColor() {
+        return core().find(FOOTER_LOCATOR).getCssValue("color");
+    }
+
+    @JDIAction("Get '{name}' header color")
+    public String headerBackgroundColor() {
+        return core().find(HEADER_LOCATOR).getCssValue("background-color");
+    }
+
+    @JDIAction("Get '{name}' footer color")
+    public String footerBackgroundColor() {
+        return core().find(FOOTER_LOCATOR).getCssValue("background-color");
+    }
+
+    @JDIAction("Get '{name}' angular color")
+    public AngularColors angularColor() {
+        return AngularColors.fromColor(color());
+    }
+
+    @JDIAction("Get '{name}' angular background color")
+    public AngularColors angularBackgroundColor() {
+        return AngularColors.fromColor(backgroundColor());
+    }
+
+    @JDIAction("Get '{name}' header angular color")
+    public AngularColors headerAngularColor() {
+        return AngularColors.fromColor(headerColor());
+    }
+
+    @JDIAction("Get '{name}' footer angular color")
+    public AngularColors footerAngularColor() {
+        return AngularColors.fromColor(footerColor());
+    }
+
+    @JDIAction("Get '{name}' header angular background color")
+    public AngularColors headerAngularBackgroundColor() {
+        return AngularColors.fromColor(headerBackgroundColor());
+    }
+
+    @JDIAction("Get '{name}' footer angular background color")
+    public AngularColors footerAngularBackgroundColor() {
+        return AngularColors.fromColor(footerBackgroundColor());
+    }
+
+    @JDIAction("Get '{name}' header text")
+    public String headerText() {
+        return core().find(HEADER_LOCATOR).text();
+    }
+
+    @JDIAction("Get '{name}' footer text")
+    public String footerText() {
+        return core().find(FOOTER_LOCATOR).text();
+    }
+
+    @JDIAction("Get '{name}' header")
+    public UIElement header() {
+        return core().find(HEADER_LOCATOR);
+    }
+
+    @JDIAction("Get '{name}' footer")
+    public UIElement footer() {
+        return core().find(FOOTER_LOCATOR);
+    }
+}