diff --git a/_pages/home.md b/_pages/home.md
index 1cdcb06..1d3ba3f 100644
--- a/_pages/home.md
+++ b/_pages/home.md
@@ -22,6 +22,7 @@ The [Neurodata Extensions Catalog (NDX Catalog)](https://github.com/nwb-extensio
 <script src="{{ site.url }}/js/lunr.min.js"></script>
 <script src="{{ site.url }}/js/jquery-3.5.0.min.js" ></script>
 <script src="{{ site.url }}/js/js-yaml.min.js" ></script>
+<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
 
 <script>
 (function() {
@@ -62,7 +63,8 @@ $.getJSON("https://api.github.com/orgs/{{ site.github_username }}/repos").done(f
         $.getJSON(readmeUrl).done(function(res, status) {
           if (status == "success") {
             readmeText = atob(res.content)
-            window.data[recordJson.name].readme = readmeText
+            var readmeHtml = marked.parse(readmeText)
+            window.data[recordJson.name].readme = readmeHtml
 
             countLoaded += 1
             if (countLoaded == countTotal) {
diff --git a/css/main.scss b/css/main.scss
index 22addb2..2afabd6 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -208,3 +208,10 @@ table {
 .record .ndx-stats {
   margin-right: 25px;
 }
+
+.readme-preview {
+  height: 300px; /* Adjust this value to your desired height */
+  overflow-y: hidden; /* change to scroll to enable scrolling */
+  position: relative;
+  padding-right: 20px;
+}
diff --git a/js/search.js b/js/search.js
index e771bf6..ab513a3 100644
--- a/js/search.js
+++ b/js/search.js
@@ -64,24 +64,24 @@ excluded_in_search: true
     }
 
     function buildResultHtml(item) {
-      readmePreview = getPreview(query, item.readme, 300);
-      if (item.maintainers) {
-        maintainers = getPreview(query, item.maintainers.join(', '), 100);
-      } else {
-        maintainers = '';
+        readmeHtml = item.readme;
+        if (item.maintainers) {
+          maintainers = getPreview(query, item.maintainers.join(', '), 100);
+        } else {
+          maintainers = '';
+        }
+        resultHtml = "<li class='record'>" +
+          "<h4><span class='ndx-name'><a href='" + item.src + "'>" + item.name + "</a></span></h4>" +
+          "<p>" +
+          "<span class='ndx-stats'>Version: " + item.version + "</span>" +
+          "<span class='ndx-stats'><a href=\"" + item.pip + "\">PyPI project page</a></span>" +
+          "<span class='ndx-stats'><a href=\"" + item.record_url + "\">Record repo</a></span>" +
+          "<span class='ndx-stats'>License: " + item.license + "</span>" +
+          "</p>" +
+          "<p>Maintainers: " + maintainers + "</p>" +
+          "<div class='readme-preview'><p>" + readmeHtml + "</p></div></li>";
+        return resultHtml;
       }
-      resultHtml = "<li class='record'>" +
-        "<h4><span class='ndx-name'><a href='" + item.src + "'>" + item.name + "</a></span></h4>" +
-        "<p>" +
-        "<span class='ndx-stats'>Version: " + item.version + "</span>" +
-        "<span class='ndx-stats'><a href=\"" + item.pip + "\">PyPI project page</a></span>" +
-        "<span class='ndx-stats'><a href=\"" + item.record_url + "\">Record repo</a></span>" +
-        "<span class='ndx-stats'>License: " + item.license + "</span>" +
-        "</p>" +
-        "<p>Maintainers: " + maintainers + "</p>" +
-        "<p>" + readmePreview + "</p></li>";
-      return resultHtml;
-    }
 
     function displaySearchResults(results, query) {
         var searchResultsEl = document.getElementById("search-results");