diff --git a/extras/benchmarks/owl-master/templates.xml b/extras/benchmarks/owl-master/templates.xml
index 32052c26..4e805ab9 100644
--- a/extras/benchmarks/owl-master/templates.xml
+++ b/extras/benchmarks/owl-master/templates.xml
@@ -12,7 +12,7 @@
       <div class="right-thing">
           <div class="content">
               <t t-foreach="state.messages" t-as="message">
-                  <t t-widget="Message" t-key="message.id" t-props="message" t-on-remove_message="removeMessage"/>
+                  <t t-widget="Message" t-key="message.id" message="message" t-on-remove_message="removeMessage"/>
               </t>
           </div>
       </div>
diff --git a/extras/playground/samples.js b/extras/playground/samples.js
index 3351b395..8134210a 100644
--- a/extras/playground/samples.js
+++ b/extras/playground/samples.js
@@ -85,7 +85,7 @@ const WIDGET_COMPOSITION_XML = `<templates>
 
   <div t-name="App">
       <t t-widget="ClickCounter"/>
-      <t t-widget="InputWidget" t-props="{reverse: true}"/>
+      <t t-widget="InputWidget" reverse="true"/>
   </div>
 </templates>`;
 
@@ -287,7 +287,7 @@ const LIFECYCLE_DEMO_XML = `<templates>
         <button t-on-click="increment">Increment</button>
         <button t-on-click="toggleSubWidget">ToggleSubWidget</button>
         <div t-if="state.flag">
-            <t t-widget="HookWidget" t-props="{n:state.n}"/>
+            <t t-widget="HookWidget" n="state.n"/>
         </div>
     </div>
     <div t-name="HookWidget" t-on-click="increment">Demo Sub Widget. Props: <t t-esc="props.n"/>. State: <t t-esc="state.n"/>. (click on me to update me)</div>
@@ -515,7 +515,7 @@ const TODO_APP_STORE_XML = `<templates>
       <label for="toggle-all"></label>
       <ul class="todo-list">
         <t t-foreach="visibleTodos" t-as="todo">
-          <t t-widget="TodoItem" t-key="todo.id" t-props="todo"/>
+          <t t-widget="TodoItem" t-key="todo.id" id="todo.id" completed="todo.completed" title="todo.title"/>
         </t>
       </ul>
     </section>
diff --git a/extras/playground/templates.xml b/extras/playground/templates.xml
index 5b384e6b..3789cc62 100644
--- a/extras/playground/templates.xml
+++ b/extras/playground/templates.xml
@@ -24,17 +24,24 @@
         </div>
         <t t-if="state.splitLayout">
           <t t-widget="TabbedEditor"
-             t-props="{js:state.js, css:false, xml: false}"
+             js="state.js"
+             css="false"
+             xml="false"
              t-on-updateCode="updateCode"
              t-att-style="topEditorStyle"/>
           <div class="separator horizontal"/>
           <t t-widget="TabbedEditor" t-keepalive="1"
-             t-props="{js:false, css:state.css, xml: state.xml, resizeable: true}"
+             js="false" css="state.css" xml="state.xml" resizeable="true"
              t-on-updateCode="updateCode"
              t-on-updatePanelHeight="updatePanelHeight"/>
         </t>
         <t t-else="1">
-          <t t-widget="TabbedEditor" t-props="{js:state.js, css:state.css, xml: state.xml, display: 'js|xml|css'}" t-on-updateCode="updateCode"/>
+          <t t-widget="TabbedEditor"
+          js="state.js"
+          css="state.css"
+          xml="state.xml"
+          display="'js|xml|css'"
+          t-on-updateCode="updateCode"/>
         </t>
       </div>
       <div class="separator vertical" t-on-mousedown="onMouseDown"/>