diff --git a/frontend/src/app/render_wasm/api.cljs b/frontend/src/app/render_wasm/api.cljs
index 17679db57..9b04a28c5 100644
--- a/frontend/src/app/render_wasm/api.cljs
+++ b/frontend/src/app/render_wasm/api.cljs
@@ -502,8 +502,10 @@
 (defn translate-layout-flex-dir
   [flex-dir]
   (case flex-dir
-    :row    0
-    :column 1))
+    :row            0
+    :row-reverse    1
+    :column         2
+    :column-reverse 3))
 
 (defn translate-layout-align-items
   [align-items]
diff --git a/render-wasm/docs/serialization.md b/render-wasm/docs/serialization.md
index b9999245b..094e72f94 100644
--- a/render-wasm/docs/serialization.md
+++ b/render-wasm/docs/serialization.md
@@ -145,11 +145,13 @@ Shadow styles are serialized as `u8`:
 
 ## Layout - Direction
 
-| Value | Field  |
-| ----- | -------|
-| 0     | Row    |
-| 1     | Column |
-| \_    | error  |
+| Value | Field         |
+| ----- | --------------|
+| 0     | Row           |
+| 1     | RowReverse    |
+| 2     | Column        |
+| 3     | ColumnReverse |
+| \_    | error         |
 
 ## Layout - Align Items
 
diff --git a/render-wasm/src/shapes/layouts.rs b/render-wasm/src/shapes/layouts.rs
index 2b15a8120..d6741b0b8 100644
--- a/render-wasm/src/shapes/layouts.rs
+++ b/render-wasm/src/shapes/layouts.rs
@@ -9,14 +9,18 @@ pub enum Layout {
 #[derive(Debug, Clone, PartialEq)]
 pub enum Direction {
     Row,
+    RowReverse,
     Column,
+    ColumnReverse,
 }
 
 impl Direction {
     pub fn from_u8(value: u8) -> Self {
         match value {
             0 => Self::Row,
-            1 => Self::Column,
+            1 => Self::RowReverse,
+            2 => Self::Column,
+            3 => Self::ColumnReverse,
             _ => unreachable!(),
         }
     }