diff --git a/README.md b/README.md
index 4eab7da16..6864c9e3d 100644
--- a/README.md
+++ b/README.md
@@ -65,7 +65,7 @@ Documentation for `flowbite-react` is not yet finished.
 
 If you want to browse the components, visit [flowbite-react.com](https://flowbite-react.com/).
 
-If you want to learn more about Flowbite, visit [Flowbite docs](https://flowbite.com/getting-started/introduction/).
+If you want to learn more about Flowbite, visit [Flowbite docs](https://flowbite.com/docs/getting-started/introduction/).
 
 ## Getting started
 
@@ -185,11 +185,16 @@ If you want to contribute to Flowbite React, you can follow the [contributing gu
     </td>
   </tr>
   <tr>
+    <td width="33.3333%">Banner</td>
     <td width="33.3333%">Badge</td>
     <td width="33.3333%">Breadcrumb</td>
-    <td width="33.3333%">Button</td>
   </tr>
   <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite-react.com/docs/components/banner">
+            <img alt="Tailwind CSS Banner" src="https://flowbite.s3.amazonaws.com/github/banner.jpg">
+        </a>
+    </td>
     <td width="33.3333%">
         <a href="https://flowbite-react.com/docs/components/badge">
             <img alt="Tailwind CSS Badge" src="https://flowbite.s3.amazonaws.com/github/badge.jpg">
@@ -200,18 +205,18 @@ If you want to contribute to Flowbite React, you can follow the [contributing gu
             <img alt="Tailwind CSS Breadcrumb" src="https://flowbite.s3.amazonaws.com/github/breadcrumbs.jpg">
         </a>
     </td>
-    <td width="33.3333%">
-        <a href="https://flowbite-react.com/docs/components/button">
-            <img alt="Tailwind CSS Button" src="https://flowbite.s3.amazonaws.com/github/buttons.jpg">
-        </a>
-    </td>
   </tr>
   <tr>
+    <td width="33.3333%">Button</td>
     <td width="33.3333%">Button group</td>
     <td width="33.3333%">Card</td>
-    <td width="33.3333%">Carousel</td>
   </tr>
   <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite-react.com/docs/components/button">
+            <img alt="Tailwind CSS Button" src="https://flowbite.s3.amazonaws.com/github/buttons.jpg">
+        </a>
+    </td>
     <td width="33.3333%">
         <a href="https://flowbite-react.com/docs/components/button-group">
             <img alt="Tailwind CSS Button group" src="https://flowbite.s3.amazonaws.com/github/button-group.jpg">
@@ -222,24 +227,36 @@ If you want to contribute to Flowbite React, you can follow the [contributing gu
             <img alt="Tailwind CSS Card" src="https://flowbite.s3.amazonaws.com/github/cards.jpg">
         </a>
     </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">Carousel</td>
+    <td width="33.3333%">Datepicker</td>
+    <td width="33.3333%">Dropdown</td>
+  </tr>
+  <tr>
     <td width="33.3333%">
         <a href="https://flowbite-react.com/docs/components/carousel/">
             <img alt="Tailwind CSS Carousel" src="https://flowbite.s3.amazonaws.com/github/carousel.jpg">
         </a>
     </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-react.com/docs/components/datepicker">
+            <img alt="Tailwind CSS Datepicker" src="https://flowbite.s3.amazonaws.com/github/datepicker.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-react.com/docs/components/dropdown">
+            <img alt="Tailwind CSS Dropdown" src="https://flowbite.s3.amazonaws.com/github/dropdown.jpg">
+        </a>
+    </td>
   </tr>
   <tr>
-    <td width="33.3333%">Dropdown</td>
     <td width="33.3333%">Footer</td>
     <td width="33.3333%">Forms</td>
+    <td width="33.3333%">List group</td>
   </tr>
   <tr>
-    <td width="33.3333%">
-        <a href="https://flowbite-react.com/docs/components/dropdown">
-            <img alt="Tailwind CSS Dropdown" src="https://flowbite.s3.amazonaws.com/github/dropdown.jpg">
-        </a>
-    </td>
-    <td width="33.3333%">
+  <td width="33.3333%">
         <a href="https://flowbite-react.com/docs/components/footer">
             <img alt="Tailwind CSS Footer" src="https://flowbite.s3.amazonaws.com/github/footer.jpg">
         </a>
@@ -249,19 +266,19 @@ If you want to contribute to Flowbite React, you can follow the [contributing gu
             <img alt="Tailwind CSS Forms" src="https://flowbite.s3.amazonaws.com/github/input-field.jpg">
         </a>
     </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-react.com/docs/components/list-group">
+            <img alt="Tailwind CSS List group" src="https://flowbite.s3.amazonaws.com/github/list-group.jpg">
+        </a>
+    </td>
   </tr>
   <tr>
-    <td width="33.3333%">List group</td>
     <td width="33.3333%">Modal</td>
     <td width="33.3333%">Navbar</td>
+    <td width="33.3333%">Pagination</td>
   </tr>
   <tr>
-    <td width="33.3333%">
-        <a href="https://flowbite-react.com/docs/components/list-group">
-            <img alt="Tailwind CSS List group" src="https://flowbite.s3.amazonaws.com/github/list-group.jpg">
-        </a>
-    </td>
-    <td width="33.3333%">
+   <td width="33.3333%">
         <a href="https://flowbite-react.com/docs/components/modal">
             <img alt="Tailwind CSS Modal" src="https://flowbite.s3.amazonaws.com/github/modal.jpg">
         </a>
@@ -271,19 +288,19 @@ If you want to contribute to Flowbite React, you can follow the [contributing gu
             <img alt="Tailwind CSS Navbar" src="https://flowbite.s3.amazonaws.com/github/navbar.jpg">
         </a>
     </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-react.com/docs/components/pagination">
+            <img alt="Tailwind CSS Pagination" src="https://flowbite.s3.amazonaws.com/github/pagination.jpg">
+        </a>
+    </td>
   </tr>
   <tr>
-    <td width="33.3333%">Pagination</td>
     <td width="33.3333%">Progress bar</td>
     <td width="33.3333%">Rating</td>
+    <td width="33.3333%">Sidebar</td>
   </tr>
   <tr>
-    <td width="33.3333%">
-        <a href="https://flowbite-react.com/docs/components/pagination">
-            <img alt="Tailwind CSS Pagination" src="https://flowbite.s3.amazonaws.com/github/pagination.jpg">
-        </a>
-    </td>
-    <td width="33.3333%">
+  <td width="33.3333%">
         <a href="https://flowbite-react.com/docs/components/progress-bar">
             <img alt="Tailwind CSS Progress bar" src="https://flowbite.s3.amazonaws.com/github/progress.jpg">
         </a>
@@ -293,19 +310,19 @@ If you want to contribute to Flowbite React, you can follow the [contributing gu
             <img alt="Tailwind CSS Rating" src="https://flowbite.s3.amazonaws.com/github/rating.jpg">
         </a>
     </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-react.com/docs/components/sidebar">
+            <img alt="Tailwind CSS Sidebar" src="https://flowbite.s3.amazonaws.com/github/sidebar.jpg">
+        </a>
+    </td>
   </tr>
   <tr>
-    <td width="33.3333%">Sidebar</td>
     <td width="33.3333%">Spinner</td>
     <td width="33.3333%">Table</td>
+    <td width="33.3333%">Tabs</td>
   </tr>
   <tr>
-    <td width="33.3333%">
-        <a href="https://flowbite-react.com/docs/components/sidebar">
-            <img alt="Tailwind CSS Sidebar" src="https://flowbite.s3.amazonaws.com/github/sidebar.jpg">
-        </a>
-    </td>
-    <td width="33.3333%">
+  <td width="33.3333%">
         <a href="https://flowbite-react.com/docs/components/spinner">
             <img alt="Tailwind CSS Spinner" src="https://flowbite.s3.amazonaws.com/github/spinner.jpg">
         </a>
@@ -315,16 +332,21 @@ If you want to contribute to Flowbite React, you can follow the [contributing gu
             <img alt="Tailwind CSS Table" src="https://flowbite.s3.amazonaws.com/github/tables.jpg">
         </a>
     </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-react.com/docs/components/tabs">
+            <img alt="Tailwind CSS Tabs" src="https://flowbite.s3.amazonaws.com/github/tabs.jpg">
+        </a>
+    </td>
   </tr>
   <tr>
-    <td width="33.3333%">Tabs</td>
+    <td width="33.3333%">Tooltip</td>
     <td width="33.3333%">Timeline</td>
     <td width="33.3333%">Toast</td>
   </tr>
   <tr>
     <td width="33.3333%">
-        <a href="https://flowbite-react.com/docs/components/tabs">
-            <img alt="Tailwind CSS Tabs" src="https://flowbite.s3.amazonaws.com/github/tabs.jpg">
+        <a href="https://flowbite-react.com/docs/components/tooltip">
+            <img alt="Tailwind CSS Tooltip" src="https://flowbite.s3.amazonaws.com/github/tooltips.jpg">
         </a>
     </td>
     <td width="33.3333%">
@@ -338,16 +360,6 @@ If you want to contribute to Flowbite React, you can follow the [contributing gu
         </a>
     </td>
   </tr>
-  <tr>
-    <td width="33.3333%">Tooltip</td>
-  </tr>
-  <tr>
-    <td width="33.3333%">
-        <a href="https://flowbite-react.com/docs/components/tooltip">
-            <img alt="Tailwind CSS Tooltip" src="https://flowbite.s3.amazonaws.com/github/tooltips.jpg">
-        </a>
-    </td>
-  </tr>
 </table>
 
 ## Community