diff --git a/component/viewer/src/main/java/one/nem/lacerta/component/viewer/ComponentViewerTopFragment.java b/component/viewer/src/main/java/one/nem/lacerta/component/viewer/ComponentViewerTopFragment.java
index e368b703..246c9a45 100644
--- a/component/viewer/src/main/java/one/nem/lacerta/component/viewer/ComponentViewerTopFragment.java
+++ b/component/viewer/src/main/java/one/nem/lacerta/component/viewer/ComponentViewerTopFragment.java
@@ -1,20 +1,36 @@
 package one.nem.lacerta.component.viewer;
 
+import android.graphics.Bitmap;
 import android.os.Bundle;
 
 import androidx.fragment.app.Fragment;
+import androidx.recyclerview.widget.LinearLayoutManager;
+import androidx.recyclerview.widget.RecyclerView;
 
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
 
+import java.util.ArrayList;
+
+import javax.inject.Inject;
+
+import dagger.hilt.android.AndroidEntryPoint;
+import one.nem.lacerta.data.Document;
+import one.nem.lacerta.model.document.DocumentDetail;
+import one.nem.lacerta.model.document.page.Page;
+
 /**
  * A simple {@link Fragment} subclass.
  * Use the {@link ComponentViewerTopFragment#newInstance} factory method to
  * create an instance of this fragment.
  */
+@AndroidEntryPoint
 public class ComponentViewerTopFragment extends Fragment {
 
+    @Inject
+    Document document;
+
     private static final String TAG = "ComponentViewerTopFragment";
 
     private String documentId;
@@ -43,6 +59,18 @@ public class ComponentViewerTopFragment extends Fragment {
     public View onCreateView(LayoutInflater inflater, ViewGroup container,
                              Bundle savedInstanceState) {
         // Inflate the layout for this fragment
-        return inflater.inflate(R.layout.fragment_component_viewer_top, container, false);
+        View view = inflater.inflate(R.layout.fragment_component_viewer_top, container, false);
+
+        DocumentDetail documentDetail = document.getDocument(documentId);
+
+        ArrayList<Page> documentPages = new ArrayList<>();
+        documentPages = documentDetail.getPages();
+
+        RecyclerView recyclerView = view.findViewById(R.id.body_recycler_view);
+        recyclerView.setLayoutManager(new LinearLayoutManager(getContext()));
+        ViewerBodyAdapter viewerBodyAdapter = new ViewerBodyAdapter(documentPages);
+        recyclerView.setAdapter(viewerBodyAdapter);
+
+        return view;
     }
 }
\ No newline at end of file
diff --git a/component/viewer/src/main/java/one/nem/lacerta/component/viewer/ViewerBodyAdapter.java b/component/viewer/src/main/java/one/nem/lacerta/component/viewer/ViewerBodyAdapter.java
index 7bd52ace..5494c847 100644
--- a/component/viewer/src/main/java/one/nem/lacerta/component/viewer/ViewerBodyAdapter.java
+++ b/component/viewer/src/main/java/one/nem/lacerta/component/viewer/ViewerBodyAdapter.java
@@ -11,12 +11,14 @@ import androidx.recyclerview.widget.RecyclerView;
 
 import java.util.ArrayList;
 
+import one.nem.lacerta.model.document.page.Page;
+
 public class ViewerBodyAdapter extends RecyclerView.Adapter<ViewerBodyAdapter.ViewHolder>{
 
-    ArrayList<Bitmap> images;
+    ArrayList<Page> pages;
 
-    public ViewerBodyAdapter(ArrayList<Bitmap> images){
-        this.images = images;
+    public ViewerBodyAdapter(ArrayList<Page> pages){
+        this.pages = pages;
     }
 
     @NonNull
@@ -28,12 +30,13 @@ public class ViewerBodyAdapter extends RecyclerView.Adapter<ViewerBodyAdapter.Vi
 
     @Override
     public void onBindViewHolder(@NonNull ViewerBodyAdapter.ViewHolder holder, int position) {
-        holder.image.setImageBitmap(images.get(position));
+        Bitmap bitmap = pages.get(position).getBitmap();
+        holder.image.setImageBitmap(bitmap);
     }
 
     @Override
     public int getItemCount() {
-        return images.size();
+        return pages.size();
     }
 
     public class ViewHolder extends RecyclerView.ViewHolder{
diff --git a/component/viewer/src/main/java/one/nem/lacerta/component/viewer/ViewerMainActivity.java b/component/viewer/src/main/java/one/nem/lacerta/component/viewer/ViewerMainActivity.java
index 84ea6303..acd6d6a8 100644
--- a/component/viewer/src/main/java/one/nem/lacerta/component/viewer/ViewerMainActivity.java
+++ b/component/viewer/src/main/java/one/nem/lacerta/component/viewer/ViewerMainActivity.java
@@ -59,5 +59,9 @@ public class ViewerMainActivity extends AppCompatActivity {
             Toast.makeText(this, "Failed to get documentId from intent", Toast.LENGTH_LONG).show();
             finish();
         }
+
+        getSupportFragmentManager().beginTransaction()
+                .replace(R.id.nav_host_fragment, ComponentViewerTopFragment.newInstance(documentId))
+                .commitNow();
     }
 }
\ No newline at end of file
diff --git a/component/viewer/src/main/res/layout/viewer_body_list_item.xml b/component/viewer/src/main/res/layout/viewer_body_list_item.xml
new file mode 100644
index 00000000..d3aea2de
--- /dev/null
+++ b/component/viewer/src/main/res/layout/viewer_body_list_item.xml
@@ -0,0 +1,19 @@
+<?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"
+    android:layout_margin="16dp">
+
+    <ImageView
+        android:id="@+id/imageView"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:elevation="8dp"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:srcCompat="@tools:sample/backgrounds/scenic" />
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file