diff --git a/.idea/gradle.xml b/.idea/gradle.xml
index 4e3844e80..526b4c25c 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>
diff --git a/.idea/misc.xml b/.idea/misc.xml
index f279d4a50..070690646 100644
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -7,6 +7,7 @@
         <entry key="app/src/main/res/layout/fragment_home.xml" value="0.1" />
         <entry key="app/src/main/res/layout/fragment_library.xml" value="0.11956521739130435" />
         <entry key="app/src/main/res/layout/fragment_subscriptions.xml" value="0.1" />
+        <entry key="app/src/main/res/layout/trending_row.xml" value="0.33" />
         <entry key="app/src/main/res/menu/bottom_menu.xml" value="0.15520833333333334" />
       </map>
     </option>
diff --git a/app/build.gradle b/app/build.gradle
index 796d68586..337950db2 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -42,4 +42,8 @@ dependencies {
     testImplementation 'junit:junit:'
     androidTestImplementation 'androidx.test.ext:junit:1.1.3'
     androidTestImplementation 'androidx.test.espresso:espresso-core:3.4.0'
+    implementation("com.squareup.okhttp3:okhttp:4.9.0")
+    implementation 'com.google.code.gson:gson:2.8.9'
+    implementation 'com.squareup.picasso:picasso:2.8'
+    implementation 'de.hdodenhof:circleimageview:3.1.0'
 }
\ No newline at end of file
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 995ab87b9..3ba7e4bd1 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     package="xyz.btcland.libretube">
-
+<uses-permission android:name="android.permission.INTERNET"/>
     <application
         android:allowBackup="true"
         android:icon="@mipmap/ic_launcher"
diff --git a/app/src/main/java/xyz/btcland/libretube/Home.kt b/app/src/main/java/xyz/btcland/libretube/Home.kt
index d1a69d027..ecaf79744 100644
--- a/app/src/main/java/xyz/btcland/libretube/Home.kt
+++ b/app/src/main/java/xyz/btcland/libretube/Home.kt
@@ -5,6 +5,16 @@ import androidx.fragment.app.Fragment
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
+import android.widget.ProgressBar
+import android.widget.TextView
+import androidx.recyclerview.widget.GridLayoutManager
+import androidx.recyclerview.widget.LinearLayoutManager
+import androidx.recyclerview.widget.RecyclerView
+import com.google.gson.GsonBuilder
+import com.google.gson.reflect.TypeToken
+import okhttp3.*
+import java.io.IOException
+
 
 // TODO: Rename parameter arguments, choose names that match
 // the fragment initialization parameters, e.g. ARG_ITEM_NUMBER
@@ -33,8 +43,21 @@ class Home : Fragment() {
         inflater: LayoutInflater, container: ViewGroup?,
         savedInstanceState: Bundle?
     ): View? {
+
         // Inflate the layout for this fragment
         return inflater.inflate(R.layout.fragment_home, container, false)
+
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+        val recyclerView =  view.findViewById<RecyclerView>(R.id.recview)
+        recyclerView.layoutManager = GridLayoutManager(view.context, resources.getInteger(R.integer.grid_items))
+
+        val progressbar = view.findViewById<ProgressBar>(R.id.progressBar)
+        fetchJson(progressbar,recyclerView)
+
+
     }
 
     companion object {
@@ -56,4 +79,42 @@ class Home : Fragment() {
                 }
             }
     }
-}
\ No newline at end of file
+
+   private fun fetchJson(progressBar: ProgressBar, recyclerView: RecyclerView) {
+        val client = OkHttpClient()
+
+        fun run() {
+            val request = Request.Builder()
+                .url("https://pipedapi.kavin.rocks/trending?region=US")
+                .build()
+            client.newCall(request).enqueue(object : Callback {
+                override fun onFailure(call: Call, e: IOException) {
+                    e.printStackTrace()
+                }
+                override fun onResponse(call: Call, response: Response) {
+                    response.use {
+                        if (!response.isSuccessful) throw IOException("Unexpected code $response")
+                        val body = response.body!!.string()
+                        println(body)
+                        val gson = GsonBuilder().create()
+                        val itemType = object : TypeToken<List<Trending>>() {}.type
+                        val trendingList = gson.fromJson<List<Trending>>(body, itemType)
+                        runOnUiThread {
+                            progressBar.visibility = View.GONE
+                            recyclerView.adapter = TrendingAdapter(trendingList)
+                        }
+                    }
+
+
+                }
+            })
+        }
+       run()
+
+    }
+    fun Fragment?.runOnUiThread(action: () -> Unit) {
+        this ?: return
+        if (!isAdded) return // Fragment not attached to an Activity
+        activity?.runOnUiThread(action)
+    }
+}
diff --git a/app/src/main/java/xyz/btcland/libretube/Trending.kt b/app/src/main/java/xyz/btcland/libretube/Trending.kt
new file mode 100644
index 000000000..989800f54
--- /dev/null
+++ b/app/src/main/java/xyz/btcland/libretube/Trending.kt
@@ -0,0 +1,14 @@
+package xyz.btcland.libretube
+
+data class Trending(
+    val url: String,
+    val title: String,
+    val thumbnail: String,
+    val uploaderName: String,
+    val uploaderUrl:String,
+    val uploaderAvatar:String,
+    val uploadedDate: String,
+    val duration: Int,
+    val views: Int,
+    val uploaderVerified: Boolean
+)
diff --git a/app/src/main/java/xyz/btcland/libretube/TrendingAdapter.kt b/app/src/main/java/xyz/btcland/libretube/TrendingAdapter.kt
new file mode 100644
index 000000000..bf2c66bad
--- /dev/null
+++ b/app/src/main/java/xyz/btcland/libretube/TrendingAdapter.kt
@@ -0,0 +1,55 @@
+package xyz.btcland.libretube
+
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.ImageView
+import android.widget.TextView
+import androidx.recyclerview.widget.RecyclerView
+import com.squareup.picasso.Picasso
+import java.math.BigDecimal
+import java.math.RoundingMode
+
+class TrendingAdapter(private val trendingFeed: List<Trending>): RecyclerView.Adapter<CustomViewHolder>() {
+    override fun getItemCount(): Int {
+        return trendingFeed.size
+    }
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): CustomViewHolder {
+        val layoutInflater = LayoutInflater.from(parent.context)
+        val cell = layoutInflater.inflate(R.layout.trending_row,parent,false)
+        return CustomViewHolder(cell)
+    }
+
+    override fun onBindViewHolder(holder: CustomViewHolder, position: Int) {
+        val trending = trendingFeed[position]
+        holder.v.findViewById<TextView>(R.id.textView_title).text = trending.title
+        holder.v.findViewById<TextView>(R.id.textView_channel).text = trending.uploaderName +" • "+ videoViews(trending.views)+" • "+trending.uploadedDate
+        val thumbnailImage = holder.v.findViewById<ImageView>(R.id.thumbnail)
+        val channelImage = holder.v.findViewById<ImageView>(R.id.channel_image)
+        Picasso.get().load(trending.thumbnail).into(thumbnailImage)
+        Picasso.get().load(trending.uploaderAvatar).into(channelImage)
+    }
+}
+class CustomViewHolder(val v: View): RecyclerView.ViewHolder(v){
+
+}
+fun videoViews(views: Int): String{
+    when {
+        views<1000 -> {
+            return views.toString()
+        }
+        views in 1000..999999 -> {
+            val decimal = BigDecimal(views/1000).setScale(0, RoundingMode.HALF_EVEN)
+            return decimal.toString()+"K"
+        }
+        views in 1000000..10000000 -> {
+            val decimal = BigDecimal(views/1000000).setScale(0, RoundingMode.HALF_EVEN)
+            return decimal.toString()+"M"
+        }
+        else -> {
+            val decimal = BigDecimal(views/1000000).setScale(0, RoundingMode.HALF_EVEN)
+            return decimal.toString()+"M"
+        }
+    }
+}
diff --git a/app/src/main/java/xyz/btcland/libretube/Video.kt b/app/src/main/java/xyz/btcland/libretube/Video.kt
new file mode 100644
index 000000000..675f3f8ee
--- /dev/null
+++ b/app/src/main/java/xyz/btcland/libretube/Video.kt
@@ -0,0 +1,6 @@
+package xyz.btcland.libretube
+
+data class Video(
+    val id: Int,
+
+)
diff --git a/app/src/main/res/layout/fragment_home.xml b/app/src/main/res/layout/fragment_home.xml
index 58a6b3941..cea35aceb 100644
--- a/app/src/main/res/layout/fragment_home.xml
+++ b/app/src/main/res/layout/fragment_home.xml
@@ -1,14 +1,31 @@
 <?xml version="1.0" encoding="utf-8"?>
-<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     tools:context=".Home">
 
     <!-- TODO: Update blank fragment layout -->
-    <TextView
-        android:layout_width="match_parent"
-        android:layout_height="match_parent"
-        android:text="home" />
 
-</FrameLayout>
\ No newline at end of file
+    <ProgressBar
+        android:id="@+id/progressBar"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        />
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/recview"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/progressBar"
+        app:layout_constraintTop_toTopOf="parent" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/trending_row.xml b/app/src/main/res/layout/trending_row.xml
new file mode 100644
index 000000000..a99d71186
--- /dev/null
+++ b/app/src/main/res/layout/trending_row.xml
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content">
+
+    <ImageView
+        android:id="@+id/thumbnail"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        android:layout_marginStart="8dp"
+        android:layout_marginTop="8dp"
+        android:layout_marginEnd="8dp"
+        android:src="@mipmap/ic_launcher"
+        app:layout_constraintDimensionRatio="16:9"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <TextView
+        android:id="@+id/textView_title"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="8dp"
+        android:layout_marginTop="8dp"
+        android:layout_marginEnd="8dp"
+        android:text="Title"
+        android:textColor="#000000"
+        android:textSize="15sp"
+        android:textStyle="bold"
+        app:layout_constraintEnd_toEndOf="@+id/thumbnail"
+        app:layout_constraintStart_toEndOf="@+id/channel_image"
+        app:layout_constraintTop_toBottomOf="@+id/thumbnail" />
+
+    <TextView
+        android:id="@+id/textView_channel"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:text="Channel Name"
+        app:layout_constraintEnd_toEndOf="@+id/textView_title"
+        app:layout_constraintStart_toStartOf="@+id/textView_title"
+        app:layout_constraintTop_toBottomOf="@+id/textView_title"
+        android:paddingBottom="16dp"
+        />
+
+    <de.hdodenhof.circleimageview.CircleImageView
+        android:id="@+id/channel_image"
+        android:layout_width="40dp"
+        android:layout_height="40dp"
+        android:layout_marginStart="8dp"
+        android:layout_marginTop="8dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/thumbnail"
+        app:srcCompat="@mipmap/ic_launcher" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/values-large/integers.xml b/app/src/main/res/values-large/integers.xml
new file mode 100644
index 000000000..e7da413d6
--- /dev/null
+++ b/app/src/main/res/values-large/integers.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <integer name="grid_items">2</integer>
+</resources>
\ No newline at end of file
diff --git a/app/src/main/res/values-xlarge/integers.xml b/app/src/main/res/values-xlarge/integers.xml
new file mode 100644
index 000000000..15fe03fa4
--- /dev/null
+++ b/app/src/main/res/values-xlarge/integers.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <integer name="grid_items">4</integer>
+</resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/integers.xml b/app/src/main/res/values/integers.xml
new file mode 100644
index 000000000..194e40225
--- /dev/null
+++ b/app/src/main/res/values/integers.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <integer name="grid_items">1</integer>
+</resources>
\ No newline at end of file