diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index d3e588ed4..528e7e6a7 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -91,7 +91,7 @@ poetry run ruff check .
 poetry run pyright pynecone tests
 find pynecone tests -name "*.py" -not -path pynecone/pc.py | xargs poetry run darglint
 ```
-Finally run `black` to format your code.
+Finally, run `black` to format your code.
 ``` bash
 poetry run black pynecone tests
 ```
diff --git a/pynecone/components/__init__.py b/pynecone/components/__init__.py
index 5a7421762..f056d65d1 100644
--- a/pynecone/components/__init__.py
+++ b/pynecone/components/__init__.py
@@ -203,3 +203,5 @@ markdown = Markdown.create
 span = Span.create
 text = Text.create
 script = ScriptTag.create
+aspect_ratio = AspectRatio.create
+kbd = KeyboardKey.create
diff --git a/pynecone/components/datadisplay/__init__.py b/pynecone/components/datadisplay/__init__.py
index f1b2eb12d..33ec42815 100644
--- a/pynecone/components/datadisplay/__init__.py
+++ b/pynecone/components/datadisplay/__init__.py
@@ -4,6 +4,7 @@ from .badge import Badge
 from .code import Code, CodeBlock
 from .datatable import DataTable
 from .divider import Divider
+from .keyboard_key import KeyboardKey
 from .list import List, ListItem, OrderedList, UnorderedList
 from .stat import Stat, StatArrow, StatGroup, StatHelpText, StatLabel, StatNumber
 from .table import Table, TableCaption, TableContainer, Tbody, Td, Tfoot, Th, Thead, Tr
diff --git a/pynecone/components/datadisplay/keyboard_key.py b/pynecone/components/datadisplay/keyboard_key.py
new file mode 100644
index 000000000..d4fee5be4
--- /dev/null
+++ b/pynecone/components/datadisplay/keyboard_key.py
@@ -0,0 +1,9 @@
+"""A Keyboard Key Component."""
+
+from pynecone.components.libs.chakra import ChakraComponent
+
+
+class KeyboardKey(ChakraComponent):
+    """Display a keyboard key text."""
+
+    tag = "Kbd"
diff --git a/pynecone/components/layout/__init__.py b/pynecone/components/layout/__init__.py
index a8654c139..84618e734 100644
--- a/pynecone/components/layout/__init__.py
+++ b/pynecone/components/layout/__init__.py
@@ -1,5 +1,6 @@
 """Convenience functions to define layout components."""
 
+from .aspect_ratio import AspectRatio
 from .box import Box
 from .center import Center, Circle, Square
 from .cond import Cond, cond
diff --git a/pynecone/components/layout/aspect_ratio.py b/pynecone/components/layout/aspect_ratio.py
new file mode 100644
index 000000000..83d343499
--- /dev/null
+++ b/pynecone/components/layout/aspect_ratio.py
@@ -0,0 +1,13 @@
+"""A AspectRatio component."""
+
+from pynecone.components.libs.chakra import ChakraComponent
+from pynecone.var import Var
+
+
+class AspectRatio(ChakraComponent):
+    """AspectRatio component is used to embed responsive videos and maps, etc."""
+
+    tag = "AspectRatio"
+
+    # The aspect ratio of the Box
+    ratio: Var[float]