diff --git a/.github/single-file-samples/main.exs b/.github/single-file-samples/main.exs
index 88b63afcee..7f2171bfd1 100644
--- a/.github/single-file-samples/main.exs
+++ b/.github/single-file-samples/main.exs
@@ -43,13 +43,13 @@ defmodule Example.HomeLive do
     <style>
       * { font-size: 1.1em; }
     </style>
-    <%= @inner_content %>
+    {@inner_content}
     """
   end
 
   def render(assigns) do
     ~H"""
-    <%= @count %>
+    {@count}
     <button phx-click="inc">+</button>
     <button phx-click="dec">-</button>
     """
diff --git a/.github/single-file-samples/test.exs b/.github/single-file-samples/test.exs
index d494dbd173..b78bb6a8d6 100644
--- a/.github/single-file-samples/test.exs
+++ b/.github/single-file-samples/test.exs
@@ -39,7 +39,7 @@ defmodule Example.HomeLive do
     <style>
       * { font-size: 1.1em; }
     </style>
-    <%= @inner_content %>
+    {@inner_content}
     """
   end
 
diff --git a/guides/client/bindings.md b/guides/client/bindings.md
index b2987b2ffe..951a947348 100644
--- a/guides/client/bindings.md
+++ b/guides/client/bindings.md
@@ -148,7 +148,7 @@ for example:
     def render(assigns) do
       ~H"""
       <div id="thermostat" phx-window-keyup="update_temp">
-        Current temperature: <%= @temperature %>
+        Current temperature: {@temperature}
       </div>
       """
     end
@@ -384,7 +384,7 @@ For example:
 
 ```heex
 <p class="alert" phx-click="lv:clear-flash" phx-value-key="info">
-  <%= Phoenix.Flash.get(@flash, :info) %>
+  {Phoenix.Flash.get(@flash, :info)}
 </p>
 ```
 
diff --git a/guides/client/js-interop.md b/guides/client/js-interop.md
index 15d416819c..801dcf8eb9 100644
--- a/guides/client/js-interop.md
+++ b/guides/client/js-interop.md
@@ -78,7 +78,7 @@ element from the server to draw the user's attention:
 
 ```heex
 <div id={"item-#{item.id}"} class="item">
-  <%= item.title %>
+  {item.title}
 </div>
 ```
 
@@ -110,7 +110,7 @@ attribute:
 
 ```heex
 <div id={"item-#{item.id}"} class="item" data-highlight={JS.transition("highlight")}>
-  <%= item.title %>
+  {item.title}
 </div>
 ```
 
diff --git a/guides/introduction/welcome.md b/guides/introduction/welcome.md
index d5e0e511a9..0ad98cb7e5 100644
--- a/guides/introduction/welcome.md
+++ b/guides/introduction/welcome.md
@@ -47,7 +47,7 @@ defmodule MyAppWeb.ThermostatLive do
 
   def render(assigns) do
     ~H"""
-    Current temperature: <%= @temperature %>°F
+    Current temperature: {@temperature}°F
     <button phx-click="inc_temperature">+</button>
     """
   end
@@ -235,7 +235,7 @@ function that receives an assigns map and returns a `~H` template. For example:
     def weather_greeting(assigns) do
       ~H"""
       <div title="My div" class={@class}>
-        <p>Hello <%= @name %></p>
+        <p>Hello {@name}</p>
         <MyApp.Weather.city name="Kraków"/>
       </div>
       """
diff --git a/guides/server/assigns-eex.md b/guides/server/assigns-eex.md
index 62e37605cc..10958800f2 100644
--- a/guides/server/assigns-eex.md
+++ b/guides/server/assigns-eex.md
@@ -1,11 +1,11 @@
 # Assigns and HEEx templates
 
-All of the data in a LiveView is stored in the socket, which is a server 
+All of the data in a LiveView is stored in the socket, which is a server
 side struct called `Phoenix.LiveView.Socket`. Your own data is stored
 under the `assigns` key of said struct. The server data is never shared
 with the client beyond what your template renders.
 
-Phoenix template language is called HEEx (HTML+EEx). EEx is Embedded 
+Phoenix template language is called HEEx (HTML+EEx). EEx is Embedded
 Elixir, an Elixir string template engine. Those templates
 are either files with the `.heex` extension or they are created
 directly in source files via the `~H` sigil. You can learn more about
@@ -27,7 +27,7 @@ static and dynamic parts of the template to the client. Imagine the
 following template:
 
 ```heex
-<h1><%= expand_title(@title) %></h1>
+<h1>{expand_title(@title)}</h1>
 ```
 
 It has two static parts, `<h1>` and `</h1>` and one dynamic part
@@ -46,7 +46,7 @@ Take this template:
 
 ```heex
 <div id={"user_#{@user.id}"}>
-  <%= @user.name %>
+  {@user.name}
 </div>
 ```
 
@@ -58,7 +58,7 @@ The change tracking also works when rendering other templates as
 long as they are also `.heex` templates:
 
 ```heex
-<%= render "child_template.html", assigns %>
+{render("child_template.html", assigns)}
 ```
 
 Or when using function components:
@@ -73,7 +73,7 @@ query in your template:
 
 ```heex
 <%= for user <- Repo.all(User) do %>
-  <%= user.name %>
+  {user.name}
 <% end %>
 ```
 
@@ -102,13 +102,13 @@ this in your HEEx templates:
 
 ```heex
 <% some_var = @x + @y %>
-<%= some_var %>
+{some_var}
 ```
 
 Instead, use a function:
 
 ```heex
-<%= sum(@x, @y) %>
+{sum(@x, @y)}
 ```
 
 Similarly, **do not** define variables at the top of your `render` function
@@ -120,9 +120,9 @@ if either value changes, both must be re-rendered by LiveView.
       title = assigns.title
 
       ~H"""
-      <h1><%= title %></h1>
+      <h1>{title}</h1>
 
-      <%= sum %>
+      {sum}
       """
     end
 
@@ -141,9 +141,9 @@ The same functions can be used inside function components too:
       assigns = assign(assigns, sum: assigns.x + assigns.y)
 
       ~H"""
-      <h1><%= @title %></h1>
+      <h1>{@title}</h1>
 
-      <%= @sum %>
+      {@sum}
       """
     end
 
@@ -168,7 +168,7 @@ and instead use `@` for accessing specific keys. This also applies to
 function components. Let's see some examples.
 
 Sometimes you might want to pass all assigns from one function component to
-another. For example, imagine you have a complex `card` component with 
+another. For example, imagine you have a complex `card` component with
 header, content and footer section. You might refactor your component
 into three smaller components internally:
 
@@ -209,7 +209,7 @@ def card(assigns) do
   <div class="card">
     <.card_header title={@title} class={@title_class} />
     <.card_body>
-      <%= render_slot(@inner_block) %>
+      {render_slot(@inner_block)}
     </.card_body>
     <.card_footer on_close={@on_close} />
   </div>
@@ -225,9 +225,9 @@ templates is acceptable:
 def card(assigns) do
   ~H"""
   <div class="card">
-    <%= card_header(assigns) %>
-    <%= card_body(assigns) %>
-    <%= card_footer(assigns) %>
+    {card_header(assigns)}
+    {card_body(assigns)}
+    {card_footer(assigns)}
   </div>
   """
 end
diff --git a/guides/server/live-layouts.md b/guides/server/live-layouts.md
index 2a286a1173..c29ac1816d 100644
--- a/guides/server/live-layouts.md
+++ b/guides/server/live-layouts.md
@@ -17,7 +17,7 @@ From Phoenix v1.7, your application is made of two layouts:
 Overall, those layouts are found in `components/layouts` and are
 embedded within `MyAppWeb.Layouts`.
 
-All layouts must call `<%= @inner_content %>` to inject the
+All layouts must call `{@inner_content}` to inject the
 content rendered by the layout.
 
 ## Root layout
@@ -71,7 +71,7 @@ mount:
 Then access `@page_title` in the root layout:
 
 ```heex
-<title><%= @page_title %></title>
+<title>{@page_title}</title>
 ```
 
 You can also use the `Phoenix.Component.live_title/1` component to support
@@ -79,8 +79,8 @@ adding automatic prefix and suffix to the page title when rendered and
 on subsequent updates:
 
 ```heex
-<Phoenix.Component.live_title prefix="MyApp – ">
-  <%= assigns[:page_title] || "Welcome" %>
+<Phoenix.Component.live_title default="Welcome" prefix="MyApp – ">
+  {assigns[:page_title]}
 </Phoenix.Component.live_title>
 ```
 
diff --git a/guides/server/uploads.md b/guides/server/uploads.md
index a5424452b5..9d630ae1fa 100644
--- a/guides/server/uploads.md
+++ b/guides/server/uploads.md
@@ -82,35 +82,27 @@ Let's look at an annotated example:
 
 <%!-- use phx-drop-target with the upload ref to enable file drag and drop --%>
 <section phx-drop-target={@uploads.avatar.ref}>
-
-<%!-- render each avatar entry --%>
-<%= for entry <- @uploads.avatar.entries do %>
-  <article class="upload-entry">
-
+  <%!-- render each avatar entry --%>
+  <article :for={entry <- @uploads.avatar.entries} class="upload-entry">
     <figure>
       <.live_img_preview entry={entry} />
-      <figcaption><%= entry.client_name %></figcaption>
+      <figcaption>{entry.client_name}</figcaption>
     </figure>
 
     <%!-- entry.progress will update automatically for in-flight entries --%>
-    <progress value={entry.progress} max="100"> <%= entry.progress %>% </progress>
+    <progress value={entry.progress} max="100"> {entry.progress}% </progress>
 
     <%!-- a regular click event whose handler will invoke Phoenix.LiveView.cancel_upload/3 --%>
     <button type="button" phx-click="cancel-upload" phx-value-ref={entry.ref} aria-label="cancel">&times;</button>
 
     <%!-- Phoenix.Component.upload_errors/2 returns a list of error atoms --%>
-    <%= for err <- upload_errors(@uploads.avatar, entry) do %>
-      <p class="alert alert-danger"><%= error_to_string(err) %></p>
-    <% end %>
-
+    <p :for={err <- upload_errors(@uploads.avatar, entry)} class="alert alert-danger">{error_to_string(err)}</p>
   </article>
-<% end %>
-
-<%!-- Phoenix.Component.upload_errors/1 returns a list of error atoms --%>
-<%= for err <- upload_errors(@uploads.avatar) do %>
-  <p class="alert alert-danger"><%= error_to_string(err) %></p>
-<% end %>
 
+  <%!-- Phoenix.Component.upload_errors/1 returns a list of error atoms --%>
+  <p :for={err <- upload_errors(@uploads.avatar)} class="alert alert-danger">
+    {error_to_string(err)}
+  </p>
 </section>
 ```
 
diff --git a/lib/phoenix_component.ex b/lib/phoenix_component.ex
index 8253932572..e6594f7d56 100644
--- a/lib/phoenix_component.ex
+++ b/lib/phoenix_component.ex
@@ -12,7 +12,7 @@ defmodule Phoenix.Component do
 
         def greet(assigns) do
           ~H"""
-          <p>Hello, <%= @name %>!</p>
+          <p>Hello, {@name}!</p>
           """
         end
       end
@@ -20,8 +20,9 @@ defmodule Phoenix.Component do
   This function uses the `~H` sigil to return a rendered template.
   `~H` stands for HEEx (HTML + EEx). HEEx is a template language for
   writing HTML mixed with Elixir interpolation. We can write Elixir
-  code inside HEEx using `<%= ... %>` tags and we use `@name` to
-  access the key `name` defined inside `assigns`.
+  code inside `{...}` for HTML-aware interpolation inside tag attributes
+  and the body. We can also interpolate arbitrary HEEx blocks using `<%= ... %>`
+  We use `@name` to access the key `name` defined inside `assigns`.
 
   When invoked within a `~H` sigil or HEEx template file:
 
@@ -68,7 +69,7 @@ defmodule Phoenix.Component do
 
       def greet(assigns) do
         ~H"""
-        <p>Hello, <%= @name %>!</p>
+        <p>Hello, {@name}!</p>
         """
       end
 
@@ -110,8 +111,8 @@ defmodule Phoenix.Component do
       def celebrate(assigns) do
         ~H"""
         <p>
-          Happy birthday <%= @name %>!
-          You are <%= @age %> years old.
+          Happy birthday {@name}!
+          You are {@age} years old.
         </p>
         """
       end
@@ -143,7 +144,7 @@ defmodule Phoenix.Component do
 
         def heading(assigns) do
           ~H"""
-          <h1><%= @title %></h1>
+          <h1>{@title}</h1>
           """
         end
 
@@ -151,7 +152,7 @@ defmodule Phoenix.Component do
 
         def greet(assigns) do
           ~H"""
-          <p>Hello <%= @name %></p>
+          <p>Hello {@name}</p>
           """
         end
       end
@@ -178,7 +179,7 @@ defmodule Phoenix.Component do
 
       def notification(assigns) do
         ~H"""
-        <span {@rest}><%= @message %></span>
+        <span {@rest}>{@message}</span>
         """
       end
 
@@ -233,7 +234,7 @@ defmodule Phoenix.Component do
   slot :inner_block
   def button(assigns) do
     ~H"""
-    <button {@rest}><%= render_slot(@inner_block) %></button>
+    <button {@rest}>{render_slot(@inner_block)}</button>
     """
   end
   ```
@@ -281,7 +282,7 @@ defmodule Phoenix.Component do
       def button(assigns) do
         ~H"""
         <button>
-          <%= render_slot(@inner_block) %>
+          {render_slot(@inner_block)}
         </button>
         """
       end
@@ -327,10 +328,8 @@ defmodule Phoenix.Component do
 
       def unordered_list(assigns) do
         ~H"""
-        <ul>
-          <%= for entry <- @entries do %>
-            <li><%= render_slot(@inner_block, entry) %></li>
-          <% end %>
+        <ul :for={entry <- @entries}>
+          <li>{render_slot(@inner_block, entry)}</li>
         </ul>
         """
       end
@@ -340,7 +339,7 @@ defmodule Phoenix.Component do
 
   ```heex
   <.unordered_list :let={fruit} entries={~w(apples bananas cherries)}>
-    I like <b><%= fruit %></b>!
+    I like <b>{fruit}</b>!
   </.unordered_list>
   ```
 
@@ -370,13 +369,13 @@ defmodule Phoenix.Component do
         ~H"""
         <div class="modal">
           <div class="modal-header">
-            <%= render_slot(@header) || "Modal" %>
+            {render_slot(@header) || "Modal"}
           </div>
           <div class="modal-body">
-            <%= render_slot(@inner_block) %>
+            {render_slot(@inner_block)}
           </div>
           <div class="modal-footer">
-            <%= render_slot(@footer) %>
+            {render_slot(@footer)}
           </div>
         </div>
         """
@@ -429,18 +428,12 @@ defmodule Phoenix.Component do
       def table(assigns) do
         ~H"""
         <table>
-          <tr>
-            <%= for col <- @column do %>
-              <th><%= col.label %></th>
-            <% end %>
+          <tr :for={col <- @column}>
+            <th>{col.label}</th>
+          </tr>
+          <tr :for={row <- @rows}>
+            <td :for={col <- @column}>{render_slot(col, row)}</td>
           </tr>
-          <%= for row <- @rows do %>
-            <tr>
-              <%= for col <- @column do %>
-                <td><%= render_slot(col, row) %></td>
-              <% end %>
-            </tr>
-          <% end %>
         </table>
         """
       end
@@ -450,10 +443,10 @@ defmodule Phoenix.Component do
   ```heex
   <.table rows={[%{name: "Jane", age: "34"}, %{name: "Bob", age: "51"}]}>
     <:column :let={user} label="Name">
-      <%= user.name %>
+      {user.name}
     </:column>
     <:column :let={user} label="Age">
-      <%= user.age %>
+      {user.age}
     </:column>
   </.table>
   ```
@@ -577,7 +570,7 @@ defmodule Phoenix.Component do
 
       ~H"""
       <div title="My div" class={@class}>
-        <p>Hello <%= @name %></p>
+        <p>Hello {@name}</p>
         <MyApp.Weather.city name="Kraków"/>
       </div>
       """
@@ -589,43 +582,14 @@ defmodule Phoenix.Component do
 
   ### Interpolation
 
-  Both `HEEx` and `EEx` templates use `<%= ... %>` for interpolating code inside the body
-  of HTML tags:
+  `HEEx` allows using `{...}` for HTML-aware interpolation, inside tag attributes
+  as well as the body:
 
   ```heex
-  <p>Hello, <%= @name %></p>
+  <p>Hello, {@name}</p>
   ```
 
-  Similarly, conditionals and other block Elixir constructs are supported:
-
-  ```heex
-  <%= if @show_greeting? do %>
-    <p>Hello, <%= @name %></p>
-  <% end %>
-  ```
-
-  Note we don't include the equal sign `=` in the closing `<% end %>` tag
-  (because the closing tag does not output anything).
-
-  There is one important difference between `HEEx` and Elixir's builtin `EEx`.
-  `HEEx` uses a specific annotation for interpolating HTML tags and attributes.
-  Let's check it out.
-
-  ### HEEx extension: Defining attributes
-
-  Since `HEEx` must parse and validate the HTML structure, code interpolation using
-  `<%= ... %>` and `<% ... %>` are restricted to the body (inner content) of the
-  HTML/component nodes and it cannot be applied within tags.
-
-  For instance, the following syntax is invalid:
-
-  ```heex
-  <div class="<%= @class %>">
-    ...
-  </div>
-  ```
-
-  Instead do:
+  If you want to interpolate an attribute, you write:
 
   ```heex
   <div class={@class}>
@@ -658,7 +622,7 @@ defmodule Phoenix.Component do
     as a different class. `nil` and `false` elements are discarded.
 
   For multiple dynamic attributes, you can use the same notation but without
-  assigning the expression to any specific attribute.
+  assigning the expression to any specific attribute:
 
   ```heex
   <div {@dynamic_attrs}>
@@ -666,52 +630,40 @@ defmodule Phoenix.Component do
   </div>
   ```
 
-  The expression inside `{...}` must be either a keyword list or a map containing
-  the key-value pairs representing the dynamic attributes.
+  In this case, the expression inside `{...}` must be either a keyword list or
+  a map containing the key-value pairs representing the dynamic attributes.
 
-  ### HEEx extension: Defining function components
+  ### Interpolating blocks
 
-  Function components are stateless components implemented as pure functions
-  with the help of the `Phoenix.Component` module. They can be either local
-  (same module) or remote (external module).
+  The curly brackets syntax is the default mechanism for interpolating code.
+  However, it cannot be used in all scenarios, in particular:
 
-  `HEEx` allows invoking these function components directly in the template
-  using an HTML-like notation. For example, a remote function:
+    * it cannot be used inside `<script>` and `<style>` tags,
+      as that would make writing JS and CSS quite tedious
 
-  ```heex
-  <MyApp.Weather.city name="Kraków"/>
-  ```
+    * it does not support block constructs
 
-  A local function can be invoked with a leading dot:
+  For example, if you need to interpolate a string inside a script tag,
+  you could do:
 
   ```heex
-  <.city name="Kraków"/>
+  <script>
+    window.URL = "<%= @my_url %>"
+  </script>
   ```
 
-  where the component could be defined as follows:
-
-      defmodule MyApp.Weather do
-        use Phoenix.Component
-
-        def city(assigns) do
-          ~H"""
-          The chosen city is: <%= @name %>.
-          """
-        end
+  Similarly, for block constructs in Elixir, you can write:
 
-        def country(assigns) do
-          ~H"""
-          The chosen country is: <%= @name %>.
-          """
-        end
-      end
+  ```heex
+  <%= if @show_greeting? do %>
+    <p>Hello, {@name}</p>
+  <% end %>
+  ```
 
-  It is typically best to group related functions into a single module, as
-  opposed to having many modules with a single `render/1` function. Function
-  components support other important features, such as slots. You can learn
-  more about components in `Phoenix.Component`.
+  However, for conditionals and for-comprehensions, there are built-in constructs
+  in HEEx too, which we will explore next.
 
-  ### HEEx extension: special attributes
+  ### Special attributes
 
   Apart from normal HTML attributes, HEEx also supports some special attributes
   such as `:let` and `:for`.
@@ -742,7 +694,7 @@ defmodule Phoenix.Component do
   ```heex
   <table id="admin-table" :if={@admin?}>
     <tr :for={user <- @users}>
-      <td><%= user.name %></td>
+      <td>{user.name}</td>
     </tr>
   <table>
   ```
@@ -769,7 +721,7 @@ defmodule Phoenix.Component do
   ```heex
   <.table id="my-table" rows={@users}>
     <:col :for={header <- @headers} :let={user}>
-      <td><%= user[header] %></td>
+      <td>{user[header]}</td>
     </:col>
   <table>
   ```
@@ -781,7 +733,49 @@ defmodule Phoenix.Component do
   ```
 
   Note that unlike Elixir's regular `for`, HEEx' `:for` does not support multiple
-  generators in one expression.
+  generators in one expression. In such cases, you must use `EEx`'s blocks.
+
+  ### Function components
+
+  Function components are stateless components implemented as pure functions
+  with the help of the `Phoenix.Component` module. They can be either local
+  (same module) or remote (external module).
+
+  `HEEx` allows invoking these function components directly in the template
+  using an HTML-like notation. For example, a remote function:
+
+  ```heex
+  <MyApp.Weather.city name="Kraków"/>
+  ```
+
+  A local function can be invoked with a leading dot:
+
+  ```heex
+  <.city name="Kraków"/>
+  ```
+
+  where the component could be defined as follows:
+
+      defmodule MyApp.Weather do
+        use Phoenix.Component
+
+        def city(assigns) do
+          ~H"""
+          The chosen city is: {@name}.
+          """
+        end
+
+        def country(assigns) do
+          ~H"""
+          The chosen country is: {@name}.
+          """
+        end
+      end
+
+  It is typically best to group related functions into a single module, as
+  opposed to having many modules with a single `render/1` function. Function
+  components support other important features, such as slots. You can learn
+  more about components in `Phoenix.Component`.
 
   ## Code formatting
 
@@ -838,7 +832,7 @@ defmodule Phoenix.Component do
 
         ~H"""
         <a href={@to} target={@target} {@extra}>
-          <%= render_slot(@inner_block) %>
+          {render_slot(@inner_block)}
         </a>
         """
       end
@@ -895,19 +889,19 @@ defmodule Phoenix.Component do
   When rendering from a controller/view, you can call:
 
   ```heex
-  <%= live_render(@conn, MyApp.ThermostatLive) %>
+  {live_render(@conn, MyApp.ThermostatLive)}
   ```
 
   Or:
 
   ```heex
-  <%= live_render(@conn, MyApp.ThermostatLive, session: %{"home_id" => @home.id}) %>
+  {live_render(@conn, MyApp.ThermostatLive, session:}"home_id" => @home.id}) %>
   ```
 
   Within another LiveView, you must pass the `:id` option:
 
   ```heex
-  <%= live_render(@socket, MyApp.ThermostatLive, id: "thermostat") %>
+  {live_render(@socket, MyApp.ThermostatLive, id: "thermostat")}
   ```
 
   ## Containers
@@ -953,7 +947,7 @@ defmodule Phoenix.Component do
   Renders a slot entry with the given optional `argument`.
 
   ```heex
-  <%= render_slot(@inner_block, @form) %>
+  {render_slot(@inner_block, @form)}
   ```
 
   If the slot has no entries, nil is returned.
@@ -967,11 +961,11 @@ defmodule Phoenix.Component do
   ```heex
   <.table rows={@users}>
     <:col :let={user} label="Name">
-      <%= user.name %>
+      {user.name}
     </:col>
 
     <:col :let={user} label="Address">
-      <%= user.address %>
+      {user.address}
     </:col>
   </.table>
   ```
@@ -984,18 +978,12 @@ defmodule Phoenix.Component do
       def table(assigns) do
         ~H"""
         <table>
-          <tr>
-            <%= for col <- @col do %>
-              <th><%= col.label %></th>
-            <% end %>
+          <tr :for={col <- @col}>
+            <th>{col.label}</th>
+          </tr>
+          <tr :for={row <- @rows}>
+            <td :for={col <- @col}>{render_slot(col, row)}</td>
           </tr>
-          <%= for row <- @rows do %>
-            <tr>
-              <%= for col <- @col do %>
-                <td><%= render_slot(col, row) %></td>
-              <% end %>
-            </tr>
-          <% end %>
         </table>
         """
       end
@@ -1022,7 +1010,7 @@ defmodule Phoenix.Component do
     assigns = %{entries: entries, changed: changed, argument: argument}
 
     ~H"""
-    <%= for entry <- @entries do %><%= call_inner_block!(entry, @changed, @argument) %><% end %>
+    <%= for entry <- @entries do %>{call_inner_block!(entry, @changed, @argument)}<% end %>
     """noformat
   end
 
@@ -1045,8 +1033,8 @@ defmodule Phoenix.Component do
   ## Examples
 
   ```heex
-  <p class="alert alert-info"><%= live_flash(@flash, :info) %></p>
-  <p class="alert alert-danger"><%= live_flash(@flash, :error) %></p>
+  <p class="alert alert-info">{live_flash(@flash, :info)}</p>
+  <p class="alert alert-danger">{live_flash(@flash, :error)}</p>
   ```
   """
   @deprecated "Use Phoenix.Flash.get/2 in Phoenix v1.7+"
@@ -1071,7 +1059,7 @@ defmodule Phoenix.Component do
 
   ```heex
   <div :for={err <- upload_errors(@uploads.avatar)} class="alert alert-danger">
-    <%= upload_error_to_string(err) %>
+    {upload_error_to_string(err)}
   </div>
   ```
   """
@@ -1102,7 +1090,7 @@ defmodule Phoenix.Component do
   ```heex
   <%= for entry <- @uploads.avatar.entries do %>
     <div :for={err <- upload_errors(@uploads.avatar, entry)} class="alert alert-danger">
-      <%= upload_error_to_string(err) %>
+      {upload_error_to_string(err)}
     </div>
   <% end %>
   ```
@@ -1594,13 +1582,13 @@ defmodule Phoenix.Component do
   <input type="text" name={@form[:title].name} value={@form[:title].value} />
 
   <div :if={used_input?(@form[:title])}>
-    <p :for={error <- @form[:title].errors}><%= error %></p>
+    <p :for={error <- @form[:title].errors}>{error}</p>
   </div>
 
   <input type="text" name={@form[:email].name} value={@form[:email].value} />
 
   <div :if={used_input?(@form[:email])}>
-    <p :for={error <- @form[:email].errors}><%= error %></p>
+    <p :for={error <- @form[:email].errors}>{error}</p>
   </div>
   ```
   """
@@ -1814,13 +1802,13 @@ defmodule Phoenix.Component do
         ~H"""
         <div class="modal">
           <div class="modal-header">
-            <%= render_slot(@header) || "Modal" %>
+            {render_slot(@header) || "Modal"}
           </div>
           <div class="modal-body">
-            <%= render_slot(@inner_block) %>
+            {render_slot(@inner_block)}
           </div>
           <div class="modal-footer">
-            <%= render_slot(@footer) || submit_button() %>
+            {render_slot(@footer) || submit_button()}
           </div>
         </div>
         """
@@ -1970,8 +1958,8 @@ defmodule Phoenix.Component do
       def celebrate(assigns) do
         ~H"""
         <p>
-          Happy birthday <%= @name %>!
-          You are <%= @age %> years old.
+          Happy birthday {@name}!
+          You are {@age} years old.
         </p>
         """
       end
@@ -2089,13 +2077,13 @@ defmodule Phoenix.Component do
 
   ```heex
   <.live_title default="Welcome" prefix="MyApp – ">
-    <%= assigns[:page_title] %>
+    {assigns[:page_title]}
   </.live_title>
   ```
 
   ```heex
   <.live_title default="Welcome" suffix="- MyApp">
-    <%= assigns[:page_title] %>
+    {assigns[:page_title]}
   </.live_title>
   ```
   """
@@ -2117,7 +2105,7 @@ defmodule Phoenix.Component do
 
   def live_title(assigns) do
     ~H"""
-    <title data-prefix={@prefix} data-default={@default} data-suffix={@suffix} phx-no-format><%= @prefix %><%= render_present(render_slot(@inner_block), @default) %><%= @suffix %></title>
+    <title data-prefix={@prefix} data-default={@default} data-suffix={@suffix} phx-no-format>{@prefix}{render_present(render_slot(@inner_block), @default)}{@suffix}</title>
     """
   end
 
@@ -2401,13 +2389,15 @@ defmodule Phoenix.Component do
 
     ~H"""
     <form {@attrs}>
-      <%= if @hidden_method && @hidden_method not in ~w(get post) do %>
-        <input name="_method" type="hidden" hidden value={@hidden_method} />
-      <% end %>
-      <%= if @csrf_token do %>
-        <input name="_csrf_token" type="hidden" hidden value={@csrf_token} />
-      <% end %>
-      <%= render_slot(@inner_block, @form) %>
+      <input
+        :if={@hidden_method && @hidden_method not in ~w(get post)}
+        name="_method"
+        type="hidden"
+        hidden
+        value={@hidden_method}
+      />
+      <input :if={@csrf_token} name="_csrf_token" type="hidden" hidden value={@csrf_token} />
+      {render_slot(@inner_block, @form)}
     </form>
     """
   end
@@ -2708,14 +2698,14 @@ defmodule Phoenix.Component do
 
     ~H"""
     <%= for finner <- @forms do %>
-      <%= unless @skip_hidden do %>
+      <%= if !@skip_hidden do %>
         <%= for {name, value_or_values} <- finner.hidden,
                 name = name_for_value_or_values(finner, name, value_or_values),
                 value <- List.wrap(value_or_values) do %>
           <input type="hidden" name={name} value={value} />
         <% end %>
       <% end %>
-      <%= render_slot(@inner_block, finner) %>
+      {render_slot(@inner_block, finner)}
     <% end %>
     """
   end
@@ -2936,7 +2926,7 @@ defmodule Phoenix.Component do
       data-phx-link-state={if @replace, do: "replace", else: "push"}
       phx-no-format
       {@rest}
-    ><%= render_slot(@inner_block) %></a>
+    >{render_slot(@inner_block)}</a>
     """
   end
 
@@ -2948,7 +2938,7 @@ defmodule Phoenix.Component do
       data-phx-link-state={if @replace, do: "replace", else: "push"}
       phx-no-format
       {@rest}
-    ><%= render_slot(@inner_block) %></a>
+    >{render_slot(@inner_block)}</a>
     """
   end
 
@@ -2964,13 +2954,13 @@ defmodule Phoenix.Component do
       data-to={if @method != "get", do: @href}
       phx-no-format
       {@rest}
-    ><%= render_slot(@inner_block) %></a>
+    >{render_slot(@inner_block)}</a>
     """
   end
 
   def link(%{} = assigns) do
     ~H"""
-    <a href="#" {@rest}><%= render_slot(@inner_block) %></a>
+    <a href="#" {@rest}>{render_slot(@inner_block)}</a>
     """
   end
 
@@ -3011,7 +3001,7 @@ defmodule Phoenix.Component do
     ~H"""
     <div id={@id} phx-hook="Phoenix.FocusWrap" {@rest}>
       <span id={"#{@id}-start"} tabindex="0" aria-hidden="true"></span>
-      <%= render_slot(@inner_block) %>
+      {render_slot(@inner_block)}
       <span id={"#{@id}-end"} tabindex="0" aria-hidden="true"></span>
     </div>
     """
@@ -3101,12 +3091,12 @@ defmodule Phoenix.Component do
 
     if assigns.inner_block != [] do
       ~H"""
-      <%= {:safe, [?<, @tag]} %><%= @escaped_attrs %><%= {:safe, [?>]} %><%= render_slot(@inner_block) %><%= {:safe,
-       [?<, ?/, @tag, ?>]} %>
+      {{:safe, [?<, @tag]}}{@escaped_attrs}{{:safe, [?>]}}{render_slot(@inner_block)}{{:safe,
+       [?<, ?/, @tag, ?>]}}
       """
     else
       ~H"""
-      <%= {:safe, [?<, @tag]} %><%= @escaped_attrs %><%= {:safe, [?/, ?>]} %>
+      {{:safe, [?<, @tag]}}{@escaped_attrs}{{:safe, [?/, ?>]}}
       """
     end
   end
@@ -3194,21 +3184,15 @@ defmodule Phoenix.Component do
   ## Examples
 
   ```heex
-  <%= for entry <- @uploads.avatar.entries do %>
-    <.live_img_preview entry={entry} width="75" />
-  <% end %>
+  <.live_img_preview :for={entry <- @uploads.avatar.entries} entry={entry} width="75" />
   ```
 
   When you need to use it multiple times, make sure that they have distinct ids
 
   ```heex
-  <%= for entry <- @uploads.avatar.entries do %>
-    <.live_img_preview entry={entry} width="75" />
-  <% end %>
+  <.live_img_preview :for={entry <- @uploads.avatar.entries} entry={entry} width="75" />
 
-  <%= for entry <- @uploads.avatar.entries do %>
-    <.live_img_preview id={"modal-#{entry.ref}"} entry={entry} width="500" />
-  <% end %>
+  <.live_img_preview :for={entry <- @uploads.avatar.entries} id={"modal-#{entry.ref}"} entry={entry} width="500" />
   ```
   """
   @doc type: :component
@@ -3254,7 +3238,7 @@ defmodule Phoenix.Component do
     <:separator>
       <span class="sep">|</span>
     </:separator>
-    <%= item %>
+    {item}
   </.intersperse>
   ```
 
@@ -3297,7 +3281,7 @@ defmodule Phoenix.Component do
     <:loading>Loading organization...</:loading>
     <:failed :let={_failure}>there was an error loading the organization</:failed>
     <%= if org do %>
-      <%= org.name %>
+      {org.name}
     <% else %>
       You don't have an organization yet.
     <% end %>
@@ -3331,13 +3315,13 @@ defmodule Phoenix.Component do
   def async_result(%{assign: async_assign} = assigns) do
     cond do
       async_assign.ok? ->
-        ~H|<%= render_slot(@inner_block, @assign.result) %>|
+        ~H|{render_slot(@inner_block, @assign.result)}|
 
       async_assign.loading ->
-        ~H|<%= render_slot(@loading, @assign.loading) %>|
+        ~H|{render_slot(@loading, @assign.loading)}|
 
       async_assign.failed ->
-        ~H|<%= render_slot(@failed, @assign.failed) %>|
+        ~H|{render_slot(@failed, @assign.failed)}|
     end
   end
 end
diff --git a/lib/phoenix_live_component.ex b/lib/phoenix_live_component.ex
index de7a5e6d2d..b839701e0d 100644
--- a/lib/phoenix_live_component.ex
+++ b/lib/phoenix_live_component.ex
@@ -18,7 +18,7 @@ defmodule Phoenix.LiveComponent do
 
         def render(assigns) do
           ~H"""
-          <div class="hero"><%= @content %></div>
+          <div class="hero">{@content}</div>
           """
         end
       end
@@ -99,7 +99,7 @@ defmodule Phoenix.LiveComponent do
         def render(assigns) do
           ~H"""
           <div id={"user-#{@id}"} class="user">
-            <%= @user.name %>
+            {@user.name}
           </div>
           """
         end
@@ -266,7 +266,7 @@ defmodule Phoenix.LiveComponent do
         def render(assigns) do
           ~H"""
           <form phx-submit="..." phx-target={@myself}>
-            <input name="title"><%= @card.title %></input>
+            <input name="title">{@card.title}</input>
             ...
           </form>
           """
@@ -286,9 +286,13 @@ defmodule Phoenix.LiveComponent do
   for each card, passing the card struct as argument to `CardComponent`:
 
   ```heex
-  <%= for card <- @cards do %>
-    <.live_component module={CardComponent} card={card} id={card.id} board_id={@id} />
-  <% end %>
+  <.live_component
+    :for={card <- @cards}
+    module={CardComponent}
+    card={card}
+    id={card.id}
+    board_id={@id}
+  />
   ```
 
   Now, when the user submits the form, `CardComponent.handle_event/3`
@@ -355,9 +359,12 @@ defmodule Phoenix.LiveComponent do
   passing an ID:
 
   ```heex
-  <%= for card_id <- @card_ids do %>
-    <.live_component module={CardComponent} id={card_id} board_id={@id} />
-  <% end %>
+  <.live_component
+    :for={card_id <- @card_ids}
+    module={CardComponent}
+    id={card_id}
+    board_id={@id}
+  />
   ```
 
   Now, each CardComponent will load its own card. Of course, doing so
@@ -504,7 +511,7 @@ defmodule Phoenix.LiveComponent do
         def render(assigns) do
           ~H"""
           <button class="css-framework-class" phx-click="click">
-            <%= @text %>
+            {@text}
           </button>
           """
         end
@@ -520,7 +527,7 @@ defmodule Phoenix.LiveComponent do
       def my_button(%{text: _, click: _} = assigns) do
         ~H"""
         <button class="css-framework-class" phx-click={@click}>
-          <%= @text %>
+          {@text}
         </button>
         """
       end
diff --git a/lib/phoenix_live_view.ex b/lib/phoenix_live_view.ex
index 380a2856d8..8db842af03 100644
--- a/lib/phoenix_live_view.ex
+++ b/lib/phoenix_live_view.ex
@@ -128,7 +128,7 @@ defmodule Phoenix.LiveView do
 
   ```heex
   <div :if={@org.loading}>Loading organization...</div>
-  <div :if={org = @org.ok? && @org.result}><%= org.name %> loaded!</div>
+  <div :if={org = @org.ok? && @org.result}>{org.name} loaded!</div>
   ```
 
   The `Phoenix.Component.async_result/1` function component can also be used to
@@ -138,7 +138,7 @@ defmodule Phoenix.LiveView do
   <.async_result :let={org} assign={@org}>
     <:loading>Loading organization...</:loading>
     <:failed :let={_failure}>there was an error loading the organization</:failed>
-    <%= org.name %>
+    {org.name}
   </.async_result>
   ```
 
@@ -711,7 +711,7 @@ defmodule Phoenix.LiveView do
 
   ```heex
   <p class="alert" phx-click="lv:clear-flash">
-    <%= Phoenix.Flash.get(@flash, :info) %>
+    {Phoenix.Flash.get(@flash, :info)}
   </p>
   ```
   """
@@ -730,7 +730,7 @@ defmodule Phoenix.LiveView do
 
   ```heex
   <p class="alert" phx-click="lv:clear-flash" phx-value-key="info">
-    <%= Phoenix.Flash.get(@flash, :info) %>
+    {Phoenix.Flash.get(@flash, :info)}
   </p>
   ```
   """
@@ -1264,11 +1264,9 @@ defmodule Phoenix.LiveView do
   And then in your views:
 
   ```heex
-  <%= if @static_changed? do %>
-    <div id="reload-static">
-      The app has been updated. Click here to <a href="#" onclick="window.location.reload()">reload</a>.
-    </div>
-  <% end %>
+  <div :if={@static_changed?} id="reload-static">
+    The app has been updated. Click here to <a href="#" onclick="window.location.reload()">reload</a>.
+  </div>
   ```
 
   If you prefer, you can also send a JavaScript script that immediately
@@ -1708,8 +1706,8 @@ defmodule Phoenix.LiveView do
         :for={{dom_id, song} <- @streams.songs}
         id={dom_id}
       >
-        <td><%= song.title %></td>
-        <td><%= song.duration %></td>
+        <td>{song.title}</td>
+        <td>{song.duration}</td>
       </tr>
     </tbody>
   </table>
@@ -1739,8 +1737,8 @@ defmodule Phoenix.LiveView do
         :for={{dom_id, song} <- @streams.songs}
         id={dom_id}
       >
-        <td><%= song.title %></td>
-        <td><%= song.duration %></td>
+        <td>{song.title}</td>
+        <td>{song.duration}</td>
       </tr>
     </tbody>
   </table>
@@ -1940,7 +1938,7 @@ defmodule Phoenix.LiveView do
               :for={{dom_id, song} <- @streams.songs}
               id={dom_id}
             >
-              <td><%= song.title %></td>
+              <td>{song.title}</td>
               <td><button phx-click={JS.push("delete", value: %{id: dom_id})}>delete</button></td>
             </tr>
           </tbody>
diff --git a/lib/phoenix_live_view/engine.ex b/lib/phoenix_live_view/engine.ex
index ca17eda0fb..6d2cac0c7c 100644
--- a/lib/phoenix_live_view/engine.ex
+++ b/lib/phoenix_live_view/engine.ex
@@ -243,7 +243,7 @@ defmodule Phoenix.LiveView.Engine do
   templates. Therefore, if your view has this:
 
   ```heex
-  <%= render "form.html", assigns %>
+  {render("form.html", assigns)}
   ```
 
   Phoenix will be able to track what is static and dynamic
@@ -274,8 +274,8 @@ defmodule Phoenix.LiveView.Engine do
 
   ```heex
   <%= for point <- @points do %>
-    x: <%= point.x %>
-    y: <%= point.y %>
+    x: {point.x}
+    y: {point.y}
   <% end %>
   ```
 
@@ -1142,14 +1142,14 @@ defmodule Phoenix.LiveView.Engine do
 
           def add(assigns) do
             result = assigns.a + assigns.b
-            ~H"the result is: <%= result %>"
+            ~H"the result is: {result}"
           end
 
       You must do:
 
           def add(assigns) do
             assigns = assign(assigns, :result, assigns.a + assigns.b)
-            ~H"the result is: <%= @result %>"
+            ~H"the result is: {@result}"
           end
       """
 
diff --git a/lib/phoenix_live_view/helpers.ex b/lib/phoenix_live_view/helpers.ex
index 17a32a5baf..387562798d 100644
--- a/lib/phoenix_live_view/helpers.ex
+++ b/lib/phoenix_live_view/helpers.ex
@@ -90,7 +90,7 @@ defmodule Phoenix.LiveView.Helpers do
 
     assigns = %{opts: opts, content: block_or_text}
 
-    ~H|<a {@opts}><%= @content %></a>|
+    ~H|<a {@opts}>{@content}</a>|
   end
 
   @deprecated "Use <.live_title> instead"
@@ -99,7 +99,7 @@ defmodule Phoenix.LiveView.Helpers do
 
     ~H"""
     <Phoenix.Component.live_title prefix={@prefix} suffix={@suffix}>
-      <%= @title %>
+      {@title}
     </Phoenix.Component.live_title>
     """
   end
diff --git a/lib/phoenix_live_view/html_algebra.ex b/lib/phoenix_live_view/html_algebra.ex
index 65d65c4344..0c17aeb310 100644
--- a/lib/phoenix_live_view/html_algebra.ex
+++ b/lib/phoenix_live_view/html_algebra.ex
@@ -11,8 +11,10 @@ defmodule Phoenix.LiveView.HTMLAlgebra do
   # * :preserve - for preserving text in <pre>, <script>, <style> and HTML Comment tags
   #
   def build(tree, opts) when is_list(tree) do
+    {migrate, opts} = Keyword.pop(opts, :migrate_eex_to_curly_brackets, true)
+
     tree
-    |> block_to_algebra(%{mode: :normal, opts: opts})
+    |> block_to_algebra(%{mode: :normal, migrate: migrate, opts: opts})
     |> group()
   end
 
@@ -179,6 +181,7 @@ defmodule Phoenix.LiveView.HTMLAlgebra do
   defp text_ends_with_line_break?(_node), do: false
 
   defp block_preserve?({:tag_block, _, _, _, %{mode: :preserve}}), do: true
+  defp block_preserve?({:body_expr, _, _}), do: true
   defp block_preserve?({:eex, _, _}), do: true
   defp block_preserve?(_node), do: false
 
@@ -314,13 +317,27 @@ defmodule Phoenix.LiveView.HTMLAlgebra do
     {:inline, concat(["<%!--", text, "--%>"])}
   end
 
-  defp to_algebra({:eex, text, %{opt: opt}}, %{mode: :preserve}) do
-    {:inline, concat(["<%#{opt} ", text, " %>"])}
+  defp to_algebra({:eex, text, %{opt: opt} = meta}, context) do
+    cond do
+      context.mode == :preserve ->
+        {:inline, concat(["<%#{opt} ", text, " %>"])}
+
+      context.migrate and opt == ~c"=" and safe_to_migrate?(text, 0) ->
+        to_algebra({:body_expr, text, meta}, context)
+
+      true ->
+        doc = expr_to_code_algebra(text, meta, context.opts)
+        {:inline, concat(["<%#{opt} ", doc, " %>"])}
+    end
   end
 
-  defp to_algebra({:eex, text, %{opt: opt} = meta}, context) do
-    doc = expr_to_code_algebra(text, meta, context.opts)
-    {:inline, concat(["<%#{opt} ", doc, " %>"])}
+  defp to_algebra({:body_expr, text, meta}, context) do
+    if context.mode == :preserve do
+      {:inline, concat(["{", text, "}"])}
+    else
+      doc = expr_to_code_algebra(text, meta, context.opts)
+      {:inline, concat(["{", doc, "}"])}
+    end
   end
 
   # Handle text within <pre>/<script>/<style>/comment tags.
@@ -445,7 +462,7 @@ defmodule Phoenix.LiveView.HTMLAlgebra do
   defp render_attribute({attr, {:string, value, _meta}, _}, _opts), do: ~s(#{attr}="#{value}")
 
   defp render_attribute({attr, {:expr, value, meta}, _}, opts) do
-    case expr_to_quoted(value, meta) do
+    case expr_to_quoted(value, meta, opts) do
       {{:__block__, meta, [string]} = block, []} when is_binary(string) ->
         has_quotes? = String.contains?(string, "\"")
         delimiter = Keyword.get(meta, :delimiter)
@@ -506,20 +523,21 @@ defmodule Phoenix.LiveView.HTMLAlgebra do
     {concat(document, next), stab?}
   end
 
-  defp expr_to_quoted(expr, meta) do
+  defp expr_to_quoted(expr, meta, opts) do
     string_to_quoted_opts = [
       literal_encoder: &{:ok, {:__block__, &2, [&1]}},
       token_metadata: true,
       unescape: false,
       line: meta.line,
-      column: meta.column
+      column: meta.column,
+      file: Keyword.get(opts, :file, "nofile")
     ]
 
     Code.string_to_quoted_with_comments!(expr, string_to_quoted_opts)
   end
 
   defp expr_to_code_algebra(expr, meta, opts) do
-    {quoted, comments} = expr_to_quoted(expr, meta)
+    {quoted, comments} = expr_to_quoted(expr, meta, opts)
     quoted_to_code_algebra(quoted, comments, opts)
   end
 
@@ -571,4 +589,11 @@ defmodule Phoenix.LiveView.HTMLAlgebra do
 
   defp inline?({:tag_block, _, _, _, %{mode: :inline}}), do: true
   defp inline?(_), do: false
+
+  defp safe_to_migrate?(~S[\{] <> rest, acc), do: safe_to_migrate?(rest, acc)
+  defp safe_to_migrate?(~S[\}] <> rest, acc), do: safe_to_migrate?(rest, acc)
+  defp safe_to_migrate?("{" <> rest, acc), do: safe_to_migrate?(rest, acc + 1)
+  defp safe_to_migrate?("}" <> rest, acc), do: safe_to_migrate?(rest, acc - 1)
+  defp safe_to_migrate?(<<_::utf8, rest::binary>>, acc), do: safe_to_migrate?(rest, acc)
+  defp safe_to_migrate?(<<>>, acc), do: acc == 0
 end
diff --git a/lib/phoenix_live_view/html_formatter.ex b/lib/phoenix_live_view/html_formatter.ex
index 329dbc5f24..7429568aa7 100644
--- a/lib/phoenix_live_view/html_formatter.ex
+++ b/lib/phoenix_live_view/html_formatter.ex
@@ -50,6 +50,9 @@ defmodule Phoenix.LiveView.HTMLFormatter do
       ]
       ```
 
+    * `:migrate_eex_to_curly_brackets` - Automatically migrate single expression
+      `<%= ... %>` EEx expression to curly brackets one. Defaults to true.
+
   ## Formatting
 
   This formatter tries to be as consistent as possible with the Elixir formatter.
@@ -57,14 +60,14 @@ defmodule Phoenix.LiveView.HTMLFormatter do
   Given HTML like this:
 
   ```heex
-    <section><h1>   <b><%= @user.name %></b></h1></section>
+    <section><h1>   <b>{@user.name}</b></h1></section>
   ```
 
   It will be formatted as:
 
   ```heex
   <section>
-    <h1><b><%= @user.name %></b></h1>
+    <h1><b>{@user.name}</b></h1>
   </section>
   ```
 
@@ -81,7 +84,7 @@ defmodule Phoenix.LiveView.HTMLFormatter do
   ```heex
   <section>
     <h1>
-      <b><%= @user.name %></b>
+      <b>{@user.name}</b>
     </h1>
   </section>
   ```
@@ -184,13 +187,6 @@ defmodule Phoenix.LiveView.HTMLFormatter do
   ```heex
   <textarea>My content</textarea>
   ```
-
-  ## Comments
-
-  Inline comments `<%# comment %>` are deprecated and the formatter will discard them
-  silently from templates. You must change them to the multi-line comment
-  `<%!-- comment --%>` on Elixir v1.14+ or introduce a space between `<%` and `#`,
-  such as `<% # comment %>`.
   """
 
   alias Phoenix.LiveView.HTMLAlgebra
@@ -242,7 +238,7 @@ defmodule Phoenix.LiveView.HTMLFormatter do
             |> Inspect.Algebra.format(line_length)
 
           {:error, line, column, message} ->
-            file = opts[:file] || "nofile"
+            file = Keyword.get(opts, :file, "nofile")
             raise ParseError, line: line, column: column, file: file, description: message
         end
 
@@ -465,6 +461,10 @@ defmodule Phoenix.LiveView.HTMLFormatter do
     end
   end
 
+  defp to_tree([{:body_expr, value, meta} | tokens], buffer, stack, source) do
+    to_tree(tokens, [{:body_expr, value, meta} | buffer], stack, source)
+  end
+
   defp to_tree([{type, _name, attrs, %{closing: _} = meta} | tokens], buffer, stack, source)
        when is_tag_open(type) do
     to_tree(tokens, [{:tag_self_close, meta.tag_name, attrs} | buffer], stack, source)
diff --git a/lib/phoenix_live_view/js.ex b/lib/phoenix_live_view/js.ex
index f5e1d9eb35..7d8afca727 100644
--- a/lib/phoenix_live_view/js.ex
+++ b/lib/phoenix_live_view/js.ex
@@ -51,7 +51,7 @@ defmodule Phoenix.LiveView.JS do
             phx-key="escape"
           >
             <button class="phx-modal-close" phx-click={hide_modal()}>✖</button>
-            <p><%= @text %></p>
+            <p>{@text}</p>
           </div>
         </div>
         """
diff --git a/lib/phoenix_live_view/router.ex b/lib/phoenix_live_view/router.ex
index 3af5eb37c2..dd4d00728c 100644
--- a/lib/phoenix_live_view/router.ex
+++ b/lib/phoenix_live_view/router.ex
@@ -54,17 +54,13 @@ defmodule Phoenix.LiveView.Router do
   the `@live_action` assign, that can be used to render a LiveComponent:
 
   ```heex
-  <%= if @live_action == :new do %>
-    <.live_component module={MyAppWeb.ArticleLive.FormComponent} id="form" />
-  <% end %>
+  <.live_component :if={@live_action == :new} module={MyAppWeb.ArticleLive.FormComponent} id="form" />
   ```
 
   Or can be used to show or hide parts of the template:
 
   ```heex
-  <%= if @live_action == :edit do %>
-    <%= render("form.html", user: @user) %>
-  <% end %>
+  {if @live_action == :edit, do: render("form.html", user: @user)}
   ```
 
   Note that `@live_action` will be `nil` if no action is given on the route definition.
diff --git a/lib/phoenix_live_view/tag_engine.ex b/lib/phoenix_live_view/tag_engine.ex
index 34a3a4ce37..71a7cfc80e 100644
--- a/lib/phoenix_live_view/tag_engine.ex
+++ b/lib/phoenix_live_view/tag_engine.ex
@@ -230,6 +230,7 @@ defmodule Phoenix.LiveView.TagEngine do
     Enum.any?(tokens, fn
       {:text, _, _} -> false
       {:expr, _, _} -> false
+      {:body_expr, _, _} -> false
       _ -> true
     end)
   end
@@ -443,6 +444,14 @@ defmodule Phoenix.LiveView.TagEngine do
     |> update_subengine(:handle_expr, [marker, expr])
   end
 
+  defp handle_token({:body_expr, value, %{line: line, column: column}}, state) do
+    quoted = Code.string_to_quoted!(value, line: line, column: column, file: state.file)
+
+    state
+    |> set_root_on_not_tag()
+    |> update_subengine(:handle_expr, ["=", quoted])
+  end
+
   # Text
 
   defp handle_token({:text, text, %{line_end: line, column_end: column}}, state) do
diff --git a/lib/phoenix_live_view/test/live_view_test.ex b/lib/phoenix_live_view/test/live_view_test.ex
index 6527e5d8c3..a89942d964 100644
--- a/lib/phoenix_live_view/test/live_view_test.ex
+++ b/lib/phoenix_live_view/test/live_view_test.ex
@@ -10,7 +10,7 @@ defmodule Phoenix.LiveViewTest do
 
       def greet(assigns) do
         ~H"""
-        <div>Hello, <%= @name %>!</div>
+        <div>Hello, {@name}!</div>
         """
       end
 
@@ -1905,7 +1905,7 @@ defmodule Phoenix.LiveViewTest do
 
   ```heex
   <%= for entry <- @uploads.avatar.entries do %>
-    <%= entry.name %>: <%= entry.progress %>%
+    {entry.name}: {entry.progress}%
   <% end %>
   ```
 
diff --git a/lib/phoenix_live_view/tokenizer.ex b/lib/phoenix_live_view/tokenizer.ex
index ab12c95db7..c2a12baa49 100644
--- a/lib/phoenix_live_view/tokenizer.ex
+++ b/lib/phoenix_live_view/tokenizer.ex
@@ -76,7 +76,7 @@ defmodule Phoenix.LiveView.Tokenizer do
     %{
       file: file,
       column_offset: indentation + 1,
-      braces: [],
+      braces: 0,
       context: [],
       source: source,
       indentation: indentation,
@@ -155,6 +155,21 @@ defmodule Phoenix.LiveView.Tokenizer do
     handle_tag_open(rest, line, column + 1, text_to_acc, %{state | context: []})
   end
 
+  defp handle_text("{" <> rest, line, column, buffer, acc, state) do
+    %{braces: 0} = state
+    text_to_acc = text_to_acc(buffer, acc, line, column, state.context)
+
+    case handle_interpolation(rest, line, column + 1, [], state) do
+      {:ok, value, new_line, new_column, rest, state} ->
+        acc = [{:body_expr, value, %{line: line, column: column}} | text_to_acc]
+        handle_text(rest, new_line, new_column, [], acc, state)
+
+      {:error, message} ->
+        meta = %{line: line, column: column}
+        raise_syntax_error!(message, meta, state)
+    end
+  end
+
   defp handle_text(<<c::utf8, rest::binary>>, line, column, buffer, acc, state) do
     handle_text(rest, line, column + 1, [char_or_bin(c) | buffer], acc, state)
   end
@@ -591,7 +606,7 @@ defmodule Phoenix.LiveView.Tokenizer do
 
   ## handle_attr_value_as_expr
 
-  defp handle_attr_value_as_expr(text, line, column, acc, %{braces: []} = state) do
+  defp handle_attr_value_as_expr(text, line, column, acc, %{braces: 0} = state) do
     case handle_interpolation(text, line, column, [], state) do
       {:ok, value, new_line, new_column, rest, state} ->
         acc = put_attr_value(acc, {:expr, value, %{line: line, column: column}})
@@ -614,7 +629,7 @@ defmodule Phoenix.LiveView.Tokenizer do
     handle_interpolation(rest, line + 1, state.column_offset, ["\n" | buffer], state)
   end
 
-  defp handle_interpolation("}" <> rest, line, column, buffer, %{braces: []} = state) do
+  defp handle_interpolation("}" <> rest, line, column, buffer, %{braces: 0} = state) do
     value = buffer_to_string(buffer)
     {:ok, value, line, column + 1, rest, state}
   end
@@ -628,12 +643,12 @@ defmodule Phoenix.LiveView.Tokenizer do
   end
 
   defp handle_interpolation("}" <> rest, line, column, buffer, state) do
-    {_pos, state} = pop_brace(state)
+    state = pop_brace(state)
     handle_interpolation(rest, line, column + 1, ["}" | buffer], state)
   end
 
   defp handle_interpolation("{" <> rest, line, column, buffer, state) do
-    state = push_brace(state, {line, column})
+    state = push_brace(state)
     handle_interpolation(rest, line, column + 1, ["{" | buffer], state)
   end
 
@@ -642,7 +657,13 @@ defmodule Phoenix.LiveView.Tokenizer do
   end
 
   defp handle_interpolation(<<>>, _line, _column, _buffer, _state) do
-    {:error, "expected closing `}` for expression"}
+    {:error,
+     """
+     expected closing `}` for expression
+
+     In case you don't want `{` to begin a new interpolation, \
+     you may write it using `&lbrace;` or using `<%= "{" %>`\
+     """}
   end
 
   ## helpers
@@ -702,12 +723,12 @@ defmodule Phoenix.LiveView.Tokenizer do
     [{type, name, attrs, meta} | acc]
   end
 
-  defp push_brace(state, pos) do
-    %{state | braces: [pos | state.braces]}
+  defp push_brace(state) do
+    %{state | braces: state.braces + 1}
   end
 
-  defp pop_brace(%{braces: [pos | braces]} = state) do
-    {pos, %{state | braces: braces}}
+  defp pop_brace(state) do
+    %{state | braces: state.braces - 1}
   end
 
   defp strip_text_token_fully(tokens) do
diff --git a/mix.exs b/mix.exs
index 4a322cce9e..a105007755 100644
--- a/mix.exs
+++ b/mix.exs
@@ -1,7 +1,7 @@
 defmodule Phoenix.LiveView.MixProject do
   use Mix.Project
 
-  @version "1.0.0-rc.7"
+  @version "1.0.0-rc.8"
 
   def project do
     [
diff --git a/test/e2e/support/error_live.ex b/test/e2e/support/error_live.ex
index 8ef53365d7..9f417b7258 100644
--- a/test/e2e/support/error_live.ex
+++ b/test/e2e/support/error_live.ex
@@ -39,8 +39,8 @@ defmodule Phoenix.LiveViewTest.E2E.ErrorLive do
     @impl Phoenix.LiveView
     def render(assigns) do
       ~H"""
-      <%= if connected?(@socket), do: "Child connected", else: "Child rendered (dead)" %>
-      <p id="child-render-time">child rendered at: <%= DateTime.utc_now() %></p>
+      {if connected?(@socket), do: "Child connected", else: "Child rendered (dead)"}
+      <p id="child-render-time">child rendered at: {DateTime.utc_now()}</p>
 
       <button phx-click="boom">Crash child</button>
 
@@ -75,7 +75,7 @@ defmodule Phoenix.LiveViewTest.E2E.ErrorLive do
       window.liveSocket = liveSocket
     </script>
 
-    <%= @inner_content %>
+    {@inner_content}
     """
   end
 
@@ -138,7 +138,7 @@ defmodule Phoenix.LiveViewTest.E2E.ErrorLive do
   @impl Phoenix.LiveView
   def render(assigns) do
     ~H"""
-    <p id="render-time">main rendered at: <%= DateTime.utc_now() %></p>
+    <p id="render-time">main rendered at: {DateTime.utc_now()}</p>
 
     <button phx-click="boom">Crash main</button>
 
@@ -150,7 +150,7 @@ defmodule Phoenix.LiveViewTest.E2E.ErrorLive do
 
     <div style="border: 1px solid lightgray; padding: 4px; margin-top: 16px;">
       <%= if assigns[:child] do %>
-        <%= live_render(@socket, ChildLive, id: "child") %>
+        {live_render(@socket, ChildLive, id: "child")}
       <% end %>
     </div>
 
diff --git a/test/e2e/support/form_feedback.ex b/test/e2e/support/form_feedback.ex
index 5755b71e45..0f6c2cdcc0 100644
--- a/test/e2e/support/form_feedback.ex
+++ b/test/e2e/support/form_feedback.ex
@@ -73,7 +73,7 @@ defmodule Phoenix.LiveViewTest.E2E.FormFeedbackLive do
       window.liveSocket = liveSocket
     </script>
 
-    <%= @inner_content %>
+    {@inner_content}
     """
   end
 
@@ -111,15 +111,15 @@ defmodule Phoenix.LiveViewTest.E2E.FormFeedbackLive do
         display: none;
       }
     </style>
-    <p>Button Count: <%= @count %></p>
-    <p>Validate Count: <%= @validate_count %></p>
-    <p>Submit Count: <%= @submit_count %></p>
+    <p>Button Count: {@count}</p>
+    <p>Validate Count: {@validate_count}</p>
+    <p>Submit Count: {@submit_count}</p>
     <button phx-click="inc" class="bg-blue-500 text-white p-4">+</button>
     <button phx-click="dec" class="bg-blue-500 text-white p-4">-</button>
 
     <.myform />
 
-    <% # render inside function component to trigger the phx-magic-id optimization %>
+    {# render inside function component to trigger the phx-magic-id optimization}
     <.myfeedback feedback={@feedback} />
 
     <button phx-click="toggle-feedback">Toggle feedback</button>
diff --git a/test/e2e/support/form_live.ex b/test/e2e/support/form_live.ex
index ff214c2512..f8303644cb 100644
--- a/test/e2e/support/form_live.ex
+++ b/test/e2e/support/form_live.ex
@@ -156,11 +156,11 @@ defmodule Phoenix.LiveViewTest.E2E.NestedFormLive do
 
   def render(assigns) do
     ~H"""
-    <%= live_render(@socket, Phoenix.LiveViewTest.E2E.FormLive,
+    {live_render(@socket, Phoenix.LiveViewTest.E2E.FormLive,
       id: "nested",
       layout: nil,
       session: @params
-    ) %>
+    )}
     """
   end
 end
@@ -170,14 +170,14 @@ defmodule Phoenix.LiveViewTest.E2E.FormStreamLive do
 
   def render(assigns) do
     ~H"""
-    <%= @count %>
+    {@count}
     <form id="test-form" phx-change="validate" phx-submit="save">
       <input name="myname" value={@count} />
       <input id="other" name="other" value={@count} />
       <div id="form-stream-hook" phx-hook="FormHook" phx-update="ignore"></div>
       <ul id="form-stream" phx-update="stream">
         <li :for={{id, item} <- @streams.items} id={id} phx-hook="FormStreamHook">
-          *<%= inspect(item) %>
+          *{inspect(item)}
         </li>
       </ul>
       <button id="submit" phx-disable-with="Saving...">Submit</button>
diff --git a/test/e2e/support/issues/issue_2787.ex b/test/e2e/support/issues/issue_2787.ex
index 0e514e56b5..3840379ee8 100644
--- a/test/e2e/support/issues/issue_2787.ex
+++ b/test/e2e/support/issues/issue_2787.ex
@@ -87,7 +87,7 @@ defmodule Phoenix.LiveViewTest.E2E.Issue2787Live do
   def label(assigns) do
     ~H"""
     <label for={@for} class="block text-sm font-semibold leading-6 text-zinc-800">
-      <%= render_slot(@inner_block) %>
+      {render_slot(@inner_block)}
     </label>
     """
   end
@@ -133,7 +133,7 @@ defmodule Phoenix.LiveViewTest.E2E.Issue2787Live do
   def input(%{type: "select"} = assigns) do
     ~H"""
     <div>
-      <.label for={@id}><%= @label %></.label>
+      <.label for={@id}>{@label}</.label>
       <select
         id={@id}
         name={@name}
@@ -141,8 +141,8 @@ defmodule Phoenix.LiveViewTest.E2E.Issue2787Live do
         multiple={@multiple}
         {@rest}
       >
-        <option :if={@prompt} value=""><%= @prompt %></option>
-        <%= Phoenix.HTML.Form.options_for_select(@options, @value) %>
+        <option :if={@prompt} value="">{@prompt}</option>
+        {Phoenix.HTML.Form.options_for_select(@options, @value)}
       </select>
     </div>
     """
@@ -152,7 +152,7 @@ defmodule Phoenix.LiveViewTest.E2E.Issue2787Live do
   def input(assigns) do
     ~H"""
     <div>
-      <.label for={@id}><%= @label %></.label>
+      <.label for={@id}>{@label}</.label>
       <input
         type={@type}
         name={@name}
diff --git a/test/e2e/support/issues/issue_2965.ex b/test/e2e/support/issues/issue_2965.ex
index 1cdbb73541..1019416f09 100644
--- a/test/e2e/support/issues/issue_2965.ex
+++ b/test/e2e/support/issues/issue_2965.ex
@@ -104,7 +104,7 @@ defmodule Phoenix.LiveViewTest.E2E.Issue2965Live do
       liveSocket.connect()
     </script>
 
-    <%= @inner_content %>
+    {@inner_content}
     """
   end
 
@@ -137,10 +137,10 @@ defmodule Phoenix.LiveViewTest.E2E.Issue2965Live do
               <tbody>
                 <%= for entry <- uploads_in_progress(@uploads) do %>
                   <tr>
-                    <td><%= entry.client_name %></td>
+                    <td>{entry.client_name}</td>
                     <td>
                       <progress value={entry.progress} max="100">
-                        <%= entry.progress %>%
+                        {entry.progress}%
                       </progress>
                     </td>
 
@@ -156,7 +156,7 @@ defmodule Phoenix.LiveViewTest.E2E.Issue2965Live do
                     </td>
                     <td>
                       <%= for err <- upload_errors(@uploads.files, entry) do %>
-                        <p style="color: red;"><%= error_to_string(err) %></p>
+                        <p style="color: red;">{error_to_string(err)}</p>
                       <% end %>
                     </td>
                   </tr>
@@ -165,7 +165,7 @@ defmodule Phoenix.LiveViewTest.E2E.Issue2965Live do
             </table>
           </div>
           <%= for err <- upload_errors(@uploads.files) do %>
-            <p style="text-red"><%= error_to_string(err) %></p>
+            <p style="text-red">{error_to_string(err)}</p>
           <% end %>
         </section>
       </.form>
diff --git a/test/e2e/support/issues/issue_3026.ex b/test/e2e/support/issues/issue_3026.ex
index 271b656fd0..855ce7a827 100644
--- a/test/e2e/support/issues/issue_3026.ex
+++ b/test/e2e/support/issues/issue_3026.ex
@@ -57,7 +57,7 @@ defmodule Phoenix.LiveViewTest.E2E.Issue3026Live do
     ~H"""
     <.form for={to_form(%{})} phx-change="change_status">
       <select name="status" type="select">
-        <%= Phoenix.HTML.Form.options_for_select(options(), @status) %>
+        {Phoenix.HTML.Form.options_for_select(options(), @status)}
       </select>
     </.form>
 
@@ -77,7 +77,7 @@ defmodule Phoenix.LiveViewTest.E2E.Issue3026Live do
   defp status(assigns) do
     ~H"""
     <div class="p-8 bg-gray-200 mb-4">
-      <%= @status %>
+      {@status}
     </div>
     """
   end
diff --git a/test/e2e/support/issues/issue_3040.ex b/test/e2e/support/issues/issue_3040.ex
index 3cd01a1e2b..6825784065 100644
--- a/test/e2e/support/issues/issue_3040.ex
+++ b/test/e2e/support/issues/issue_3040.ex
@@ -86,7 +86,7 @@ defmodule Phoenix.LiveViewTest.E2E.Issue3040Live do
                 </button>
               </div>
               <div id={"#{@id}-content"}>
-                <%= render_slot(@inner_block) %>
+                {render_slot(@inner_block)}
               </div>
             </.focus_wrap>
           </div>
diff --git a/test/e2e/support/issues/issue_3047.ex b/test/e2e/support/issues/issue_3047.ex
index 3c9e0e7dd6..f5b9b87168 100644
--- a/test/e2e/support/issues/issue_3047.ex
+++ b/test/e2e/support/issues/issue_3047.ex
@@ -3,10 +3,10 @@ defmodule Phoenix.LiveViewTest.E2E.Issue3047ALive do
 
   def render("live.html", assigns) do
     ~H"""
-    <%= apply(Phoenix.LiveViewTest.E2E.Layout, :render, [
+    {apply(Phoenix.LiveViewTest.E2E.Layout, :render, [
       "live.html",
       Map.put(assigns, :inner_content, [])
-    ]) %>
+    ])}
 
     <div class="flex flex-col items-center justify-center">
       <div class="flex flex-row gap-3">
@@ -18,9 +18,9 @@ defmodule Phoenix.LiveViewTest.E2E.Issue3047ALive do
         </.link>
       </div>
 
-      <%= @inner_content %>
+      {@inner_content}
 
-      <%= live_render(@socket, Phoenix.LiveViewTest.E2E.Issue3047.Sticky, id: "test", sticky: true) %>
+      {live_render(@socket, Phoenix.LiveViewTest.E2E.Issue3047.Sticky, id: "test", sticky: true)}
     </div>
     """
   end
@@ -68,7 +68,7 @@ defmodule Phoenix.LiveViewTest.E2E.Issue3047.Sticky do
     <div style="border: 2px solid black;">
       <h1>This is the sticky liveview</h1>
       <div id="items" phx-update="stream" style="display: flex; flex-direction: column; gap: 4px;">
-        <span :for={{dom_id, item} <- @streams.items} id={dom_id}><%= item.name %></span>
+        <span :for={{dom_id, item} <- @streams.items} id={dom_id}>{item.name}</span>
       </div>
 
       <button phx-click="reset">Reset</button>
diff --git a/test/e2e/support/issues/issue_3083.ex b/test/e2e/support/issues/issue_3083.ex
index c285a2a6aa..24bda24380 100644
--- a/test/e2e/support/issues/issue_3083.ex
+++ b/test/e2e/support/issues/issue_3083.ex
@@ -36,7 +36,7 @@ defmodule Phoenix.LiveViewTest.E2E.Issue3083Live do
     ~H"""
     <.form id="form" for={@form} phx-change="validate">
       <select id={@form[:ids].id} name={@form[:ids].name <> "[]"} multiple={true}>
-        <%= Phoenix.HTML.Form.options_for_select(@options, @form[:ids].value) %>
+        {Phoenix.HTML.Form.options_for_select(@options, @form[:ids].value)}
       </select>
       <input type="text" placeholder="focus me!" />
     </.form>
diff --git a/test/e2e/support/issues/issue_3117.ex b/test/e2e/support/issues/issue_3117.ex
index 104f119f77..4dc676e614 100644
--- a/test/e2e/support/issues/issue_3117.ex
+++ b/test/e2e/support/issues/issue_3117.ex
@@ -13,7 +13,7 @@ defmodule Phoenix.LiveViewTest.E2E.Issue3117Live do
     def render(assigns) do
       ~H"""
       <div id={@id}>
-        Example LC Row <%= inspect(@foo.result) %>
+        Example LC Row {inspect(@foo.result)}
         <.fc />
       </div>
       """
diff --git a/test/e2e/support/issues/issue_3169.ex b/test/e2e/support/issues/issue_3169.ex
index 7245b71d1b..30ed2fec39 100644
--- a/test/e2e/support/issues/issue_3169.ex
+++ b/test/e2e/support/issues/issue_3169.ex
@@ -4,7 +4,7 @@ defmodule Phoenix.LiveViewTest.E2E.Issue3169Live.Components do
   def input(assigns) do
     ~H"""
     <div>
-      <%= @field.value %>
+      {@field.value}
       <input type="text" value={@field.value} />
       <.input_two field={@field} />
     </div>
@@ -14,7 +14,7 @@ defmodule Phoenix.LiveViewTest.E2E.Issue3169Live.Components do
   def input_two(assigns) do
     ~H"""
     <div>
-      <%= @field.value %>
+      {@field.value}
       <input type="text" value={@field.value} />
     </div>
     """
@@ -22,7 +22,7 @@ defmodule Phoenix.LiveViewTest.E2E.Issue3169Live.Components do
 
   def test(assigns) do
     ~H"""
-    This is a test! <%= @var %>
+    This is a test! {@var}
     """
   end
 end
@@ -122,7 +122,7 @@ defmodule Phoenix.LiveViewTest.E2E.Issue3169Live do
       })
       liveSocket.connect()
     </script>
-    <%= @inner_content %>
+    {@inner_content}
     """
   end
 
diff --git a/test/e2e/support/issues/issue_3200.ex b/test/e2e/support/issues/issue_3200.ex
index 8c479f4641..618fec4460 100644
--- a/test/e2e/support/issues/issue_3200.ex
+++ b/test/e2e/support/issues/issue_3200.ex
@@ -41,7 +41,7 @@ defmodule Phoenix.LiveViewTest.E2E.Issue3200 do
     defp tab_button(assigns) do
       ~H"""
       <button type="button" phx-click={JS.patch(@route)}>
-        <%= @text %>
+        {@text}
       </button>
       """
     end
@@ -106,7 +106,7 @@ defmodule Phoenix.LiveViewTest.E2E.Issue3200 do
 
     def render(assigns) do
       ~H"""
-      <div><%= @message %></div>
+      <div>{@message}</div>
       """
     end
   end
diff --git a/test/e2e/support/issues/issue_3378.ex b/test/e2e/support/issues/issue_3378.ex
index 0d4c32acee..aa6bd6775c 100644
--- a/test/e2e/support/issues/issue_3378.ex
+++ b/test/e2e/support/issues/issue_3378.ex
@@ -30,12 +30,12 @@ defmodule Phoenix.LiveViewTest.E2E.Issue3378.AppBarLive do
   def render(assigns) do
     ~H"""
     <div>
-      <%= live_render(
+      {live_render(
         @socket,
         Phoenix.LiveViewTest.E2E.Issue3378.NotificationsLive,
         session: %{},
         id: :notifications
-      ) %>
+      )}
     </div>
     """
   end
@@ -50,12 +50,12 @@ defmodule Phoenix.LiveViewTest.E2E.Issue3378.HomeLive do
 
   def render(assigns) do
     ~H"""
-    <%= live_render(
+    {live_render(
       @socket,
       Phoenix.LiveViewTest.E2E.Issue3378.AppBarLive,
       session: %{},
       id: :appbar
-    ) %>
+    )}
     """
   end
 end
diff --git a/test/e2e/support/issues/issue_3448.ex b/test/e2e/support/issues/issue_3448.ex
index 2ddb878169..39c14f100d 100644
--- a/test/e2e/support/issues/issue_3448.ex
+++ b/test/e2e/support/issues/issue_3448.ex
@@ -16,7 +16,7 @@ defmodule Phoenix.LiveViewTest.E2E.Issue3448Live do
     <.form for={@form} id="my_form" phx-change="validate" class="flex flex-col gap-2">
       <.my_component>
         <:left_content :for={value <- @form[:a].value || []}>
-          <div><%= value %></div>
+          <div>{value}</div>
         </:left_content>
       </.my_component>
 
@@ -55,7 +55,7 @@ defmodule Phoenix.LiveViewTest.E2E.Issue3448Live do
     ~H"""
     <div>
       <div :for={left_content <- @left_content}>
-        <%= render_slot(left_content) %>
+        {render_slot(left_content)}
       </div>
 
       <input id="search" type="search" name="value" phx-change="search" />
diff --git a/test/e2e/support/issues/issue_3496.ex b/test/e2e/support/issues/issue_3496.ex
index 1f4f240469..1284f8f105 100644
--- a/test/e2e/support/issues/issue_3496.ex
+++ b/test/e2e/support/issues/issue_3496.ex
@@ -35,13 +35,13 @@ defmodule Phoenix.LiveViewTest.E2E.Issue3496.ALive do
     <.base />
 
     <div>
-      <%= @inner_content %>
+      {@inner_content}
     </div>
 
-    <%= live_render(@socket, Phoenix.LiveViewTest.E2E.Issue3496.StickyLive,
+    {live_render(@socket, Phoenix.LiveViewTest.E2E.Issue3496.StickyLive,
       id: "sticky",
       sticky: true
-    ) %>
+    )}
     """
   end
 
@@ -50,7 +50,7 @@ defmodule Phoenix.LiveViewTest.E2E.Issue3496.ALive do
     <.base />
 
     <div>
-      <%= @inner_content %>
+      {@inner_content}
     </div>
     """
   end
diff --git a/test/e2e/support/navigation.ex b/test/e2e/support/navigation.ex
index fc6ceaf32c..eb0599fd0f 100644
--- a/test/e2e/support/navigation.ex
+++ b/test/e2e/support/navigation.ex
@@ -42,7 +42,7 @@ defmodule Phoenix.LiveViewTest.E2E.Navigation.Layout do
       </div>
 
       <div style="margin-left: 22rem; flex: 1; padding: 2rem;">
-        <%= @inner_content %>
+        {@inner_content}
       </div>
     </div>
     """
@@ -74,7 +74,7 @@ defmodule Phoenix.LiveViewTest.E2E.Navigation.ALive do
     ~H"""
     <h1>This is page A</h1>
 
-    <p>Current param: <%= @param_current %></p>
+    <p>Current param: {@param_current}</p>
 
     <.styled_link patch={"/navigation/a?param=#{@param_next}"}>Patch this LiveView</.styled_link>
     <.styled_link patch={"/navigation/a?param=#{@param_next}"} replace>Patch (Replace)</.styled_link>
@@ -88,7 +88,7 @@ defmodule Phoenix.LiveViewTest.E2E.Navigation.ALive do
       style="padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; background-color: #e2e8f0; display: inline-flex; align-items: center; border-radius: 0.375rem; cursor: pointer;"
       {Map.delete(assigns, [:inner_block])}
     >
-      <%= render_slot(@inner_block) %>
+      {render_slot(@inner_block)}
     </.link>
     """
   end
@@ -148,7 +148,7 @@ defmodule Phoenix.LiveViewTest.E2E.Navigation.BLive do
               patch={"/navigation/b/#{item.id}"}
               style="display: inline-flex; align-items: center; gap: 0.5rem;"
             >
-              Item <%= item.name %>
+              Item {item.name}
             </.link>
           </li>
         <% end %>
@@ -156,7 +156,7 @@ defmodule Phoenix.LiveViewTest.E2E.Navigation.BLive do
     </div>
 
     <div :if={@live_action == :show}>
-      <p>Item <%= @id %></p>
+      <p>Item {@id}</p>
     </div>
     """
   end
diff --git a/test/e2e/support/select_live.ex b/test/e2e/support/select_live.ex
index 015a063fe1..c8fd3933d6 100644
--- a/test/e2e/support/select_live.ex
+++ b/test/e2e/support/select_live.ex
@@ -123,20 +123,20 @@ defmodule Phoenix.LiveViewTest.E2E.SelectLive do
       This page contains multiple select inputs to test various behaviors.
       Sadly, we cannot test all of them automatically, as there is no way to assert the state of an open select's native UI.
     </p>
-    Tick: <%= @tick %>
+    Tick: {@tick}
 
     <div style="display: flex; flex-direction: column; gap: 8px">
       <button phx-click="toggle-tick">
-        <%= if @tick_timer, do: "Disable", else: "Enable" %> ticking
+        {if @tick_timer, do: "Disable", else: "Enable"} ticking
       </button>
       <button :if={!@select2_timer} phx-click="schedule-select2-update">
         Schedule select2 update
       </button>
-      <span :if={@select2_timer}>Select 2 will update in <%= @select2_countdown %>s</span>
+      <span :if={@select2_timer}>Select 2 will update in {@select2_countdown}s</span>
       <button :if={!@select4_timer} phx-click="schedule-select4-update">
         Schedule select4 update
       </button>
-      <span :if={@select4_timer}>Select 4 will update in <%= @select4_countdown %>s</span>
+      <span :if={@select4_timer}>Select 4 will update in {@select4_countdown}s</span>
     </div>
 
     <.form for={@form} phx-change="validate">
@@ -227,8 +227,8 @@ defmodule Phoenix.LiveViewTest.E2E.SelectLive do
         multiple={@multiple}
         {@rest}
       >
-        <option :if={@prompt} value=""><%= @prompt %></option>
-        <%= Phoenix.HTML.Form.options_for_select(@options, @value) %>
+        <option :if={@prompt} value="">{@prompt}</option>
+        {Phoenix.HTML.Form.options_for_select(@options, @value)}
       </select>
     </div>
     """
diff --git a/test/e2e/support/upload_live.ex b/test/e2e/support/upload_live.ex
index a5f1dc7817..31319a943f 100644
--- a/test/e2e/support/upload_live.ex
+++ b/test/e2e/support/upload_live.ex
@@ -58,9 +58,9 @@ defmodule Phoenix.LiveViewTest.E2E.UploadLive do
         <article :for={entry <- @uploads.avatar.entries} class="upload-entry">
           <figure>
             <.live_img_preview entry={entry} style="width: 500px" />
-            <figcaption><%= entry.client_name %></figcaption>
+            <figcaption>{entry.client_name}</figcaption>
           </figure>
-          <progress value={entry.progress} max="100"><%= entry.progress %>%</progress>
+          <progress value={entry.progress} max="100">{entry.progress}%</progress>
           <button
             type="button"
             phx-click="cancel-upload"
@@ -70,16 +70,16 @@ defmodule Phoenix.LiveViewTest.E2E.UploadLive do
             &times;
           </button>
           <p :for={err <- upload_errors(@uploads.avatar, entry)} class="alert alert-danger">
-            <%= error_to_string(err) %>
+            {error_to_string(err)}
           </p>
         </article>
         <p :for={err <- upload_errors(@uploads.avatar)} class="alert alert-danger">
-          <%= error_to_string(err) %>
+          {error_to_string(err)}
         </p>
       </section>
 
       <ul>
-        <li :for={file <- @uploaded_files}><a href={file}><%= Path.basename(file) %></a></li>
+        <li :for={file <- @uploaded_files}><a href={file}>{Path.basename(file)}</a></li>
       </ul>
     </form>
     """
diff --git a/test/e2e/test_helper.exs b/test/e2e/test_helper.exs
index b99669a6c7..f599861699 100644
--- a/test/e2e/test_helper.exs
+++ b/test/e2e/test_helper.exs
@@ -25,7 +25,7 @@ defmodule Phoenix.LiveViewTest.E2E.Layout do
 
   def render("root.html", assigns) do
     ~H"""
-    <%!-- no doctype -> quirks mode --%> <!DOCTYPE html> <%= @inner_content %>
+    <%!-- no doctype -> quirks mode --%> <!DOCTYPE html> {@inner_content}
     """
   end
 
@@ -56,7 +56,7 @@ defmodule Phoenix.LiveViewTest.E2E.Layout do
     <style>
       * { font-size: 1.1em; }
     </style>
-    <%= @inner_content %>
+    {@inner_content}
     """
   end
 end
diff --git a/test/phoenix_component/components_test.exs b/test/phoenix_component/components_test.exs
index c076f12178..15253dd351 100644
--- a/test/phoenix_component/components_test.exs
+++ b/test/phoenix_component/components_test.exs
@@ -154,7 +154,7 @@ defmodule Phoenix.LiveView.ComponentsTest do
     test "dynamic attrs" do
       assigns = %{prefix: "MyApp – ", title: "My Title"}
 
-      assert t2h(~H|<.live_title prefix={@prefix}><%= @title %></.live_title>|) ==
+      assert t2h(~H|<.live_title prefix={@prefix}>{@title}</.live_title>|) ==
                ~X|<title data-prefix="MyApp – ">MyApp – My Title</title>|
     end
 
@@ -339,7 +339,7 @@ defmodule Phoenix.LiveView.ComponentsTest do
 
       template = ~H"""
       <.form :let={form} for={@form} errors={[name: "can't be blank"]}>
-        <%= inspect(form.errors) %>
+        {inspect(form.errors)}
       </.form>
       """
 
@@ -441,7 +441,7 @@ defmodule Phoenix.LiveView.ComponentsTest do
         phx-change="valid"
       >
         <input id={user_form[:foo].id} name={user_form[:foo].name} type="text" />
-        <%= inspect(user_form.errors) %>
+        {inspect(user_form.errors)}
       </.form>
       """
 
@@ -614,7 +614,7 @@ defmodule Phoenix.LiveView.ComponentsTest do
       template = ~H"""
       <.form :let={f} as={:myform}>
         <.inputs_for :let={finner} field={f[:inner]} } options={[foo: "bar"]}>
-          <p><%= finner.options[:foo] %></p>
+          <p>{finner.options[:foo]}</p>
         </.inputs_for>
       </.form>
       """
@@ -694,7 +694,7 @@ defmodule Phoenix.LiveView.ComponentsTest do
       template = ~H"""
       <.intersperse :let={item} enum={[1, 2, 3]}>
         <:separator><span class="sep">|</span></:separator>
-        Item<%= item %>
+        Item{item}
       </.intersperse>
       """
 
@@ -704,7 +704,7 @@ defmodule Phoenix.LiveView.ComponentsTest do
       template = ~H"""
       <.intersperse :let={item} enum={[1]}>
         <:separator><span class="sep">|</span></:separator>
-        Item<%= item %>
+        Item{item}
       </.intersperse>
       """
 
diff --git a/test/phoenix_component/declarative_assigns_test.exs b/test/phoenix_component/declarative_assigns_test.exs
index b90daa17e8..3912d7b328 100644
--- a/test/phoenix_component/declarative_assigns_test.exs
+++ b/test/phoenix_component/declarative_assigns_test.exs
@@ -71,19 +71,19 @@ defmodule Phoenix.ComponentDeclarativeAssignsTest do
 
     def button_with_values_line, do: __ENV__.line
     attr :text, :string, values: ["Save", "Cancel"]
-    def button_with_values(assigns), do: ~H[<button><%= @text %></button>]
+    def button_with_values(assigns), do: ~H[<button>{@text}</button>]
 
     def button_with_values_and_default_1_line, do: __ENV__.line
     attr :text, :string, values: ["Save", "Cancel"], default: "Save"
-    def button_with_values_and_default_1(assigns), do: ~H[<button><%= @text %></button>]
+    def button_with_values_and_default_1(assigns), do: ~H[<button>{@text}</button>]
 
     def button_with_values_and_default_2_line, do: __ENV__.line
     attr :text, :string, default: "Save", values: ["Save", "Cancel"]
-    def button_with_values_and_default_2(assigns), do: ~H[<button><%= @text %></button>]
+    def button_with_values_and_default_2(assigns), do: ~H[<button>{@text}</button>]
 
     def button_with_examples_line, do: __ENV__.line
     attr :text, :string, examples: ["Save", "Cancel"]
-    def button_with_examples(assigns), do: ~H[<button><%= @text %></button>]
+    def button_with_examples(assigns), do: ~H[<button>{@text}</button>]
 
     def render_line, do: __ENV__.line
 
@@ -385,13 +385,13 @@ defmodule Phoenix.ComponentDeclarativeAssignsTest do
       <table>
         <tr>
           <%= for col <- @col do %>
-            <th><%= col.label %></th>
+            <th>{col.label}</th>
           <% end %>
         </tr>
         <%= for row <- @rows do %>
           <tr>
             <%= for col <- @col do %>
-              <td><%= render_slot(col, row) %></td>
+              <td>{render_slot(col, row)}</td>
             <% end %>
           </tr>
         <% end %>
@@ -423,11 +423,11 @@ defmodule Phoenix.ComponentDeclarativeAssignsTest do
 
       <.table rows={@users}>
         <:col :let={user} label={@name}>
-          <%= user.name %>
+          {user.name}
         </:col>
 
         <:col :let={user} label="Address">
-          <%= user.address %>
+          {user.address}
         </:col>
       </.table>
       """
@@ -628,14 +628,14 @@ defmodule Phoenix.ComponentDeclarativeAssignsTest do
 
       def add(assigns) do
         assigns = Phoenix.Component.assign(assigns, :foo, :bar)
-        ~H[<%= @one + @two %>]
+        ~H[{@one + @two}]
       end
 
       attr :nil_default, :string, default: nil
-      def example(assigns), do: ~H[<%= inspect(@nil_default) %>]
+      def example(assigns), do: ~H[{inspect(@nil_default)}]
 
       attr :value, :string
-      def no_default(assigns), do: ~H[<%= inspect(@value) %>]
+      def no_default(assigns), do: ~H[{inspect(@value)}]
 
       attr :id, :any
       attr :errors, :list, default: []
@@ -668,10 +668,10 @@ defmodule Phoenix.ComponentDeclarativeAssignsTest do
       use Phoenix.Component
 
       slot(:inner_block)
-      def func(assigns), do: ~H[<%= render_slot(@inner_block) %>]
+      def func(assigns), do: ~H[{render_slot(@inner_block)}]
 
       slot(:inner_block, required: true)
-      def func_required(assigns), do: ~H[<%= render_slot(@inner_block) %>]
+      def func_required(assigns), do: ~H[{render_slot(@inner_block)}]
     end
 
     assigns = %{}
@@ -690,9 +690,9 @@ defmodule Phoenix.ComponentDeclarativeAssignsTest do
       def test(assigns) do
         ~H"""
         <div {@rest}>
-          <%= render_slot(@inner_block) %>
+          {render_slot(@inner_block)}
           <%= for col <- @col do %>
-            <%= render_slot(col) %>,
+            {render_slot(col)},
           <% end %>
         </div>
         """
@@ -1699,7 +1699,7 @@ defmodule Phoenix.ComponentDeclarativeAssignsTest do
         use Elixir.Phoenix.Component
 
         attr :rest, :global, required: true
-        def func(assigns), do: ~H[<%= @rest %>]
+        def func(assigns), do: ~H[{@rest}]
       end
     end
   end
@@ -1712,7 +1712,7 @@ defmodule Phoenix.ComponentDeclarativeAssignsTest do
         use Elixir.Phoenix.Component
 
         attr :rest, :global, values: ["placeholder", "rel"]
-        def func(assigns), do: ~H[<%= @rest %>]
+        def func(assigns), do: ~H[{@rest}]
       end
     end
   end
@@ -1725,7 +1725,7 @@ defmodule Phoenix.ComponentDeclarativeAssignsTest do
         use Elixir.Phoenix.Component
 
         attr :rest, :global, examples: ["placeholder", "rel"]
-        def func(assigns), do: ~H[<%= @rest %>]
+        def func(assigns), do: ~H[{@rest}]
       end
     end
   end
diff --git a/test/phoenix_component/rendering_test.exs b/test/phoenix_component/rendering_test.exs
index ccaaafc08e..8b847791d2 100644
--- a/test/phoenix_component/rendering_test.exs
+++ b/test/phoenix_component/rendering_test.exs
@@ -19,7 +19,7 @@ defmodule Phoenix.ComponentRenderingTest do
     assigns = assign_new(assigns, :name, fn -> "World" end)
 
     ~H"""
-    Hello <%= @name %>
+    Hello {@name}
     """
   end
 
@@ -65,7 +65,7 @@ defmodule Phoenix.ComponentRenderingTest do
 
     def changed(assigns) do
       ~H"""
-      <%= inspect(Map.get(assigns, :__changed__), custom_options: [sort_maps: true]) %>
+      {inspect(Map.get(assigns, :__changed__), custom_options: [sort_maps: true])}
       """
     end
 
@@ -211,21 +211,21 @@ defmodule Phoenix.ComponentRenderingTest do
 
     defp wrapper(assigns) do
       ~H"""
-      <div><%= render_slot(@inner_block) %></div>
+      <div>{render_slot(@inner_block)}</div>
       """
     end
 
     defp inner_changed(assigns) do
       ~H"""
-      <%= inspect(Map.get(assigns, :__changed__), custom_options: [sort_maps: true]) %>
-      <%= render_slot(@inner_block, "var") %>
+      {inspect(Map.get(assigns, :__changed__), custom_options: [sort_maps: true])}
+      {render_slot(@inner_block, "var")}
       """
     end
 
     test "with @inner_block" do
       assigns = %{foo: 1, __changed__: %{}}
       assert eval(~H|<.inner_changed foo={@foo}></.inner_changed>|) == [nil]
-      assert eval(~H|<.inner_changed><%= @foo %></.inner_changed>|) == [nil]
+      assert eval(~H|<.inner_changed>{@foo}</.inner_changed>|) == [nil]
 
       assigns = %{foo: 1, __changed__: %{foo: true}}
 
@@ -233,11 +233,11 @@ defmodule Phoenix.ComponentRenderingTest do
                [["%{foo: true}", nil]]
 
       assert eval(
-               ~H|<.inner_changed foo={@foo}><%= inspect(Map.get(assigns, :__changed__)) %></.inner_changed>|
+               ~H|<.inner_changed foo={@foo}>{inspect(Map.get(assigns, :__changed__))}</.inner_changed>|
              ) ==
                [["%{foo: true, inner_block: true}", ["%{foo: true}"]]]
 
-      assert eval(~H|<.inner_changed><%= @foo %></.inner_changed>|) ==
+      assert eval(~H|<.inner_changed>{@foo}</.inner_changed>|) ==
                [["%{inner_block: true}", ["1"]]]
 
       assigns = %{foo: 1, __changed__: %{foo: %{bar: true}}}
@@ -246,11 +246,11 @@ defmodule Phoenix.ComponentRenderingTest do
                [["%{foo: %{bar: true}}", nil]]
 
       assert eval(
-               ~H|<.inner_changed foo={@foo}><%= inspect(Map.get(assigns, :__changed__)) %></.inner_changed>|
+               ~H|<.inner_changed foo={@foo}>{inspect(Map.get(assigns, :__changed__))}</.inner_changed>|
              ) ==
                [["%{foo: %{bar: true}, inner_block: true}", ["%{foo: %{bar: true}}"]]]
 
-      assert eval(~H|<.inner_changed><%= @foo %></.inner_changed>|) ==
+      assert eval(~H|<.inner_changed>{@foo}</.inner_changed>|) ==
                [["%{inner_block: %{bar: true}}", ["1"]]]
     end
 
@@ -265,14 +265,14 @@ defmodule Phoenix.ComponentRenderingTest do
 
       assert eval(~H"""
              <.inner_changed :let={_foo} foo={@foo}>
-               <%= inspect(Map.get(assigns, :__changed__)) %>
+               {inspect(Map.get(assigns, :__changed__))}
              </.inner_changed>
              """) ==
                [["%{foo: true, inner_block: true}", ["%{foo: true}"]]]
 
       assert eval(~H"""
              <.inner_changed :let={_foo} foo={@foo}>
-               <%= "constant" %><%= inspect(Map.get(assigns, :__changed__)) %>
+               {"constant"}{inspect(Map.get(assigns, :__changed__))}
              </.inner_changed>
              """) ==
                [["%{foo: true, inner_block: true}", [nil, "%{foo: true}"]]]
@@ -280,7 +280,7 @@ defmodule Phoenix.ComponentRenderingTest do
       assert eval(~H"""
              <.inner_changed :let={foo} foo={@foo}>
                <.inner_changed :let={_bar} bar={foo}>
-                 <%= "constant" %><%= inspect(Map.get(assigns, :__changed__)) %>
+                 {"constant"}{inspect(Map.get(assigns, :__changed__))}
                </.inner_changed>
              </.inner_changed>
              """) ==
@@ -293,7 +293,7 @@ defmodule Phoenix.ComponentRenderingTest do
 
       assert eval(~H"""
              <.inner_changed :let={foo} foo={@foo}>
-               <%= foo %><%= inspect(Map.get(assigns, :__changed__)) %>
+               {foo}{inspect(Map.get(assigns, :__changed__))}
              </.inner_changed>
              """) ==
                [["%{foo: true, inner_block: true}", ["var", "%{foo: true}"]]]
@@ -301,7 +301,7 @@ defmodule Phoenix.ComponentRenderingTest do
       assert eval(~H"""
              <.inner_changed :let={foo} foo={@foo}>
                <.inner_changed :let={bar} bar={foo}>
-                 <%= bar %><%= inspect(Map.get(assigns, :__changed__)) %>
+                 {bar}{inspect(Map.get(assigns, :__changed__))}
                </.inner_changed>
              </.inner_changed>
              """) ==
@@ -318,9 +318,9 @@ defmodule Phoenix.ComponentRenderingTest do
 
       assert eval(~H"""
              <.wrapper>
-               <%= @foo %>
+               {@foo}
                <.inner_changed :let={var} foo={@bar}>
-                 <%= var %>
+                 {var}
                </.inner_changed>
              </.wrapper>
              """) == [[["1", nil]]]
@@ -330,7 +330,7 @@ defmodule Phoenix.ComponentRenderingTest do
       assigns = assign_new(assigns, :inner_block, fn -> [] end)
 
       ~H"""
-      <div><%= render_slot(@inner_block) || "DEFAULT!" %></div>
+      <div>{render_slot(@inner_block) || "DEFAULT!"}</div>
       """
     end
 
@@ -339,7 +339,7 @@ defmodule Phoenix.ComponentRenderingTest do
 
       assert eval(~H"""
              <.optional_wrapper>
-               <%= @foo %>
+               {@foo}
              </.optional_wrapper>
              """) == [[["1"]]]
 
@@ -347,7 +347,7 @@ defmodule Phoenix.ComponentRenderingTest do
 
       assert eval(~H"""
              <.optional_wrapper>
-               <%= @foo %>
+               {@foo}
              </.optional_wrapper>
              """) == [[["2"]]]
 
diff --git a/test/phoenix_component/verify_test.exs b/test/phoenix_component/verify_test.exs
index 0482861297..2c41deda02 100644
--- a/test/phoenix_component/verify_test.exs
+++ b/test/phoenix_component/verify_test.exs
@@ -644,7 +644,7 @@ defmodule Phoenix.ComponentVerifyTest do
           def func_slot_wo_do_block(assigns) do
             ~H"""
             <div>
-              <%= render_slot(@item) %>
+              {render_slot(@item)}
             </div>
             """
           end
@@ -673,7 +673,7 @@ defmodule Phoenix.ComponentVerifyTest do
           def func_slot_wo_do_block(assigns) do
             ~H"""
             <div>
-              <%= render_slot(@item) %>
+              {render_slot(@item)}
             </div>
             """
           end
@@ -1082,7 +1082,7 @@ defmodule Phoenix.ComponentVerifyTest do
           def func(assigns) do
             ~H"""
             <div>
-              <%= render_slot(@slot) %>
+              {render_slot(@slot)}
             </div>
             """
           end
@@ -1213,7 +1213,7 @@ defmodule Phoenix.ComponentVerifyTest do
 
           def public(assigns) do
             ~H"""
-            <%= @attr %>
+            {@attr}
             """
           end
 
@@ -1221,7 +1221,7 @@ defmodule Phoenix.ComponentVerifyTest do
 
           defp private(assigns) do
             ~H"""
-            <%= @attr %>
+            {@attr}
             """
           end
 
diff --git a/test/phoenix_live_view/diff_test.exs b/test/phoenix_live_view/diff_test.exs
index 2c5c27fa24..2a09443f46 100644
--- a/test/phoenix_live_view/diff_test.exs
+++ b/test/phoenix_live_view/diff_test.exs
@@ -9,8 +9,8 @@ defmodule Phoenix.LiveView.DiffTest do
   def basic_template(assigns) do
     ~H"""
     <div>
-      <h2>It's <%= @time %></h2>
-      <%= @subtitle %>
+      <h2>It's {@time}</h2>
+      {@subtitle}
     </div>
     """
   end
@@ -18,8 +18,8 @@ defmodule Phoenix.LiveView.DiffTest do
   def literal_template(assigns) do
     ~H"""
     <div>
-      <%= @title %>
-      <%= "<div>" %>
+      {@title}
+      {"<div>"}
     </div>
     """
   end
@@ -27,9 +27,9 @@ defmodule Phoenix.LiveView.DiffTest do
   def comprehension_template(assigns) do
     ~H"""
     <div>
-      <h1><%= @title %></h1>
+      <h1>{@title}</h1>
       <%= for name <- @names do %>
-        <br /><%= name %>
+        <br />{name}
       <% end %>
     </div>
     """
@@ -38,11 +38,11 @@ defmodule Phoenix.LiveView.DiffTest do
   def nested_comprehension_template(assigns) do
     ~H"""
     <div>
-      <h1><%= @title %></h1>
+      <h1>{@title}</h1>
       <%= for name <- @names do %>
-        <br /><%= name %>
+        <br />{name}
         <%= for score <- @scores do %>
-          <br /><%= score %>
+          <br />{score}
         <% end %>
       <% end %>
     </div>
@@ -356,7 +356,7 @@ defmodule Phoenix.LiveView.DiffTest do
       send(self(), :render)
 
       ~H"""
-      <div>FROM <%= @from %> <%= @hello %></div>
+      <div>FROM {@from} {@hello}</div>
       """
     end
   end
@@ -372,9 +372,9 @@ defmodule Phoenix.LiveView.DiffTest do
       ~H"""
       <div>
         <%= if @if do %>
-          IF <%= @from %>
+          IF {@from}
         <% else %>
-          ELSE <%= @from %>
+          ELSE {@from}
         <% end %>
       </div>
       """
@@ -387,7 +387,7 @@ defmodule Phoenix.LiveView.DiffTest do
     def render(assigns) do
       ~H"""
       <div>
-        ID: <%= @id %>
+        ID: {@id}
         <%= for {id, children} <- @children do %>
           <.live_component module={__MODULE__} id={id} children={children} />
         <% end %>
@@ -408,7 +408,7 @@ defmodule Phoenix.LiveView.DiffTest do
       send(self(), {:temporary_render, assigns})
 
       ~H"""
-      <div>FROM <%= if @first_time, do: "WELCOME!", else: @from %></div>
+      <div>FROM {if @first_time, do: "WELCOME!", else: @from}</div>
       """
     end
   end
@@ -418,7 +418,7 @@ defmodule Phoenix.LiveView.DiffTest do
 
     def render(assigns) do
       ~H"""
-      <div>RENDER ONLY <%= @from %></div>
+      <div>RENDER ONLY {@from}</div>
       """
     end
   end
@@ -435,10 +435,10 @@ defmodule Phoenix.LiveView.DiffTest do
     def render(assigns) do
       ~H"""
       <div>
-        HELLO <%= @id %> <%= render_slot(@inner_block, %{value: 1}) %> HELLO <%= @id %> <%= render_slot(
+        HELLO {@id} {render_slot(@inner_block, %{value: 1})} HELLO {@id} {render_slot(
           @inner_block,
           %{value: 2}
-        ) %>
+        )}
       </div>
       """
     end
@@ -447,14 +447,14 @@ defmodule Phoenix.LiveView.DiffTest do
   defmodule FunctionComponent do
     def render_only(assigns) do
       ~H"""
-      <div>RENDER ONLY <%= @from %></div>
+      <div>RENDER ONLY {@from}</div>
       """
     end
 
     def render_inner_block_no_args(assigns) do
       ~H"""
       <div>
-        HELLO <%= @id %> <%= render_slot(@inner_block) %> HELLO <%= @id %> <%= render_slot(@inner_block) %>
+        HELLO {@id} {render_slot(@inner_block)} HELLO {@id} {render_slot(@inner_block)}
       </div>
       """
     end
@@ -462,7 +462,7 @@ defmodule Phoenix.LiveView.DiffTest do
     def render_with_slot_no_args(assigns) do
       ~H"""
       <div>
-        HELLO <%= @id %> <%= render_slot(@sample) %> HELLO <%= @id %> <%= render_slot(@sample) %>
+        HELLO {@id} {render_slot(@sample)} HELLO {@id} {render_slot(@sample)}
       </div>
       """
     end
@@ -470,10 +470,10 @@ defmodule Phoenix.LiveView.DiffTest do
     def render_inner_block(assigns) do
       ~H"""
       <div>
-        HELLO <%= @id %> <%= render_slot(@inner_block, 1) %> HELLO <%= @id %> <%= render_slot(
+        HELLO {@id} {render_slot(@inner_block, 1)} HELLO {@id} {render_slot(
           @inner_block,
           2
-        ) %>
+        )}
       </div>
       """
     end
@@ -482,7 +482,7 @@ defmodule Phoenix.LiveView.DiffTest do
       ~H"""
       COMPONENT
       <.live_component :let={%{value: value}} module={SlotComponent} id="WORLD">
-        WITH VALUE <%= value %>
+        WITH VALUE {value}
       </.live_component>
       """
     end
@@ -509,9 +509,9 @@ defmodule Phoenix.LiveView.DiffTest do
     def render(assigns) do
       ~H"""
       <div>
-        <%= @id %> - <%= @update_many_ran? %>
+        {@id} - {@update_many_ran?}
         <%= for {component, index} <- Enum.with_index(@children, 0) do %>
-          <%= index %>: <%= component %>
+          {index}: {component}
         <% end %>
       </div>
       """
@@ -524,7 +524,7 @@ defmodule Phoenix.LiveView.DiffTest do
     def render(assigns) do
       ~H"""
       <div>
-        <%= render_itself(assigns) %>
+        {render_itself(assigns)}
       </div>
       """
     end
@@ -534,13 +534,13 @@ defmodule Phoenix.LiveView.DiffTest do
         :a ->
           ~H"""
           <%= for key <- [:nothing] do %>
-            <%= key %><%= key %>
+            {key}{key}
           <% end %>
           """
 
         :b ->
           ~H"""
-          <%=  %>
+          {}
           """
 
         :c ->
@@ -554,7 +554,7 @@ defmodule Phoenix.LiveView.DiffTest do
   def component_template(assigns) do
     ~H"""
     <div>
-      <%= @component %>
+      {@component}
     </div>
     """
   end
@@ -562,7 +562,7 @@ defmodule Phoenix.LiveView.DiffTest do
   def another_component_template(assigns) do
     ~H"""
     <span>
-      <%= @component %>
+      {@component}
     </span>
     """
   end
@@ -593,7 +593,7 @@ defmodule Phoenix.LiveView.DiffTest do
     @raises_inside_rendered_line __ENV__.line + 3
     defp raises_inside_rendered(assigns) do
       ~H"""
-      <%= Process.get(:unused, false) || raise "oops" %>
+      {Process.get(:unused, false) || raise "oops"}
       """
     end
 
@@ -681,7 +681,7 @@ defmodule Phoenix.LiveView.DiffTest do
     defp function_tracking(assigns) do
       ~H"""
       <FunctionComponent.render_inner_block :let={value} id={@id}>
-        WITH VALUE <%= value %> - <%= @value %>
+        WITH VALUE {value} - {@value}
       </FunctionComponent.render_inner_block>
       """
     end
@@ -750,7 +750,7 @@ defmodule Phoenix.LiveView.DiffTest do
     def render_multiple_slots(assigns) do
       ~H"""
       <div>
-        HEADER: <%= render_slot(@header) %> FOOTER: <%= render_slot(@footer) %>
+        HEADER: {render_slot(@header)} FOOTER: {render_slot(@footer)}
       </div>
       """
     end
@@ -759,10 +759,10 @@ defmodule Phoenix.LiveView.DiffTest do
       ~H"""
       <.render_multiple_slots>
         <:header>
-          <%= @in_header %><%= @in_both %>
+          {@in_header}{@in_both}
         </:header>
         <:footer>
-          <%= @in_footer %><%= @in_both %>
+          {@in_footer}{@in_both}
         </:footer>
       </.render_multiple_slots>
       """
@@ -1209,7 +1209,7 @@ defmodule Phoenix.LiveView.DiffTest do
         rendered = ~H"""
         <div>
           <%= for {component, index} <- Enum.with_index(@components, 0) do %>
-            <%= index %>: <%= component %>
+            {index}: {component}
           <% end %>
         </div>
         """
@@ -1252,7 +1252,7 @@ defmodule Phoenix.LiveView.DiffTest do
         ~H"""
         <div>
           <%= for {component, index} <- Enum.with_index(@components, 0) do %>
-            <%= index %>: <%= component %>
+            {index}: {component}
           <% end %>
         </div>
         """
@@ -1350,9 +1350,9 @@ defmodule Phoenix.LiveView.DiffTest do
         rendered = ~H"""
         <div>
           <%= for prefix_id <- @ids do %>
-            <%= prefix_id %>
+            {prefix_id}
             <%= for {component, index} <- Enum.with_index(@components, 0) do %>
-              <%= index %>: <%= %{component | id: "#{prefix_id}-#{component.id}"} %>
+              {index}: {%{component | id: "#{prefix_id}-#{component.id}"}}
             <% end %>
           <% end %>
         </div>
@@ -1504,7 +1504,7 @@ defmodule Phoenix.LiveView.DiffTest do
         rendered = ~H"""
         <div>
           <%= for {component, index} <- Enum.with_index(@components, 1) do %>
-            <%= index %>: <%= component_template(%{component: component}) %>
+            {index}: {component_template(%{component: component})}
           <% end %>
         </div>
         """
@@ -1557,7 +1557,7 @@ defmodule Phoenix.LiveView.DiffTest do
         <div>
           <%= for {component, index} <- Enum.with_index(@components, 1) do %>
             <%= if index > 1 do %>
-              <%= index %>: <%= component %>
+              {index}: {component}
             <% end %>
           <% end %>
         </div>
@@ -1629,7 +1629,7 @@ defmodule Phoenix.LiveView.DiffTest do
     defp tracking(assigns) do
       ~H"""
       <.live_component :let={%{value: value}} module={SlotComponent} id="TRACKING">
-        WITH PARENT VALUE <%= @parent_value %> WITH VALUE <%= value %>
+        WITH PARENT VALUE {@parent_value} WITH VALUE {value}
       </.live_component>
       """
     end
diff --git a/test/phoenix_live_view/html_engine_test.exs b/test/phoenix_live_view/html_engine_test.exs
index b747dcce09..f5a5170ba5 100644
--- a/test/phoenix_live_view/html_engine_test.exs
+++ b/test/phoenix_live_view/html_engine_test.exs
@@ -51,7 +51,7 @@ defmodule Phoenix.LiveView.HTMLEngineTest do
   end
 
   def assigns_component(assigns) do
-    ~H"<%= inspect(Map.delete(assigns, :__changed__)) %>"
+    ~H"{inspect(Map.delete(assigns, :__changed__))}"
   end
 
   def textarea(assigns) do
@@ -62,38 +62,38 @@ defmodule Phoenix.LiveView.HTMLEngineTest do
   end
 
   def remote_function_component(assigns) do
-    ~H"REMOTE COMPONENT: Value: <%= @value %>"
+    ~H"REMOTE COMPONENT: Value: {@value}"
   end
 
   def remote_function_component_with_inner_block(assigns) do
-    ~H"REMOTE COMPONENT: Value: <%= @value %>, Content: <%= render_slot(@inner_block) %>"
+    ~H"REMOTE COMPONENT: Value: {@value}, Content: {render_slot(@inner_block)}"
   end
 
   def remote_function_component_with_inner_block_args(assigns) do
     ~H"""
-    REMOTE COMPONENT WITH ARGS: Value: <%= @value %>
-    <%= render_slot(@inner_block, %{
+    REMOTE COMPONENT WITH ARGS: Value: {@value}
+    {render_slot(@inner_block, %{
       downcase: String.downcase(@value),
       upcase: String.upcase(@value)
-    }) %>
+    })}
     """
   end
 
   defp local_function_component(assigns) do
-    ~H"LOCAL COMPONENT: Value: <%= @value %>"
+    ~H"LOCAL COMPONENT: Value: {@value}"
   end
 
   defp local_function_component_with_inner_block(assigns) do
-    ~H"LOCAL COMPONENT: Value: <%= @value %>, Content: <%= render_slot(@inner_block) %>"
+    ~H"LOCAL COMPONENT: Value: {@value}, Content: {render_slot(@inner_block)}"
   end
 
   defp local_function_component_with_inner_block_args(assigns) do
     ~H"""
-    LOCAL COMPONENT WITH ARGS: Value: <%= @value %>
-    <%= render_slot(@inner_block, %{
+    LOCAL COMPONENT WITH ARGS: Value: {@value}
+    {render_slot(@inner_block, %{
       downcase: String.downcase(@value),
       upcase: String.upcase(@value)
-    }) %>
+    })}
     """
   end
 
@@ -135,6 +135,12 @@ defmodule Phoenix.LiveView.HTMLEngineTest do
            """) == "Hello <div name=\"123\" phone=\"456\">text</div>"
   end
 
+  test "handles interpolated body" do
+    assert render("""
+           Hello <div>2 + 2 = {2 + 2}</div>
+           """) == "Hello <div>2 + 2 = 4</div>"
+  end
+
   test "handles interpolated attribute value containing special chars" do
     assert render("<div name={@val}/>", %{val: "1 < 2"}) == "<div name=\"1 &lt; 2\"></div>"
   end
@@ -1547,6 +1553,8 @@ defmodule Phoenix.LiveView.HTMLEngineTest do
     test "invalid tag" do
       message = """
       test/phoenix_live_view/html_engine_test.exs:1:10: expected closing `}` for expression
+
+      In case you don't want `{` to begin a new interpolation, you may write it using `&lbrace;` or using `<%= "{" %>`
         |
       1 | <div foo={<%= @foo %>}>bar</div>
         |          ^\
@@ -1560,6 +1568,8 @@ defmodule Phoenix.LiveView.HTMLEngineTest do
 
       message = """
       test/phoenix_live_view/html_engine_test.exs:2:3: expected closing `}` for expression
+
+      In case you don't want `{` to begin a new interpolation, you may write it using `&lbrace;` or using `<%= "{" %>`
         |
       1 | <div foo=
       2 |   {<%= @foo %>}>bar</div>
@@ -1579,6 +1589,8 @@ defmodule Phoenix.LiveView.HTMLEngineTest do
 
       message = """
       test/phoenix_live_view/html_engine_test.exs:2:6: expected closing `}` for expression
+
+      In case you don't want `{` to begin a new interpolation, you may write it using `&lbrace;` or using `<%= "{" %>`
         |
       1 |    <div foo=
       2 |      {<%= @foo %>}>bar</div>
@@ -2066,7 +2078,7 @@ defmodule Phoenix.LiveView.HTMLEngineTest do
 
     def slot_if(assigns) do
       ~H"""
-      <div><%= @value %>-<%= render_slot(@slot, @value) %></div>
+      <div>{@value}-{render_slot(@slot, @value)}</div>
       """
     end
 
diff --git a/test/phoenix_live_view/html_formatter_test.exs b/test/phoenix_live_view/html_formatter_test.exs
index a9eb0dd0eb..cfe84bc791 100644
--- a/test/phoenix_live_view/html_formatter_test.exs
+++ b/test/phoenix_live_view/html_formatter_test.exs
@@ -4,6 +4,9 @@ defmodule Phoenix.LiveView.HTMLFormatterTest do
   alias Phoenix.LiveView.HTMLFormatter
 
   defp assert_formatter_output(input, expected, dot_formatter_opts \\ []) do
+    dot_formatter_opts =
+      Keyword.put_new(dot_formatter_opts, :migrate_eex_to_curly_brackets, false)
+
     first_pass = HTMLFormatter.format(input, dot_formatter_opts)
     assert first_pass == expected
 
@@ -12,6 +15,9 @@ defmodule Phoenix.LiveView.HTMLFormatterTest do
   end
 
   def assert_formatter_doesnt_change(code, dot_formatter_opts \\ []) do
+    dot_formatter_opts =
+      Keyword.put_new(dot_formatter_opts, :migrate_eex_to_curly_brackets, false)
+
     first_pass = HTMLFormatter.format(code, dot_formatter_opts)
     assert first_pass == code
 
@@ -98,7 +104,7 @@ defmodule Phoenix.LiveView.HTMLFormatterTest do
     assert_formatter_doesnt_change(input)
   end
 
-  test "do not break between eex tags when there is no space before or after" do
+  test "do not break between EEx tags when there is no space before or after" do
     assert_formatter_output(
       """
       <p>first <%= @name %>second</p>
@@ -393,6 +399,50 @@ defmodule Phoenix.LiveView.HTMLFormatterTest do
     assert_formatter_output(input, expected)
   end
 
+  test "format when there are curly interpolations" do
+    input = """
+      <section>
+        <p>pre{@user.name}pos</p>
+        <p>pre { @user.name}pos</p>
+        <p>pre{@user.name } pos</p>
+        <p>pre { @user.name } pos</p>
+      </section>
+    """
+
+    expected = """
+    <section>
+      <p>pre{@user.name}pos</p>
+      <p>pre {@user.name}pos</p>
+      <p>pre{@user.name} pos</p>
+      <p>pre {@user.name} pos</p>
+    </section>
+    """
+
+    assert_formatter_output(input, expected)
+  end
+
+  test "migrates from eex to curly brackets" do
+    input = """
+      <section>
+        <p><%= @user.name %></p>
+        <p><%= "{" %></p>
+        <script>window.url = "<%= @user.name %>"</script>
+      </section>
+    """
+
+    expected = """
+    <section>
+      <p>{@user.name}</p>
+      <p><%= "{" %></p>
+      <script>
+        window.url = "<%= @user.name %>"
+      </script>
+    </section>
+    """
+
+    assert_formatter_output(input, expected, migrate_eex_to_curly_brackets: true)
+  end
+
   test "format when there are EEx tags" do
     input = """
       <section>
@@ -400,7 +450,7 @@ defmodule Phoenix.LiveView.HTMLFormatterTest do
           <div>     <p>content 1</p><p>content 2</p></div>
         <% end %>
         <p><%= @user.name %></p>
-        <%= if true do %> <p>deu bom</p><% else %><p> deu ruim </p><% end %>
+        <%= if true do %> <p>it worked</p><% else %><p> it failed </p><% end %>
       </section>
     """
 
@@ -414,9 +464,9 @@ defmodule Phoenix.LiveView.HTMLFormatterTest do
       <% end %>
       <p><%= @user.name %></p>
       <%= if true do %>
-        <p>deu bom</p>
+        <p>it worked</p>
       <% else %>
-        <p>deu ruim</p>
+        <p>it failed</p>
       <% end %>
     </section>
     """
@@ -453,7 +503,7 @@ defmodule Phoenix.LiveView.HTMLFormatterTest do
     )
   end
 
-  test "parse eex inside of html tags" do
+  test "parse EEx inside of html tags" do
     assert_formatter_output(
       """
         <button {build_phx_attrs_dynamically()}>Test</button>
@@ -464,7 +514,7 @@ defmodule Phoenix.LiveView.HTMLFormatterTest do
     )
   end
 
-  test "lines with inline or eex tags" do
+  test "lines with inline or EEx tags" do
     assert_formatter_output(
       """
         <p><span>this is a long long long long long looooooong text</span> <%= @product.value %> and more stuff over here</p>
@@ -540,7 +590,7 @@ defmodule Phoenix.LiveView.HTMLFormatterTest do
     """)
   end
 
-  test "handle eex cond statement" do
+  test "handle EEx cond statement" do
     input = """
     <div>
     <%= cond do %>
@@ -901,7 +951,7 @@ defmodule Phoenix.LiveView.HTMLFormatterTest do
     )
   end
 
-  test "keep eex expressions in the next line" do
+  test "keep EEx expressions in the next line" do
     input = """
     <div class="mb-5">
       <%= live_file_input(@uploads.image_url) %>
@@ -912,7 +962,7 @@ defmodule Phoenix.LiveView.HTMLFormatterTest do
     assert_formatter_doesnt_change(input)
   end
 
-  test "keep intentional extra line break between eex expressions" do
+  test "keep intentional extra line break between EEx expressions" do
     input = """
     <div class="mb-5">
       <%= live_file_input(@uploads.image_url) %>
@@ -1052,7 +1102,7 @@ defmodule Phoenix.LiveView.HTMLFormatterTest do
   test "format <pre> tag with EEx" do
     assert_formatter_doesnt_change("""
     <pre>
-      :root {
+      :root &lbrace;
         <%= 2 + 2 %>
         <%= 2 + 2 %>
       }
@@ -1146,7 +1196,7 @@ defmodule Phoenix.LiveView.HTMLFormatterTest do
     )
   end
 
-  test "formats eex within script tag" do
+  test "formats EEx within script tag" do
     assert_formatter_doesnt_change("""
     <script>
       var foo = 1;
@@ -1183,7 +1233,7 @@ defmodule Phoenix.LiveView.HTMLFormatterTest do
     """)
   end
 
-  test "formats eex blocks within script tag" do
+  test "formats EEx blocks within script tag" do
     assert_formatter_doesnt_change("""
     <script>
       var foo = 1;
@@ -1459,7 +1509,7 @@ defmodule Phoenix.LiveView.HTMLFormatterTest do
     """)
   end
 
-  test "keep eex along with the text" do
+  test "keep EEx along with the text" do
     assert_formatter_doesnt_change("""
     <div>
       _______________________________________________________ result<%= if(@row_count != 1, do: "s") %>
@@ -1607,7 +1657,7 @@ defmodule Phoenix.LiveView.HTMLFormatterTest do
     )
   end
 
-  test "preserve inline element on the same line when followed by a eex expression without whitespaces" do
+  test "preserve inline element on the same line when followed by a EEx expression without whitespaces" do
     assert_formatter_doesnt_change(
       """
       <%= some_function("arg") %><span>content</span>
@@ -1754,6 +1804,12 @@ defmodule Phoenix.LiveView.HTMLFormatterTest do
     )
   end
 
+  test "respect interpolation when phx-no-format is present" do
+    assert_formatter_doesnt_change("""
+    <title data-prefix={@prefix} data-default={@default} data-suffix={@suffix} phx-no-format>{@prefix}{render_present(render_slot(@inner_block), @default)}{@suffix}</title>
+    """)
+  end
+
   test "respect nesting of children when phx-no-format is present" do
     assert_formatter_doesnt_change(
       """
@@ -1818,7 +1874,7 @@ defmodule Phoenix.LiveView.HTMLFormatterTest do
     )
   end
 
-  test "handle html comments + eex expressions" do
+  test "handle html comments + EEx expressions" do
     assert_formatter_output(
       """
       <%= if @comment do %><!-- <%= @comment %> --><% end %>
@@ -2060,7 +2116,7 @@ defmodule Phoenix.LiveView.HTMLFormatterTest do
     """)
   end
 
-  test "handle multiple HTML comments with eex vars" do
+  test "handle multiple HTML comments with EEx vars" do
     assert_formatter_doesnt_change("""
     <!--
     <button><%= @var %></button>
diff --git a/test/phoenix_live_view/integrations/html_formatter_test.exs b/test/phoenix_live_view/integrations/html_formatter_test.exs
index b36e13a5f6..f3a540f8ed 100644
--- a/test/phoenix_live_view/integrations/html_formatter_test.exs
+++ b/test/phoenix_live_view/integrations/html_formatter_test.exs
@@ -75,7 +75,7 @@ defmodule Phoenix.LiveView.Integrations.HTMLFormatterTest do
           <p>content 2</p>
         </div>
       <% end %>
-      <p><%= @user.name %></p>
+      <p>{@user.name}</p>
       <%= if true do %>
         <p>good</p>
       <% else %>
@@ -118,14 +118,14 @@ defmodule Phoenix.LiveView.Integrations.HTMLFormatterTest do
 
   test "accept line_length as option" do
     input = """
-      <section><h1><b class="there are several classes"><%= @user.name %></b></h1></section>
+      <section><h1><b class="there are several classes">{@user.name}</b></h1></section>
     """
 
     expected = """
     <section>
       <h1>
         <b class="there are several classes">
-          <%= @user.name %>
+          {@user.name}
         </b>
       </h1>
     </section>
@@ -136,12 +136,12 @@ defmodule Phoenix.LiveView.Integrations.HTMLFormatterTest do
 
   test "heex_line_length overrides line_length" do
     input = """
-      <section><h1><b class="there are several classes"><%= @user.name %></b></h1></section>
+      <section><h1><b class="there are several classes">{@user.name}</b></h1></section>
     """
 
     expected = """
     <section>
-      <h1><b class="there are several classes"><%= @user.name %></b></h1>
+      <h1><b class="there are several classes">{@user.name}</b></h1>
     </section>
     """
 
diff --git a/test/phoenix_live_view/integrations/live_components_test.exs b/test/phoenix_live_view/integrations/live_components_test.exs
index 6d230a0036..9b4d5b547b 100644
--- a/test/phoenix_live_view/integrations/live_components_test.exs
+++ b/test/phoenix_live_view/integrations/live_components_test.exs
@@ -470,7 +470,7 @@ defmodule Phoenix.LiveView.LiveComponentsTest do
 
       ~H"""
       <div>
-        FROM <%= @from %> <%= @hello %>
+        FROM {@from} {@hello}
       </div>
       """
     end
@@ -482,7 +482,7 @@ defmodule Phoenix.LiveView.LiveComponentsTest do
     def render(assigns) do
       ~H"""
       <div>
-        RENDER ONLY <%= @from %>
+        RENDER ONLY {@from}
       </div>
       """
     end
@@ -503,8 +503,8 @@ defmodule Phoenix.LiveView.LiveComponentsTest do
 
     def render(assigns) do
       ~H"""
-      <foo><%= @id %></foo>
-      <bar><%= @id %></bar>
+      <foo>{@id}</foo>
+      <bar>{@id}</bar>
       """
     end
   end
diff --git a/test/phoenix_live_view/tokenizer_test.exs b/test/phoenix_live_view/tokenizer_test.exs
index 6c3974fe73..7fca466d36 100644
--- a/test/phoenix_live_view/tokenizer_test.exs
+++ b/test/phoenix_live_view/tokenizer_test.exs
@@ -620,6 +620,8 @@ defmodule Phoenix.LiveView.TokenizerTest do
     test "raise on incomplete attribute expression (EOF)" do
       message = """
       nofile:2:9: expected closing `}` for expression
+
+      In case you don't want `{` to begin a new interpolation, you may write it using `&lbrace;` or using `<%= "{" %>`
         |
       1 | <div
       2 |   class={panel
@@ -700,6 +702,8 @@ defmodule Phoenix.LiveView.TokenizerTest do
     test "raise on incomplete expression (EOF)" do
       message = """
       nofile:2:3: expected closing `}` for expression
+
+      In case you don't want `{` to begin a new interpolation, you may write it using `&lbrace;` or using `<%= "{" %>`
         |
       1 | <div
       2 |   {@attrs
diff --git a/test/support/layout_view.ex b/test/support/layout_view.ex
index efabf7379f..ec3214ff29 100644
--- a/test/support/layout_view.ex
+++ b/test/support/layout_view.ex
@@ -17,19 +17,19 @@ defmodule Phoenix.LiveViewTest.Support.LayoutView do
 
   def render("live.html", assigns) do
     ~H"""
-    LIVELAYOUTSTART-<%= @val %>-<%= @inner_content %>-LIVELAYOUTEND
+    LIVELAYOUTSTART-{@val}-{@inner_content}-LIVELAYOUTEND
     """
   end
 
   def render("live_override.html", assigns) do
     ~H"""
-    LIVEOVERRIDESTART-<%= @val %>-<%= @inner_content %>-LIVEOVERRIDEEND
+    LIVEOVERRIDESTART-{@val}-{@inner_content}-LIVEOVERRIDEEND
     """
   end
 
   def render("widget.html", assigns) do
     ~H"""
-    WIDGET:<%= live_render(@conn, Phoenix.LiveViewTest.Support.ClockLive) %>
+    WIDGET:{live_render(@conn, Phoenix.LiveViewTest.Support.ClockLive)}
     """
   end
 
@@ -42,7 +42,7 @@ defmodule Phoenix.LiveViewTest.Support.LayoutView do
   def render("layout-with-function-component.html", assigns) do
     ~H"""
     LAYOUT:<Phoenix.LiveViewTest.Support.FunctionComponent.render value="from layout" />
-    <%= @inner_content %>
+    {@inner_content}
     """
   end
 
@@ -69,7 +69,7 @@ defmodule Phoenix.LiveViewTest.Support.LayoutView do
         </script>
       </head>
       <body>
-        <%= @inner_content %>
+        {@inner_content}
       </body>
     </html>
     """
@@ -78,7 +78,7 @@ defmodule Phoenix.LiveViewTest.Support.LayoutView do
   def on_mount_layout(assigns) do
     ~H"""
     <div id="on-mount">
-      <%= @inner_content %>
+      {@inner_content}
     </div>
     """
   end
diff --git a/test/support/live_views/cids_destroyed.ex b/test/support/live_views/cids_destroyed.ex
index 70d8688eab..2c637c0292 100644
--- a/test/support/live_views/cids_destroyed.ex
+++ b/test/support/live_views/cids_destroyed.ex
@@ -11,8 +11,8 @@ defmodule Phoenix.LiveViewTest.Support.CidsDestroyedLive do
     def render(assigns) do
       ~H"""
       <div>
-        <button type="submit"><%= @text %></button>
-        <div id="bumper" phx-click="bump" phx-target={@myself}>Bump: <%= @counter %></div>
+        <button type="submit">{@text}</button>
+        <div id="bumper" phx-click="bump" phx-target={@myself}>Bump: {@counter}</div>
       </div>
       """
     end
diff --git a/test/support/live_views/component_and_nested_in_live.ex b/test/support/live_views/component_and_nested_in_live.ex
index df14a87ad9..efa133198f 100644
--- a/test/support/live_views/component_and_nested_in_live.ex
+++ b/test/support/live_views/component_and_nested_in_live.ex
@@ -9,7 +9,7 @@ defmodule Phoenix.LiveViewTest.Support.ComponentAndNestedInLive do
     end
 
     def render(assigns) do
-      ~H"<div><%= @hello %></div>"
+      ~H"<div>{@hello}</div>"
     end
 
     def handle_event("disable", _params, socket) do
@@ -26,7 +26,7 @@ defmodule Phoenix.LiveViewTest.Support.ComponentAndNestedInLive do
     end
 
     def render(assigns) do
-      ~H"<div><%= @world %></div>"
+      ~H"<div>{@world}</div>"
     end
   end
 
@@ -37,7 +37,7 @@ defmodule Phoenix.LiveViewTest.Support.ComponentAndNestedInLive do
   def render(assigns) do
     ~H"""
     <%= if @enabled do %>
-      <%= live_render(@socket, NestedLive, id: :nested_live) %>
+      {live_render(@socket, NestedLive, id: :nested_live)}
       <.live_component module={NestedComponent} id={:_component} />
     <% end %>
     """
diff --git a/test/support/live_views/component_in_live.ex b/test/support/live_views/component_in_live.ex
index 45d5e42884..8a22fe0dba 100644
--- a/test/support/live_views/component_in_live.ex
+++ b/test/support/live_views/component_in_live.ex
@@ -6,8 +6,8 @@ defmodule Phoenix.LiveViewTest.Support.ComponentInLive.Root do
   end
 
   def render(assigns) do
-    ~H"<%= @enabled &&
-  live_render(@socket, Phoenix.LiveViewTest.Support.ComponentInLive.Live, id: :nested_live) %>"
+    ~H"{@enabled &&
+  live_render(@socket, Phoenix.LiveViewTest.Support.ComponentInLive.Live, id: :nested_live)}"
   end
 
   def handle_info(:disable, socket) do
@@ -48,6 +48,6 @@ defmodule Phoenix.LiveViewTest.Support.ComponentInLive.Component do
   end
 
   def render(assigns) do
-    ~H"<div><%= @hello %> <%= @world %></div>"
+    ~H"<div>{@hello} {@world}</div>"
   end
 end
diff --git a/test/support/live_views/components.ex b/test/support/live_views/components.ex
index 60352471ad..a80de935d9 100644
--- a/test/support/live_views/components.ex
+++ b/test/support/live_views/components.ex
@@ -3,13 +3,13 @@ defmodule Phoenix.LiveViewTest.Support.FunctionComponent do
 
   def render(assigns) do
     ~H"""
-    COMPONENT:<%= @value %>
+    COMPONENT:{@value}
     """
   end
 
   def render_with_inner_content(assigns) do
     ~H"""
-    COMPONENT:<%= @value %>, Content: <%= render_slot(@inner_block) %>
+    COMPONENT:{@value}, Content: {render_slot(@inner_block)}
     """
   end
 end
@@ -210,7 +210,7 @@ defmodule Phoenix.LiveViewTest.Support.StatefulComponent do
   def render(%{socket: _} = assigns) do
     ~H"""
     <div phx-click="transform" id={@id} phx-target={"#" <> @id <> include_parent_id(@parent_id)}>
-      <%= @name %> says hi
+      {@name} says hi
       <.live_component :if={@dup_name} module={__MODULE__} id={@dup_name} name={@dup_name} />
     </div>
     """
@@ -256,7 +256,7 @@ defmodule Phoenix.LiveViewTest.Support.WithComponentLive do
 
   def render(assigns) do
     ~H"""
-    Redirect: <%= @redirect %>
+    Redirect: {@redirect}
     <%= for name <- @names do %>
       <.live_component
         module={Phoenix.LiveViewTest.Support.StatefulComponent}
@@ -317,7 +317,7 @@ defmodule Phoenix.LiveViewTest.Support.WithMultipleTargets do
   def render(assigns) do
     ~H"""
     <div id="parent_id" class="parent">
-      <%= @message %>
+      {@message}
       <%= for name <- @names do %>
         <.live_component
           module={Phoenix.LiveViewTest.Support.StatefulComponent}
diff --git a/test/support/live_views/connect.ex b/test/support/live_views/connect.ex
index 8cff5e0916..b392fc22d4 100644
--- a/test/support/live_views/connect.ex
+++ b/test/support/live_views/connect.ex
@@ -3,12 +3,12 @@ defmodule Phoenix.LiveViewTest.Support.ConnectLive do
 
   def render(assigns) do
     ~H"""
-    <p>params: <%= inspect(@params) %></p>
-    <p>uri: <%= URI.to_string(@uri) %></p>
-    <p>trace: <%= inspect(@trace) %></p>
-    <p>peer: <%= inspect(@peer, custom_options: [sort_maps: true]) %></p>
-    <p>x-headers: <%= inspect(@x_headers) %></p>
-    <p>user-agent: <%= inspect(@user_agent) %></p>
+    <p>params: {inspect(@params)}</p>
+    <p>uri: {URI.to_string(@uri)}</p>
+    <p>trace: {inspect(@trace)}</p>
+    <p>peer: {inspect(@peer, custom_options: [sort_maps: true])}</p>
+    <p>x-headers: {inspect(@x_headers)}</p>
+    <p>user-agent: {inspect(@user_agent)}</p>
     """
   end
 
diff --git a/test/support/live_views/debug_anno.exs b/test/support/live_views/debug_anno.exs
index 039dc11b15..1347583503 100644
--- a/test/support/live_views/debug_anno.exs
+++ b/test/support/live_views/debug_anno.exs
@@ -4,19 +4,19 @@ defmodule Phoenix.LiveViewTest.Support.DebugAnno do
   use Phoenix.Component
 
   def remote(assigns) do
-    ~H"REMOTE COMPONENT: Value: <%= @value %>"
+    ~H"REMOTE COMPONENT: Value: {@value}"
   end
 
   def remote_with_root(assigns) do
-    ~H"<div>REMOTE COMPONENT: Value: <%= @value %></div>"
+    ~H"<div>REMOTE COMPONENT: Value: {@value}</div>"
   end
 
   def local(assigns) do
-    ~H"LOCAL COMPONENT: Value: <%= @value %>"
+    ~H"LOCAL COMPONENT: Value: {@value}"
   end
 
   def local_with_root(assigns) do
-    ~H"<div>LOCAL COMPONENT: Value: <%= @value %></div>"
+    ~H"<div>LOCAL COMPONENT: Value: {@value}</div>"
   end
 
   def nested(assigns) do
diff --git a/test/support/live_views/elements.ex b/test/support/live_views/elements.ex
index 0af66964d4..e57aaee62c 100644
--- a/test/support/live_views/elements.ex
+++ b/test/support/live_views/elements.ex
@@ -5,15 +5,15 @@ defmodule Phoenix.LiveViewTest.Support.ElementsLive do
 
   def render(assigns) do
     ~H"""
-    <% # lookups %>
-    <div id="last-event"><%= @event %></div>
+    {# lookups}
+    <div id="last-event">{@event}</div>
     <div id="scoped-render"><span>This</span> is a div</div>
     <div>This</div>
     <div id="child-component">
       <.live_component module={Phoenix.LiveViewTest.Support.ElementsComponent} id={1} />
     </div>
 
-    <% # basic render_* %>
+    {# basic render_*}
     <span id="span-no-attr">This is a span</span>
 
     <span id="span-blur-no-value" phx-blur="span-blur">This is a span</span>
@@ -82,13 +82,13 @@ defmodule Phoenix.LiveViewTest.Support.ElementsLive do
       This is a span
     </span>
 
-    <% # link handling %>
+    {# link handling}
     <a id="a-no-attr">No href link</a>
     <a href="/" id="click-a" phx-click="link">Regular Link</a>
     <a href="/" id="redirect-a">Regular Link</a>
     <.link navigate="/example" id="live-redirect-a">Live redirect</.link>
     <.link navigate="/example" id="live-redirect-replace-a" replace>Live redirect</.link>
-    <% # unrelated phx-click does not disable patching %>
+    {# unrelated phx-click does not disable patching}
     <.link patch="/elements?from=uri" id="live-patch-a" phx-click={JS.dispatch("noop")}>
       Live patch
     </.link>
@@ -121,11 +121,11 @@ defmodule Phoenix.LiveViewTest.Support.ElementsLive do
       Last one wins
     </button>
 
-    <% # hooks %>
+    {# hooks}
     <section phx-hook="Example" id="hook-section" phx-value-foo="ignore">Section</section>
     <section phx-hook="Example" id="hook-section-2" class="idless-hook">Section</section>
 
-    <% # forms %>
+    {# forms}
     <a id="a-no-form" phx-change="hello" phx-submit="world">Change</a>
     <form id="empty-form" phx-change="form-change" phx-submit="form-submit"></form>
     <form
@@ -202,13 +202,13 @@ defmodule Phoenix.LiveViewTest.Support.ElementsLive do
       <input name="hello[ignore-submit]" type="submit" value="ignored" />
       <input name="hello[ignore-image]" type="image" value="ignored" />
       <input name="hello[date_text]" type="text" />
-      <%= PhoenixHTMLHelpers.Form.date_select(:hello, :date_select) %>
+      {PhoenixHTMLHelpers.Form.date_select(:hello, :date_select)}
       <input name="hello[time_text]" type="text" />
-      <%= PhoenixHTMLHelpers.Form.time_select(:hello, :time_select) %>
+      {PhoenixHTMLHelpers.Form.time_select(:hello, :time_select)}
       <input name="hello[naive_text]" type="text" />
-      <%= PhoenixHTMLHelpers.Form.datetime_select(:hello, :naive_select) %>
+      {PhoenixHTMLHelpers.Form.datetime_select(:hello, :naive_select)}
       <input name="hello[utc_text]" type="text" />
-      <%= PhoenixHTMLHelpers.Form.datetime_select(:hello, :utc_select, second: []) %>
+      {PhoenixHTMLHelpers.Form.datetime_select(:hello, :utc_select, second: [])}
       <input name="hello[individual]" type="text" phx-change="individual-changed" />
     </form>
 
@@ -255,7 +255,7 @@ defmodule Phoenix.LiveViewTest.Support.ElementsLive do
     </select>
     <button form="named" name="btn" type="submit" value="x">Submit</button>
 
-    <% # @page_title assign is unique %>
+    {# @page_title assign is unique}
     <svg>
       <title>SVG with title</title>
     </svg>
@@ -292,7 +292,7 @@ defmodule Phoenix.LiveViewTest.Support.ElementsComponent do
   def render(assigns) do
     ~H"""
     <div>
-      <div id="component-last-event"><%= @event %></div>
+      <div id="component-last-event">{@event}</div>
 
       <button
         id="component-button-js-click-target"
diff --git a/test/support/live_views/events.ex b/test/support/live_views/events.ex
index 010aa18035..7bbacded54 100644
--- a/test/support/live_views/events.ex
+++ b/test/support/live_views/events.ex
@@ -3,7 +3,7 @@ defmodule Phoenix.LiveViewTest.Support.EventsLive do
 
   def render(assigns) do
     ~H"""
-    count: <%= @count %>
+    count: {@count}
     """
   end
 
@@ -34,7 +34,7 @@ defmodule Phoenix.LiveViewTest.Support.EventsMultiJSLive do
 
   def render(assigns) do
     ~H"""
-    count: <%= @count %>
+    count: {@count}
 
     <button
       id="add-one-and-ten"
@@ -114,7 +114,7 @@ defmodule Phoenix.LiveViewTest.Support.EventsInComponentMultiJSLive do
           One to everyone
         </button>
 
-        <%= @id %> count: <%= @count %>
+        {@id} count: {@count}
       </div>
       """
     end
@@ -123,7 +123,7 @@ defmodule Phoenix.LiveViewTest.Support.EventsInComponentMultiJSLive do
   def render(assigns) do
     ~H"""
     <.live_component module={Child} id={:child_1} />
-    <.live_component module={Child} id={:child_2} /> root count: <%= @count %>
+    <.live_component module={Child} id={:child_2} /> root count: {@count}
     """
   end
 
@@ -157,7 +157,7 @@ defmodule Phoenix.LiveViewTest.Support.EventsInMountLive do
   end
 
   def render(assigns) do
-    ~H"<%= live_render(@socket, Child, id: :child_live) %>"
+    ~H"{live_render(@socket, Child, id: :child_live)}"
   end
 
   def mount(_params, _session, socket) do
diff --git a/test/support/live_views/flash.ex b/test/support/live_views/flash.ex
index c67d2b4182..31ca91df5c 100644
--- a/test/support/live_views/flash.ex
+++ b/test/support/live_views/flash.ex
@@ -3,11 +3,11 @@ defmodule Phoenix.LiveViewTest.Support.FlashLive do
 
   def render(assigns) do
     ~H"""
-    uri[<%= @uri %>]
-    root[<%= Phoenix.Flash.get(@flash, :info) %>]:info
-    root[<%= Phoenix.Flash.get(@flash, :error) %>]:error
+    uri[{@uri}]
+    root[{Phoenix.Flash.get(@flash, :info)}]:info
+    root[{Phoenix.Flash.get(@flash, :error)}]:error
     <.live_component module={Phoenix.LiveViewTest.Support.FlashComponent} id="flash-component" />
-    child[<%= live_render(@socket, Phoenix.LiveViewTest.Support.FlashChildLive, id: "flash-child") %>]
+    child[{live_render(@socket, Phoenix.LiveViewTest.Support.FlashChildLive, id: "flash-child")}]
     """
   end
 
@@ -50,10 +50,10 @@ defmodule Phoenix.LiveViewTest.Support.FlashComponent do
     <div id={@id} phx-target={@myself} phx-click="click">
       <span phx-target={@myself} phx-click="lv:clear-flash">Clear all</span>
       <span phx-target={@myself} phx-click="lv:clear-flash" phx-value-key="info">
-        component[<%= Phoenix.Flash.get(@flash, :info) %>]:info
+        component[{Phoenix.Flash.get(@flash, :info)}]:info
       </span>
       <span phx-target={@myself} phx-click="lv:clear-flash" phx-value-key="error">
-        component[<%= Phoenix.Flash.get(@flash, :error) %>]:error
+        component[{Phoenix.Flash.get(@flash, :error)}]:error
       </span>
     </div>
     """
@@ -85,7 +85,7 @@ defmodule Phoenix.LiveViewTest.Support.FlashChildLive do
 
   def render(assigns) do
     ~H"""
-    <%= Phoenix.Flash.get(@flash, :info) %>
+    {Phoenix.Flash.get(@flash, :info)}
     """
   end
 
diff --git a/test/support/live_views/general.ex b/test/support/live_views/general.ex
index 8cdce89235..083c5f348a 100644
--- a/test/support/live_views/general.ex
+++ b/test/support/live_views/general.ex
@@ -10,14 +10,14 @@ defmodule Phoenix.LiveViewTest.Support.ThermostatLive do
 
   def render(assigns) do
     ~H"""
-    <p>Redirect: <%= @redirect %></p>
-    <p>The temp is: <%= @val %><%= @greeting %></p>
+    <p>Redirect: {@redirect}</p>
+    <p>The temp is: {@val}{@greeting}</p>
     <button phx-click="dec">-</button>
     <button phx-click="inc">+</button>
     <%= if @nest do %>
-      <%= live_render(@socket, ClockLive, [id: :clock] ++ @nest) %>
+      {live_render(@socket, ClockLive, [id: :clock] ++ @nest)}
       <%= for user <- @users do %>
-        <i><%= user.name %> <%= user.email %></i>
+        <i>{user.name} {user.email}</i>
       <% end %>
     <% end %>
     """
@@ -91,11 +91,11 @@ defmodule Phoenix.LiveViewTest.Support.ClockLive do
 
   def render(assigns) do
     ~H"""
-    time: <%= @time %> <%= @name %>
-    <%= live_render(@socket, ClockControlsLive,
+    time: {@time} {@name}
+    {live_render(@socket, ClockControlsLive,
       id: :"#{String.replace(@name, " ", "-")}-controls",
       sticky: @sticky
-    ) %>
+    )}
     """
   end
 
@@ -139,7 +139,7 @@ defmodule Phoenix.LiveViewTest.Support.DashboardLive do
 
   def render(assigns) do
     ~H"""
-    session: <%= Phoenix.HTML.raw(inspect(@session)) %>
+    session: {Phoenix.HTML.raw(inspect(@session))}
     """
   end
 
@@ -154,7 +154,7 @@ defmodule Phoenix.LiveViewTest.Support.SameChildLive do
   def render(%{dup: true} = assigns) do
     ~H"""
     <%= for name <- @names do %>
-      <%= live_render(@socket, ClockLive, id: :dup, session: %{"name" => name}) %>
+      {live_render(@socket, ClockLive, id: :dup, session: %{"name" => name})}
     <% end %>
     """
   end
@@ -162,7 +162,7 @@ defmodule Phoenix.LiveViewTest.Support.SameChildLive do
   def render(%{dup: false} = assigns) do
     ~H"""
     <%= for name <- @names do %>
-      <%= live_render(@socket, ClockLive, session: %{"name" => name, "count" => @count}, id: name) %>
+      {live_render(@socket, ClockLive, session: %{"name" => name, "count" => @count}, id: name)}
     <% end %>
     """
   end
@@ -182,10 +182,10 @@ defmodule Phoenix.LiveViewTest.Support.RootLive do
 
   def render(assigns) do
     ~H"""
-    root name: <%= @current_user.name %>
-    <%= live_render(@socket, ChildLive, id: :static, session: %{"child" => :static}) %>
+    root name: {@current_user.name}
+    {live_render(@socket, ChildLive, id: :static, session: %{"child" => :static})}
     <%= if @dynamic_child do %>
-      <%= live_render(@socket, ChildLive, id: @dynamic_child, session: %{"child" => :dynamic}) %>
+      {live_render(@socket, ChildLive, id: @dynamic_child, session: %{"child" => :dynamic})}
     <% end %>
     """
   end
@@ -209,7 +209,7 @@ defmodule Phoenix.LiveViewTest.Support.ChildLive do
 
   def render(assigns) do
     ~H"""
-    child <%= @id %> name: <%= @current_user.name %>
+    child {@id} name: {@current_user.name}
     """
   end
 
@@ -227,7 +227,7 @@ end
 defmodule Phoenix.LiveViewTest.Support.OptsLive do
   use Phoenix.LiveView
 
-  def render(assigns), do: ~H|<%= @description %>. <%= @canary %>|
+  def render(assigns), do: ~H|{@description}. {@canary}|
 
   def mount(_params, %{"opts" => opts}, socket) do
     {:ok, assign(socket, description: "long description", canary: "canary"), opts}
@@ -243,9 +243,9 @@ defmodule Phoenix.LiveViewTest.Support.RedirLive do
 
   def render(assigns) do
     ~H"""
-    Title: <%= @title %>
+    Title: {@title}
     <%= if @child_params do %>
-      <%= live_render(@socket, __MODULE__, id: :child, session: %{"child_redir" => @child_params}) %>
+      {live_render(@socket, __MODULE__, id: :child, session: %{"child_redir" => @child_params})}
     <% end %>
     """
   end
@@ -302,7 +302,7 @@ end
 defmodule Phoenix.LiveViewTest.Support.AssignsNotInSocketLive do
   use Phoenix.LiveView
 
-  def render(assigns), do: ~H|<%= boom(@socket) %>|
+  def render(assigns), do: ~H|{boom(@socket)}|
   def mount(_params, _session, socket), do: {:ok, socket}
   defp boom(socket), do: socket.assigns.boom
 end
@@ -360,8 +360,8 @@ defmodule Phoenix.LiveViewTest.Support.AssignAsyncLive do
 
     <div :if={@data.loading}>data loading...</div>
     <div :if={@data.ok? && @data.result == nil}>no data found</div>
-    <div :if={@data.ok? && @data.result}>data: <%= inspect(@data.result) %></div>
-    <div :if={@data.failed}><%= inspect(@data.failed) %></div>
+    <div :if={@data.ok? && @data.result}>data: {inspect(@data.result)}</div>
+    <div :if={@data.failed}>{inspect(@data.failed)}</div>
     """
   end
 
@@ -473,12 +473,12 @@ defmodule Phoenix.LiveViewTest.Support.AssignAsyncLive.LC do
     <div>
       <.async_result :let={data} assign={@lc_data}>
         <:loading>lc_data loading...</:loading>
-        <:failed :let={{kind, reason}}><%= kind %>: <%= inspect(reason) %></:failed>
-        lc_data: <%= inspect(data) %>
+        <:failed :let={{kind, reason}}>{kind}: {inspect(reason)}</:failed>
+        lc_data: {inspect(data)}
       </.async_result>
       <.async_result :let={data} assign={@other_data}>
         <:loading>other_data loading...</:loading>
-        other_data: <%= inspect(data) %>
+        other_data: {inspect(data)}
       </.async_result>
     </div>
     """
@@ -565,9 +565,9 @@ defmodule Phoenix.LiveViewTest.Support.StartAsyncLive do
       module={Phoenix.LiveViewTest.Support.StartAsyncLive.LC}
       test={@lc}
       id="lc"
-    /> result: <%= inspect(@result) %>
+    /> result: {inspect(@result)}
     <%= if flash = @flash["info"] do %>
-      flash: <%= flash %>
+      flash: {flash}
     <% end %>
     """
   end
@@ -745,7 +745,7 @@ defmodule Phoenix.LiveViewTest.Support.StartAsyncLive.LC do
   def render(assigns) do
     ~H"""
     <div>
-      lc: <%= inspect(@result) %>
+      lc: {inspect(@result)}
     </div>
     """
   end
diff --git a/test/support/live_views/host.ex b/test/support/live_views/host.ex
index 566603f1a1..ae4db472bb 100644
--- a/test/support/live_views/host.ex
+++ b/test/support/live_views/host.ex
@@ -8,8 +8,8 @@ defmodule Phoenix.LiveViewTest.Support.HostLive do
 
   def render(assigns) do
     ~H"""
-    <p>URI: <%= @uri %></p>
-    <p>LiveAction: <%= @live_action %></p>
+    <p>URI: {@uri}</p>
+    <p>LiveAction: {@live_action}</p>
     <.link id="path" patch={Routes.host_path(@socket, :path)}>Path</.link>
     <.link id="full" patch={"https://app.example.com" <> Routes.host_path(@socket, :full)}>
       Full
diff --git a/test/support/live_views/layout.ex b/test/support/live_views/layout.ex
index 912df1b4c2..801175809f 100644
--- a/test/support/live_views/layout.ex
+++ b/test/support/live_views/layout.ex
@@ -3,7 +3,7 @@ defmodule Phoenix.LiveViewTest.Support.ParentLayoutLive do
 
   def render(assigns) do
     ~H"""
-    <%= live_render(@socket, Phoenix.LiveViewTest.Support.LayoutLive, session: @session, id: "layout") %>
+    {live_render(@socket, Phoenix.LiveViewTest.Support.LayoutLive, session: @session, id: "layout")}
     """
   end
 
@@ -15,7 +15,7 @@ end
 defmodule Phoenix.LiveViewTest.Support.LayoutLive do
   use Phoenix.LiveView, layout: {Phoenix.LiveViewTest.Support.LayoutView, :live}
 
-  def render(assigns), do: ~H|The value is: <%= @val %>|
+  def render(assigns), do: ~H|The value is: {@val}|
 
   def mount(_params, session, socket) do
     socket
diff --git a/test/support/live_views/lifecycle.ex b/test/support/live_views/lifecycle.ex
index 5c72cb6207..233de580d8 100644
--- a/test/support/live_views/lifecycle.ex
+++ b/test/support/live_views/lifecycle.ex
@@ -54,10 +54,10 @@ defmodule Phoenix.LiveViewTest.Support.HooksLive do
 
   def render(assigns) do
     ~H"""
-    <p>last_on_mount:<%= inspect(assigns[:last_on_mount]) %></p>
-    <p>params_hook:<%= assigns[:params_hook_ref] %></p>
-    <p>count:<%= @count %></p>
-    <p>task:<%= @task %></p>
+    <p>last_on_mount:{inspect(assigns[:last_on_mount])}</p>
+    <p>params_hook:{assigns[:params_hook_ref]}</p>
+    <p>count:{@count}</p>
+    <p>task:{@task}</p>
     <button id="dec" phx-click="dec">-</button>
     <button id="inc" phx-click="inc">+</button>
     <button id="patch" phx-click="patch">?</button>
@@ -191,7 +191,7 @@ defmodule Phoenix.LiveViewTest.Support.HooksLive.Noop do
   def render(assigns) do
     ~H"""
     <h1>Noop</h1>
-    last_on_mount:<%= inspect(assigns[:last_on_mount]) %>
+    last_on_mount:{inspect(assigns[:last_on_mount])}
     """
   end
 end
@@ -252,7 +252,7 @@ defmodule Phoenix.LiveViewTest.Support.HooksEventComponent do
     ~H"""
     <div>
       <div id="detach-component-hook" phx-click="detach" phx-target={@myself}>Detach</div>
-      <div id="hook" phx-click="event" phx-target={@myself}>counter: <%= @counter %></div>
+      <div id="hook" phx-click="event" phx-target={@myself}>counter: {@counter}</div>
     </div>
     """
   end
@@ -307,7 +307,7 @@ defmodule Phoenix.LiveViewTest.Support.HooksLive.HandleParamsNotDefined do
      end)}
   end
 
-  def render(assigns), do: ~H"url=<%= assigns[:url] %>"
+  def render(assigns), do: ~H"url={assigns[:url]}"
 end
 
 defmodule Phoenix.LiveViewTest.Support.HooksLive.HandleInfoNotDefined do
@@ -323,7 +323,7 @@ defmodule Phoenix.LiveViewTest.Support.HooksLive.HandleInfoNotDefined do
      end)}
   end
 
-  def render(assigns), do: ~H"data=<%= assigns[:data] %>"
+  def render(assigns), do: ~H"data={assigns[:data]}"
 end
 
 defmodule Phoenix.LiveViewTest.Support.HooksLive.OnMountOptions do
@@ -340,5 +340,5 @@ defmodule Phoenix.LiveViewTest.Support.HooksLive.OnMountOptions do
     {:cont, socket, layout: {Phoenix.LiveViewTest.Support.LayoutView, :on_mount_layout}}
   end
 
-  def render(assigns), do: ~H"data-<%= @data %>"
+  def render(assigns), do: ~H"data-{@data}"
 end
diff --git a/test/support/live_views/live_in_component.ex b/test/support/live_views/live_in_component.ex
index bcf6857faf..d8019f2aa4 100644
--- a/test/support/live_views/live_in_component.ex
+++ b/test/support/live_views/live_in_component.ex
@@ -19,7 +19,7 @@ defmodule Phoenix.LiveViewTest.Support.LiveInComponent.Component do
   def render(assigns) do
     ~H"""
     <div>
-      <%= live_render(@socket, Phoenix.LiveViewTest.Support.LiveInComponent.Live, id: :nested_live) %>"
+      {live_render(@socket, Phoenix.LiveViewTest.Support.LiveInComponent.Live, id: :nested_live)}"
     </div>
     """
   end
diff --git a/test/support/live_views/params.ex b/test/support/live_views/params.ex
index ca806281cb..88271473e2 100644
--- a/test/support/live_views/params.ex
+++ b/test/support/live_views/params.ex
@@ -3,9 +3,9 @@ defmodule Phoenix.LiveViewTest.Support.ParamCounterLive do
 
   def render(assigns) do
     ~H"""
-    <p>The value is: <%= @val %></p>
-    <p>mount: <%= inspect(@mount_params) %></p>
-    <p>params: <%= inspect(@params) %></p>
+    <p>The value is: {@val}</p>
+    <p>mount: {inspect(@mount_params)}</p>
+    <p>params: {inspect(@params)}</p>
     """
   end
 
@@ -73,9 +73,9 @@ defmodule Phoenix.LiveViewTest.Support.ActionLive do
 
   def render(assigns) do
     ~H"""
-    <p>Live action: <%= inspect(@live_action) %></p>
-    <p>Mount action: <%= inspect(@mount_action) %></p>
-    <p>Params: <%= inspect(@params) %></p>
+    <p>Live action: {inspect(@live_action)}</p>
+    <p>Mount action: {inspect(@mount_action)}</p>
+    <p>Params: {inspect(@params)}</p>
     """
   end
 
diff --git a/test/support/live_views/streams.ex b/test/support/live_views/streams.ex
index dc45721636..e6a90476ed 100644
--- a/test/support/live_views/streams.ex
+++ b/test/support/live_views/streams.ex
@@ -32,7 +32,7 @@ defmodule Phoenix.LiveViewTest.Support.StreamLive do
   def render(%{extra_item_with_id: true} = assigns) do
     ~H"""
     <div id="users" phx-update="stream">
-      <div :for={{id, user} <- @streams.users} id={id}><%= user.name %></div>
+      <div :for={{id, user} <- @streams.users} id={id}>{user.name}</div>
       <div id="users-empty" only-child>Empty!</div>
     </div>
 
@@ -51,7 +51,7 @@ defmodule Phoenix.LiveViewTest.Support.StreamLive do
     ~H"""
     <div id="users" phx-update="stream">
       <div :for={{id, user} <- @streams.users} id={id} data-count={@count}>
-        <%= user.name %>
+        {user.name}
         <button phx-click="delete" phx-value-id={id}>delete</button>
         <button phx-click="update" phx-value-id={id}>update</button>
         <button phx-click="move-to-first" phx-value-id={id}>make first</button>
@@ -64,7 +64,7 @@ defmodule Phoenix.LiveViewTest.Support.StreamLive do
     </div>
     <div id="admins" phx-update="stream">
       <div :for={{id, user} <- @streams.admins} id={id} data-count={@count}>
-        <%= user.name %>
+        {user.name}
         <button phx-click="admin-delete" phx-value-id={id}>delete</button>
         <button phx-click="admin-update" phx-value-id={id}>update</button>
         <button phx-click="admin-move-to-first" phx-value-id={id}>make first</button>
@@ -206,7 +206,7 @@ defmodule Phoenix.LiveViewTest.Support.StreamComponent do
     ~H"""
     <div id="c_users" phx-update="stream">
       <div :for={{id, user} <- @streams.c_users} id={id}>
-        <%= user.name %>
+        {user.name}
         <button phx-click="delete" phx-value-id={id} phx-target={@myself}>delete</button>
         <button phx-click="update" phx-value-id={id} phx-target={@myself}>update</button>
         <button phx-click="move-to-first" phx-value-id={id} phx-target={@myself}>make first</button>
@@ -283,11 +283,11 @@ defmodule Phoenix.LiveViewTest.Support.HealthyLive do
       <.link patch={other(@category)}>Switch</.link>
     </p>
 
-    <h1><%= String.capitalize(@category) %></h1>
+    <h1>{String.capitalize(@category)}</h1>
 
     <ul id="items" phx-update="stream">
       <li :for={{dom_id, item} <- @streams.items} id={dom_id}>
-        <%= item.name %>
+        {item.name}
       </li>
     </ul>
     """
@@ -344,7 +344,7 @@ defmodule Phoenix.LiveViewTest.Support.StreamResetLive do
         id={id}
         phx-remove={if @use_phx_remove, do: Phoenix.LiveView.JS.hide()}
       >
-        <%= item.name %>
+        {item.name}
       </li>
     </ul>
 
@@ -503,7 +503,7 @@ defmodule Phoenix.LiveViewTest.Support.StreamResetLCLive do
     def render(assigns) do
       ~H"""
       <li id={@id}>
-        <%= @item.name %>
+        {@item.name}
       </li>
       """
     end
@@ -573,14 +573,14 @@ defmodule Phoenix.LiveViewTest.Support.StreamLimitLive do
       <button type="submit">recreate stream</button>
     </form>
 
-    <div>configured with at: <%= @at %>, limit: <%= @limit %></div>
+    <div>configured with at: {@at}, limit: {@limit}</div>
 
     <button phx-click="insert_10">add 10</button>
     <button phx-click="insert_1">add 1</button>
     <button phx-click="clear">clear</button>
 
     <ul id="items" phx-update="stream">
-      <li :for={{id, item} <- @streams.items} id={id}><%= item.id %></li>
+      <li :for={{id, item} <- @streams.items} id={id}>{item.id}</li>
     </ul>
     """
   end
@@ -656,8 +656,8 @@ defmodule Phoenix.LiveViewTest.Support.StreamNestedLive do
   def render(assigns) do
     ~H"""
     <div id="nested-container">
-      <%= @foo %>
-      <%= live_render(@socket, Phoenix.LiveViewTest.Support.StreamResetLive, id: "nested") %>
+      {@foo}
+      {live_render(@socket, Phoenix.LiveViewTest.Support.StreamResetLive, id: "nested")}
     </div>
     """
   end
@@ -691,7 +691,7 @@ defmodule Phoenix.LiveViewTest.Support.StreamInsideForLive do
     <div :for={_i <- [1]}>
       <ul phx-update="stream" id="thelist">
         <li :for={{id, item} <- @streams.items} id={id}>
-          <%= item.name %>
+          {item.name}
         </li>
       </ul>
     </div>
@@ -747,9 +747,9 @@ defmodule Phoenix.LiveViewTest.Support.StreamNestedComponentResetLive do
     def render(assigns) do
       ~H"""
       <li id={@id}>
-        <%= @item.name %>
+        {@item.name}
         <div id={@id <> "-nested"} phx-update="stream" style="display: flex; gap: 4px;">
-          <span :for={{id, item} <- @streams.nested} id={id}><%= item.name %></span>
+          <span :for={{id, item} <- @streams.nested} id={id}>{item.name}</span>
         </div>
         <button phx-click="reorder" phx-target={@myself}>Reorder</button>
       </li>
@@ -822,10 +822,10 @@ defmodule Phoenix.LiveViewTest.Support.HighFrequencyStreamAndNoStreamUpdatesLive
     ~H"""
     <div id="mystream" phx-update="stream">
       <div :for={{id, item} <- @streams.items} id={id}>
-        <%= item.name %>, <%= item.id %>
+        {item.name}, {item.id}
       </div>
     </div>
-    <p><%= @foo %></p>
+    <p>{@foo}</p>
     """
   end
 end
diff --git a/test/support/live_views/update.ex b/test/support/live_views/update.ex
index 7021492c5b..8037c226a5 100644
--- a/test/support/live_views/update.ex
+++ b/test/support/live_views/update.ex
@@ -3,7 +3,7 @@ defmodule Phoenix.LiveViewTest.Support.TZLive do
 
   def render(assigns) do
     ~H"""
-    time: <%= @time %> <%= @name %>
+    time: {@time} {@name}
     """
   end
 
@@ -19,10 +19,10 @@ defmodule Phoenix.LiveViewTest.Support.ShuffleLive do
     ~H"""
     <%= for zone <- @time_zones do %>
       <div id={"score-" <> zone["id"]}>
-        <%= live_render(@socket, Phoenix.LiveViewTest.Support.TZLive,
+        {live_render(@socket, Phoenix.LiveViewTest.Support.TZLive,
           id: "tz-#{zone["id"]}",
           session: %{"name" => zone["name"]}
-        ) %>
+        )}
       </div>
     <% end %>
     """
diff --git a/test/support/live_views/upload_live.ex b/test/support/live_views/upload_live.ex
index 5f6fe7c84a..be25f31674 100644
--- a/test/support/live_views/upload_live.ex
+++ b/test/support/live_views/upload_live.ex
@@ -4,22 +4,22 @@ defmodule Phoenix.LiveViewTest.Support.UploadLive do
   def render(%{uploads: _} = assigns) do
     ~H"""
     <%= for preflight <- @preflights do %>
-      preflight:<%= inspect(preflight) %>
+      preflight:{inspect(preflight)}
     <% end %>
     <%= for name <- @consumed do %>
-      consumed:<%= name %>
+      consumed:{name}
     <% end %>
     <form phx-change="validate" phx-submit="save">
       <%= for entry <- @uploads.avatar.entries do %>
-        lv:<%= entry.client_name %>:<%= entry.progress %>%
-        channel:<%= inspect(Phoenix.LiveView.UploadConfig.entry_pid(@uploads.avatar, entry)) %>
+        lv:{entry.client_name}:{entry.progress}%
+        channel:{inspect(Phoenix.LiveView.UploadConfig.entry_pid(@uploads.avatar, entry))}
         <%= for msg <- upload_errors(@uploads.avatar) do %>
-          config_error:<%= inspect(msg) %>
+          config_error:{inspect(msg)}
         <% end %>
         <%= for msg <- upload_errors(@uploads.avatar, entry) do %>
-          entry_error:<%= inspect(msg) %>
+          entry_error:{inspect(msg)}
         <% end %>
-        relative path:<%= entry.client_relative_path %>
+        relative path:{entry.client_relative_path}
       <% end %>
       <.live_file_input upload={@uploads.avatar} />
       <button type="submit">save</button>
@@ -84,20 +84,20 @@ defmodule Phoenix.LiveViewTest.Support.UploadComponent do
     ~H"""
     <div>
       <%= for preflight <- @preflights do %>
-        preflight:<%= inspect(preflight) %>
+        preflight:{inspect(preflight)}
       <% end %>
       <%= for name <- @consumed do %>
-        consumed:<%= name %>
+        consumed:{name}
       <% end %>
       <%= for msg <- upload_errors(@uploads.avatar) do %>
-        config_error:<%= inspect(msg) %>
+        config_error:{inspect(msg)}
       <% end %>
       <form phx-change="validate" id={@id} phx-submit="save" phx-target={@myself}>
         <%= for entry <- @uploads.avatar.entries do %>
-          component:<%= entry.client_name %>:<%= entry.progress %>%
-          channel:<%= inspect(Phoenix.LiveView.UploadConfig.entry_pid(@uploads.avatar, entry)) %>
+          component:{entry.client_name}:{entry.progress}%
+          channel:{inspect(Phoenix.LiveView.UploadConfig.entry_pid(@uploads.avatar, entry))}
           <%= for msg <- upload_errors(@uploads.avatar, entry) do %>
-            entry_error:<%= inspect(msg) %>
+            entry_error:{inspect(msg)}
           <% end %>
         <% end %>
         <.live_file_input upload={@uploads.avatar} />