diff --git a/templates/CSS.xml b/templates/CSS.xml
new file mode 100644
index 0000000..41d4f50
--- /dev/null
+++ b/templates/CSS.xml
@@ -0,0 +1,15 @@
+<templateSet group="CSS">
+  <template name="dc" value="display: flex;&#10;flex-direction: $END$;&#10;justify-content: center;&#10;align-items: center;" description="Display flex center" toReformat="false" toShortenFQNames="true">
+    <context>
+      <option name="CSS" value="true" />
+    </context>
+  </template>
+  <template name="df" value="display: flex;&#10;flex-direction: $DIR$;&#10;justify-content: $JC$;&#10;align-items: $AI$;" description="Dipslay flex" toReformat="false" toShortenFQNames="true">
+    <variable name="DIR" expression="" defaultValue="" alwaysStopAt="true" />
+    <variable name="JC" expression="" defaultValue="" alwaysStopAt="true" />
+    <variable name="AI" expression="" defaultValue="" alwaysStopAt="true" />
+    <context>
+      <option name="CSS" value="true" />
+    </context>
+  </template>
+</templateSet>
\ No newline at end of file