diff --git a/.gitignore b/.gitignore
index 4645b12b..709ce240 100644
--- a/.gitignore
+++ b/.gitignore
@@ -19,4 +19,5 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
-images
\ No newline at end of file
+images
+/extensions
\ No newline at end of file
diff --git a/docs/extensions.md b/docs/extensions.md
index 8e6a74a6..a07e8dbf 100644
--- a/docs/extensions.md
+++ b/docs/extensions.md
@@ -11,27 +11,27 @@ Learn about Meta Box extensions, what features they offer and how to use them.
 
 [![checkbox](/thumbs/checkbox.png) <span className="thumb_text">MB Custom Post Types & Custom Taxonomies</span>](/extensions/mb-custom-post-type/)
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">Meta Box Builder</span>](/extensions/meta-box-builder/)
+[![builder](/extensions/builder.png) <span className="thumb_text">Meta Box Builder</span>](/extensions/meta-box-builder/)
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">MB Views</span>](/extensions/mb-views/)
+[![views](/extensions/views.png) <span className="thumb_text">MB Views</span>](/extensions/mb-views/)
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">Meta Box Columns</span>](/extensions/meta-box-columns/)
+[![columns](/extensions/columns.png) <span className="thumb_text">Meta Box Columns</span>](/extensions/meta-box-columns/)
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">Meta Box Tabs</span>](/extensions/meta-box-tabs/)
+[![tabs](/extensions/tabs.png) <span className="thumb_text">Meta Box Tabs</span>](/extensions/meta-box-tabs/)
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">Meta Box Tooltip</span>](/extensions/meta-box-tooltip/)
+[![tooltip](/extensions/tooltip.png) <span className="thumb_text">Meta Box Tooltip</span>](/extensions/meta-box-tooltip/)
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">MB Admin Columns</span>](/extensions/mb-admin-columns/)
+[![admin-columns](/extensions/admin-columns.png) <span className="thumb_text">MB Admin Columns</span>](/extensions/mb-admin-columns/)
 
 [![checkbox](/thumbs/checkbox.png) <span className="thumb_text">Meta Box Conditional Logic</span>](/extensions/meta-box-conditional-logic/)
 
 [![checkbox](/thumbs/checkbox.png) <span className="thumb_text">Meta Box Include Exclude</span>](/extensions/meta-box-include-exclude/)
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">Meta Box Show Hide</span>](/extensions/meta-box-show-hide/)
+[![show-hide](/extensions/show-hide.png) <span className="thumb_text">Meta Box Show Hide</span>](/extensions/meta-box-show-hide/)
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">Meta Box Text Limiter</span>](/extensions/meta-box-text-limiter/)
+[![text-limiter](/extensions/text-limiter.png) <span className="thumb_text">Meta Box Text Limiter</span>](/extensions/meta-box-text-limiter/)
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">Meta Box Template</span>](/extensions/meta-box-template/)
+[![template](/extensions/template.png) <span className="thumb_text">Meta Box Template</span>](/extensions/meta-box-template/)
 
 </div>
 
@@ -39,29 +39,29 @@ Learn about Meta Box extensions, what features they offer and how to use them.
 
 <div className="thumbs color-green">
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">Meta Box Group</span>](/extensions/meta-box-group/)
+[![group](/extensions/group.png) <span className="thumb_text">Meta Box Group</span>](/extensions/meta-box-group/)
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">MB Frontend Submission</span>](/extensions/mb-frontend-submission/)
+[![frontend-submission](/extensions/frontend-submission.png) <span className="thumb_text">MB Frontend Submission</span>](/extensions/mb-frontend-submission/)
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">MB Settings Page</span>](/extensions/mb-settings-page/)
+[![settings-page](/extensions/settings-page.png) <span className="thumb_text">MB Settings Page</span>](/extensions/mb-settings-page/)
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">MB Term Meta</span>](/extensions/mb-term-meta/)
+[![term-meta](/extensions/term-meta.png) <span className="thumb_text">MB Term Meta</span>](/extensions/mb-term-meta/)
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">MB User Meta</span>](/extensions/mb-user-meta/)
+[![user-meta](/extensions/user-meta.png) <span className="thumb_text">MB User Meta</span>](/extensions/mb-user-meta/)
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">MB User Profile</span>](/extensions/mb-user-profile/)
+[![user-profile](/extensions/user-profile.png) <span className="thumb_text">MB User Profile</span>](/extensions/mb-user-profile/)
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">MB Blocks</span>](/extensions/mb-blocks/)
+[![blocks](/extensions/blocks.png) <span className="thumb_text">MB Blocks</span>](/extensions/mb-blocks/)
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">MB Relationships</span>](/extensions/mb-relationships/)
+[![relationships](/extensions/relationships.png) <span className="thumb_text">MB Relationships</span>](/extensions/mb-relationships/)
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">MB Custom Table</span>](/extensions/mb-custom-table/)
+[![custom-table](/extensions/custom-table.png) <span className="thumb_text">MB Custom Table</span>](/extensions/mb-custom-table/)
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">Meta Box Geolocation</span>](/extensions/meta-box-geolocation/)
+[![geolocation](/extensions/geolocation.png) <span className="thumb_text">Meta Box Geolocation</span>](/extensions/meta-box-geolocation/)
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">MB REST API</span>](/extensions/mb-rest-api/)
+[![rest-api](/extensions/rest-api.png) <span className="thumb_text">MB REST API</span>](/extensions/mb-rest-api/)
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">MB Revision</span>](/extensions/mb-revision/)
+[![revision](/extensions/revision.png) <span className="thumb_text">MB Revision</span>](/extensions/mb-revision/)
 
 <!-- [![checkbox](/thumbs/checkbox.png) <span className="thumb_text">MB Comment Meta</span>](/extensions/mb-comment-meta/) -->
 
@@ -71,17 +71,17 @@ Learn about Meta Box extensions, what features they offer and how to use them.
 
 <div className="thumbs color-amber">
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">MB ACF Migration</span>](/extensions/mb-acf-migration/)
+[![acf](/extensions/acf.jpg) <span className="thumb_text">MB ACF Migration</span>](/extensions/mb-acf-migration/)
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">MB Rank Math</span>](/extensions/mb-rank-math/)
+[![rankmath](/extensions/rankmath.jpg) <span className="thumb_text">MB Rank Math</span>](/extensions/mb-rank-math/)
 
-<!-- [![checkbox](/thumbs/checkbox.png) <span className="thumb_text">Meta Box for Yoast SEO</span>](/extensions/meta-box-yoat-seo/) -->
+[![yoast-seo](/thumbs/checkbox.png) <span className="thumb_text">Meta Box for Yoast SEO</span>](/extensions/meta-box-yoat-seo/)
 
-<!-- [![checkbox](/thumbs/checkbox.png) <span className="thumb_text">Meta Box - FacetWP Integrator</span>](/extensions/meta-box-facetwp-integrator/) -->
+<!-- [![facetwp](/extensions/facetwp.png) <span className="thumb_text">Meta Box - FacetWP Integrator</span>](/extensions/meta-box-facetwp-integrator/) -->
 
-<!-- [![checkbox](/thumbs/checkbox.png) <span className="thumb_text">Meta Box - Elementor Integrator</span>](/extensions/mb-elementor-integrator/) -->
+<!-- [![elementor](/extensions/elementor.png) <span className="thumb_text">Meta Box - Elementor Integrator</span>](/extensions/mb-elementor-integrator/) -->
 
-<!-- [![checkbox](/thumbs/checkbox.png) <span className="thumb_text">Meta Box - Beaver Themer Integrator</span>](/extensions/meta-box-beaver-themer-integrator/) -->
+<!-- [![beaver](/extensions/beaver.png) <span className="thumb_text">Meta Box - Beaver Themer Integrator</span>](/extensions/meta-box-beaver-themer-integrator/) -->
 
 </div>
 
@@ -89,11 +89,11 @@ Learn about Meta Box extensions, what features they offer and how to use them.
 
 <div className="thumbs color-red">
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">MB Favorite Posts</span>](/extensions/mb-favorite-posts/)
+[![favorite-posts](/extensions/favourite-posts.png) <span className="thumb_text">MB Favorite Posts</span>](/extensions/mb-favorite-posts/)
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">MB Testimonials</span>](/extensions/mb-testimonials/)
+[![testimonials](/extensions/testimonials.png) <span className="thumb_text">MB Testimonials</span>](/extensions/mb-testimonials/)
 
-<!-- [![checkbox](/thumbs/checkbox.png) <span className="thumb_text">MB User Avatar</span>](/extensions/mb-user-avatar/) -->
+<!-- [![user-avatar](/extensions/user-avatar.png) <span className="thumb_text">MB User Avatar</span>](/extensions/mb-user-avatar/) -->
 
 </div>
 
@@ -101,7 +101,7 @@ Learn about Meta Box extensions, what features they offer and how to use them.
 
 <div className="thumbs color-cyan">
 
-[![checkbox](/thumbs/checkbox.png) <span className="thumb_text">Meta Box AIO</span>](/extensions/meta-box-aio/)
+[![aio](/thumbs/checkbox.png) <span className="thumb_text">Meta Box AIO</span>](/extensions/meta-box-aio/)
 
 <!-- [![checkbox](/thumbs/checkbox.png) <span className="thumb_text">MB Core</span>](/extensions/mb-core/) -->
 
diff --git a/scripts/copy-extensions.php b/scripts/copy-extensions.php
new file mode 100644
index 00000000..fc3fc9ef
--- /dev/null
+++ b/scripts/copy-extensions.php
@@ -0,0 +1,27 @@
+<?php
+$dir = dirname( __DIR__ ) . '/extensions';
+$des = dirname( __DIR__ ) . '/static/extensions';
+
+$categories = array_diff( scandir( $dir ), ['.', '..', '.DS_Store' ] );
+
+foreach ( $categories as $category ) {
+	$fields = array_diff( scandir( "$dir/$category" ), ['.', '..', '.DS_Store' ] );
+
+	foreach ( $fields as $field ) {
+		$files = array_diff( scandir( "$dir/$category/$field" ), ['.', '..', '.DS_Store' ] );
+
+		foreach ( $files as $file ) {
+			if ( strpos( $file, 'thumbnail' ) === false ) {
+				continue;
+			}
+
+			$new_name = strtolower( $file );
+			$new_name = str_replace( ['mb-', '_thumbnail'], '', $new_name );
+			$new_name = str_replace( ' ', '-', $new_name );
+
+			copy( "$dir/$category/$field/$file", "$des/$new_name" );
+		}
+	}
+}
+
+echo "Done\n";
\ No newline at end of file
diff --git a/src/css/custom.css b/src/css/custom.css
index 893c9cc5..82de5845 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -294,7 +294,7 @@ summary {
 /* Field types thumbnails */
 .thumbs {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 260px));
+  grid-template-columns: repeat(auto-fit, 220px);
   gap: 2rem;
 }
 @media (max-width: 479px) {
diff --git a/static/extensions/acf.jpg b/static/extensions/acf.jpg
new file mode 100644
index 00000000..28aab80a
Binary files /dev/null and b/static/extensions/acf.jpg differ
diff --git a/static/extensions/admin-columns.png b/static/extensions/admin-columns.png
new file mode 100644
index 00000000..3f0745fa
Binary files /dev/null and b/static/extensions/admin-columns.png differ
diff --git a/static/extensions/beaver.jpg b/static/extensions/beaver.jpg
new file mode 100644
index 00000000..d580c650
Binary files /dev/null and b/static/extensions/beaver.jpg differ
diff --git a/static/extensions/blocks.png b/static/extensions/blocks.png
new file mode 100644
index 00000000..25cadf80
Binary files /dev/null and b/static/extensions/blocks.png differ
diff --git a/static/extensions/builder.png b/static/extensions/builder.png
new file mode 100644
index 00000000..05ed807e
Binary files /dev/null and b/static/extensions/builder.png differ
diff --git a/static/extensions/columns.png b/static/extensions/columns.png
new file mode 100644
index 00000000..b39f03d1
Binary files /dev/null and b/static/extensions/columns.png differ
diff --git a/static/extensions/custom-table.png b/static/extensions/custom-table.png
new file mode 100644
index 00000000..9bee74df
Binary files /dev/null and b/static/extensions/custom-table.png differ
diff --git a/static/extensions/elementor.jpg b/static/extensions/elementor.jpg
new file mode 100644
index 00000000..7dd849ff
Binary files /dev/null and b/static/extensions/elementor.jpg differ
diff --git a/static/extensions/facetwp.jpg b/static/extensions/facetwp.jpg
new file mode 100644
index 00000000..6cd7c155
Binary files /dev/null and b/static/extensions/facetwp.jpg differ
diff --git a/static/extensions/favourite-posts.png b/static/extensions/favourite-posts.png
new file mode 100644
index 00000000..ac124c36
Binary files /dev/null and b/static/extensions/favourite-posts.png differ
diff --git a/static/extensions/frontend-submission.png b/static/extensions/frontend-submission.png
new file mode 100644
index 00000000..77c56a53
Binary files /dev/null and b/static/extensions/frontend-submission.png differ
diff --git a/static/extensions/geolocation.png b/static/extensions/geolocation.png
new file mode 100644
index 00000000..5c9563bd
Binary files /dev/null and b/static/extensions/geolocation.png differ
diff --git a/static/extensions/group.png b/static/extensions/group.png
new file mode 100644
index 00000000..06aa8e14
Binary files /dev/null and b/static/extensions/group.png differ
diff --git a/static/extensions/rankmath.jpg b/static/extensions/rankmath.jpg
new file mode 100644
index 00000000..6ba24b84
Binary files /dev/null and b/static/extensions/rankmath.jpg differ
diff --git a/static/extensions/relationships.png b/static/extensions/relationships.png
new file mode 100644
index 00000000..f6998e5b
Binary files /dev/null and b/static/extensions/relationships.png differ
diff --git a/static/extensions/rest-api.png b/static/extensions/rest-api.png
new file mode 100644
index 00000000..cc4fbedd
Binary files /dev/null and b/static/extensions/rest-api.png differ
diff --git a/static/extensions/revision.png b/static/extensions/revision.png
new file mode 100644
index 00000000..a5279fae
Binary files /dev/null and b/static/extensions/revision.png differ
diff --git a/static/extensions/searchwp.jpg b/static/extensions/searchwp.jpg
new file mode 100644
index 00000000..b1850829
Binary files /dev/null and b/static/extensions/searchwp.jpg differ
diff --git a/static/extensions/settings-page.png b/static/extensions/settings-page.png
new file mode 100644
index 00000000..b846f4c4
Binary files /dev/null and b/static/extensions/settings-page.png differ
diff --git a/static/extensions/show-hide.png b/static/extensions/show-hide.png
new file mode 100644
index 00000000..f6bec3df
Binary files /dev/null and b/static/extensions/show-hide.png differ
diff --git a/static/extensions/tabs.png b/static/extensions/tabs.png
new file mode 100644
index 00000000..c8cc0678
Binary files /dev/null and b/static/extensions/tabs.png differ
diff --git a/static/extensions/template.png b/static/extensions/template.png
new file mode 100644
index 00000000..784df705
Binary files /dev/null and b/static/extensions/template.png differ
diff --git a/static/extensions/term-meta.png b/static/extensions/term-meta.png
new file mode 100644
index 00000000..3ccf3856
Binary files /dev/null and b/static/extensions/term-meta.png differ
diff --git a/static/extensions/testimonials.png b/static/extensions/testimonials.png
new file mode 100644
index 00000000..049b6bcb
Binary files /dev/null and b/static/extensions/testimonials.png differ
diff --git a/static/extensions/text-limiter.png b/static/extensions/text-limiter.png
new file mode 100644
index 00000000..71967bea
Binary files /dev/null and b/static/extensions/text-limiter.png differ
diff --git a/static/extensions/tooltip.png b/static/extensions/tooltip.png
new file mode 100644
index 00000000..2771d82f
Binary files /dev/null and b/static/extensions/tooltip.png differ
diff --git a/static/extensions/user-meta.png b/static/extensions/user-meta.png
new file mode 100644
index 00000000..97576eed
Binary files /dev/null and b/static/extensions/user-meta.png differ
diff --git a/static/extensions/user-profile.png b/static/extensions/user-profile.png
new file mode 100644
index 00000000..7812280b
Binary files /dev/null and b/static/extensions/user-profile.png differ
diff --git a/static/extensions/views.png b/static/extensions/views.png
new file mode 100644
index 00000000..2c4ae101
Binary files /dev/null and b/static/extensions/views.png differ
diff --git a/static/extensions/yoast-seo.jpg b/static/extensions/yoast-seo.jpg
new file mode 100644
index 00000000..4c6220db
Binary files /dev/null and b/static/extensions/yoast-seo.jpg differ