diff --git a/components/All.ts b/components/All.ts
index e4489d2..74ee299 100644
--- a/components/All.ts
+++ b/components/All.ts
@@ -1,7 +1,16 @@
+import { CodePen, Gist, YouTube, CodeSandbox, Vimeo, Tweet } from 'mdx-embed';
 import Image from 'next/image';
+import MDXButton from './MDXButton';
 
 const All = {
-	Image
+	Button: MDXButton,
+	Image,
+	CodePen,
+	Gist,
+	Vimeo,
+	CodeSandbox,
+	Tweet,
+	YouTube
 };
 
 export default All;