diff --git a/docs/components/index.md b/docs/components/index.md
index b109cc2d81..9eb06b29da 100644
--- a/docs/components/index.md
+++ b/docs/components/index.md
@@ -3,4 +3,55 @@ layout: page
 title: Components
 ---
 
-todo: this entire page
\ No newline at end of file
+## Reboot
+
+- <a href="{{ site.baseurl }}/components/reboot">Reboot</a>
+
+## Type
+
+- <a href="{{ site.baseurl }}/components/typography">Typography</a>
+- <a href="{{ site.baseurl }}/components/code">Code</a>
+- <a href="{{ site.baseurl }}/components/tables">Tables</a>
+- <a href="{{ site.baseurl }}/components/images">Images</a>
+- <a href="{{ site.baseurl }}/components/jumbotron">Jumbotron</a>
+
+## Buttons
+
+- <a href="{{ site.baseurl }}/components/buttons">Buttons</a>
+- <a href="{{ site.baseurl }}/components/button-group">Button group</a>
+- <a href="{{ site.baseurl }}/components/button-dropdown">Button dropdown</a>
+
+## Forms
+
+- <a href="{{ site.baseurl }}/components/forms">Forms</a>
+- <a href="{{ site.baseurl }}/components/input-groups">Input group</a>
+- <a href="{{ site.baseurl }}/components/progress">Progress</a>
+
+## Navigation
+
+- <a href="{{ site.baseurl }}/components/navs">Navs</a>
+- <a href="{{ site.baseurl }}/components/navbar">Navbar</a>
+- <a href="{{ site.baseurl }}/components/breadcrumb">Breadcrumb</a>
+- <a href="{{ site.baseurl }}/components/pagination">Pagination</a>
+
+## Components
+
+- <a href="{{ site.baseurl }}/components/label">Label</a>
+- <a href="{{ site.baseurl }}/components/badges">Badges</a>
+- <a href="{{ site.baseurl }}/components/dropdowns">Dropdowns</a>
+- <a href="{{ site.baseurl }}/components/alerts">Alerts</a>
+- <a href="{{ site.baseurl }}/components/card">Card</a>
+- <a href="{{ site.baseurl }}/components/list-group">List group</a>
+
+## JavaScript
+
+- <a href="{{ site.baseurl }}/components/modal">Modal</a>
+- <a href="{{ site.baseurl }}/components/scrollspy">Scrollspy</a>
+- <a href="{{ site.baseurl }}/components/tooltips">Tooltips</a>
+- <a href="{{ site.baseurl }}/components/popovers">Popovers</a>
+- <a href="{{ site.baseurl }}/components/collapse">Collapse</a>
+- <a href="{{ site.baseurl }}/components/carousel">Carousel</a>
+
+## Utilities
+
+- <a href="{{ site.baseurl }}/components/utilities">Utilities</a>