diff --git a/.gitmodules b/.gitmodules
index 115a2af..e612347 100644
--- a/.gitmodules
+++ b/.gitmodules
@@ -49,3 +49,12 @@
[submodule "hero"]
path = hero
url = https://github.com/opensass/hero
+[submodule "card-rs"]
+ path = card-rs
+ url = https://github.com/opensass/card-rs.git
+[submodule "avatar"]
+ path = avatar
+ url = https://github.com/opensass/avatar.git
+[submodule "badges-rs"]
+ path = badges-rs
+ url = https://github.com/opensass/badges-rs.git
diff --git a/avatar b/avatar
new file mode 160000
index 0000000..1e11450
--- /dev/null
+++ b/avatar
@@ -0,0 +1 @@
+Subproject commit 1e114500e9c1065a896ddd85442ad2c01e594c4c
diff --git a/badges-rs b/badges-rs
new file mode 160000
index 0000000..ed9d58b
--- /dev/null
+++ b/badges-rs
@@ -0,0 +1 @@
+Subproject commit ed9d58b5501ece4444a7e378a4695c5b03c4bb3b
diff --git a/book.toml b/book.toml
index 924eda6..83e9439 100644
--- a/book.toml
+++ b/book.toml
@@ -6,6 +6,7 @@ title = "Open SASS Components Kit"
[preprocessor.tabs]
+
[output.html]
additional-css = ["theme/main.css", "theme/tabs.css"]
additional-js = ["theme/tabs.js"]
diff --git a/card-rs b/card-rs
new file mode 160000
index 0000000..5e1c20d
--- /dev/null
+++ b/card-rs
@@ -0,0 +1 @@
+Subproject commit 5e1c20dd969e186de0553d474c99804bb4fb2a0e
diff --git a/hero b/hero
index e07519c..e46ff56 160000
--- a/hero
+++ b/hero
@@ -1 +1 @@
-Subproject commit e07519c19521b52d400833faed628ff99cf3cb8f
+Subproject commit e46ff56f92bf43c2a552569773364ac5087e335b
diff --git a/i18n-rs b/i18n-rs
index 201b9e4..fbdf66b 160000
--- a/i18n-rs
+++ b/i18n-rs
@@ -1 +1 @@
-Subproject commit 201b9e48cdfedb7f4a4385e4ee1896151f7253a5
+Subproject commit fbdf66b7160be8812632a939561e4346a30de4c5
diff --git a/image-rs b/image-rs
index d67aacc..dc30f4d 160000
--- a/image-rs
+++ b/image-rs
@@ -1 +1 @@
-Subproject commit d67aaccd104615afbf4c05f6190fdb32bbb85ae9
+Subproject commit dc30f4dd1bf50bb2a8eeec753b6516a99be33109
diff --git a/input-rs b/input-rs
index a8cde13..b37a3b1 160000
--- a/input-rs
+++ b/input-rs
@@ -1 +1 @@
-Subproject commit a8cde136407a8507430fc95e2fe90c0afbc39388
+Subproject commit b37a3b14879025de052df1e1a0379ca7375c4221
diff --git a/src/SUMMARY.md b/src/SUMMARY.md
index adf8908..1f15c44 100644
--- a/src/SUMMARY.md
+++ b/src/SUMMARY.md
@@ -6,9 +6,9 @@
- [Components](./components.md)
- [Data Display]()
- [Accordion](./components/accordion-rs.md)
- - [Avatar (TODO)]()
- - [Badge (TODO)]()
- - [Card (TODO)]()
+ - [Avatar](./components/avatar-rs.md)
+ - [Badge](./components/badges-rs.md)
+ - [Card](./components/card-rs.md)
- [Code (TODO)]()
- [Image](./components/image-rs.md)
- [Snippet (TODO)]()
diff --git a/src/components/avatar-rs.md b/src/components/avatar-rs.md
new file mode 100644
index 0000000..2522e42
--- /dev/null
+++ b/src/components/avatar-rs.md
@@ -0,0 +1,110 @@
+# Avatar RS
+
+{{#tabs }}
+
+{{#tab name="Yew" }}
+
+Edit Component
+
+
+{{#include ../../avatar/YEW.md}}
+
+## Usage
+
+
+
+## CLI Usage
+
+You can import Avatar RS directly into your project to customize and modify it using the [opensass cli](https://github.com/opensass/cli):
+
+```sh
+os add avatar yew
+```
+
+{{#endtab}}
+
+{{#tab name="Dioxus"}}
+
+Edit Component
+
+
+{{#include ../../avatar/DIOXUS.md}}
+
+## Usage
+
+
+
+## CLI Usage
+
+You can import Avatar RS directly into your project to customize and modify it using the [opensass cli](https://github.com/opensass/cli):
+
+```sh
+os add avatar dio
+```
+
+{{#endtab}}
+
+{{#tab name="Leptos"}}
+
+Edit Component
+
+
+{{#include ../../avatar/LEPTOS.md}}
+
+## Usage
+
+
+
+## CLI Usage
+
+You can import Avatar RS directly into your project to customize and modify it using the [opensass cli](https://github.com/opensass/cli):
+
+```sh
+os add avatar lep
+```
+
+{{#endtab }}
+
+{{#endtabs }}
diff --git a/src/components/badges-rs.md b/src/components/badges-rs.md
new file mode 100644
index 0000000..2cf7776
--- /dev/null
+++ b/src/components/badges-rs.md
@@ -0,0 +1,110 @@
+# Badges RS
+
+{{#tabs }}
+
+{{#tab name="Yew" }}
+
+Edit Component
+
+
+{{#include ../../badges-rs/YEW.md}}
+
+## Usage
+
+
+
+## CLI Usage
+
+You can import Badges RS directly into your project to customize and modify it using the [opensass cli](https://github.com/opensass/cli):
+
+```sh
+os add badges-rs yew
+```
+
+{{#endtab}}
+
+{{#tab name="Dioxus"}}
+
+Edit Component
+
+
+{{#include ../../badges-rs/DIOXUS.md}}
+
+## Usage
+
+
+
+## CLI Usage
+
+You can import Badges RS directly into your project to customize and modify it using the [opensass cli](https://github.com/opensass/cli):
+
+```sh
+os add badges-rs dio
+```
+
+{{#endtab}}
+
+{{#tab name="Leptos"}}
+
+Edit Component
+
+
+{{#include ../../badges-rs/LEPTOS.md}}
+
+## Usage
+
+
+
+## CLI Usage
+
+You can import Badges RS directly into your project to customize and modify it using the [opensass cli](https://github.com/opensass/cli):
+
+```sh
+os add badges-rs lep
+```
+
+{{#endtab }}
+
+{{#endtabs }}
diff --git a/src/components/card-rs.md b/src/components/card-rs.md
new file mode 100644
index 0000000..f3edab1
--- /dev/null
+++ b/src/components/card-rs.md
@@ -0,0 +1,110 @@
+# Card RS
+
+{{#tabs }}
+
+{{#tab name="Yew" }}
+
+Edit Component
+
+
+{{#include ../../card-rs/YEW.md}}
+
+## Usage
+
+
+
+## CLI Usage
+
+You can import Card RS directly into your project to customize and modify it using the [opensass cli](https://github.com/opensass/cli):
+
+```sh
+os add card-rs yew
+```
+
+{{#endtab}}
+
+{{#tab name="Dioxus"}}
+
+Edit Component
+
+
+{{#include ../../card-rs/DIOXUS.md}}
+
+## Usage
+
+
+
+## CLI Usage
+
+You can import Card RS directly into your project to customize and modify it using the [opensass cli](https://github.com/opensass/cli):
+
+```sh
+os add card-rs dio
+```
+
+{{#endtab}}
+
+{{#tab name="Leptos"}}
+
+Edit Component
+
+
+{{#include ../../card-rs/LEPTOS.md}}
+
+## Usage
+
+
+
+## CLI Usage
+
+You can import Card RS directly into your project to customize and modify it using the [opensass cli](https://github.com/opensass/cli):
+
+```sh
+os add card-rs lep
+```
+
+{{#endtab }}
+
+{{#endtabs }}
diff --git a/table-rs b/table-rs
index fb9473c..e060ca7 160000
--- a/table-rs
+++ b/table-rs
@@ -1 +1 @@
-Subproject commit fb9473c4a0a8130590f4e949483d16c764173bfe
+Subproject commit e060ca733389d2554ff3da8528e07a2448445c6e