diff --git a/features/attr-contents.yml b/features/attr-contents.yml
new file mode 100644
index 00000000000..e4ca0799133
--- /dev/null
+++ b/features/attr-contents.yml
@@ -0,0 +1,6 @@
+name: attr() (content only)
+description: "The `attr()` CSS function, in `content` property declarations, sets a `::before` or `::after` pseudo-element's content to the value of the specified HTML attribute."
+spec: https://drafts.csswg.org/css-values-5/#attr-notation
+group: css
+compat_features:
+  - css.types.attr
diff --git a/features/attr-contents.yml.dist b/features/attr-contents.yml.dist
new file mode 100644
index 00000000000..320b7f4b781
--- /dev/null
+++ b/features/attr-contents.yml.dist
@@ -0,0 +1,17 @@
+# Generated from: attr-contents.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2015-07-29
+  baseline_high_date: 2018-01-29
+  support:
+    chrome: "2"
+    chrome_android: "18"
+    edge: "12"
+    firefox: "1"
+    firefox_android: "4"
+    safari: "3.1"
+    safari_ios: "2"
+compat_features:
+  - css.types.attr
diff --git a/features/attr.yml b/features/attr.yml
new file mode 100644
index 00000000000..59f2a53d38b
--- /dev/null
+++ b/features/attr.yml
@@ -0,0 +1,19 @@
+name: attr()
+description: "The `attr()` CSS function, in the context of any property, returns the value of an attribute of an HTML element, with the option to return it as a specific type or unit. You can set a default value for missing or invalid attributes."
+spec: https://drafts.csswg.org/css-values-5/#attr-notation
+caniuse: css3-attr
+group: css
+compat_features:
+  # The css.types.attr key makes sense here but is already used in `contents-attr`
+  #- css.types.attr
+  - css.types.attr.fallback
+  - css.types.attr.type-or-unit
+  - css.types.attr.type-or-unit.angle
+  - css.types.attr.type-or-unit.color
+  - css.types.attr.type-or-unit.frequency
+  - css.types.attr.type-or-unit.integer
+  - css.types.attr.type-or-unit.length
+  - css.types.attr.type-or-unit.number
+  - css.types.attr.type-or-unit.percentage
+  - css.types.attr.type-or-unit.time
+  - css.types.attr.type-or-unit.url
diff --git a/features/attr.yml.dist b/features/attr.yml.dist
new file mode 100644
index 00000000000..634f38f5997
--- /dev/null
+++ b/features/attr.yml.dist
@@ -0,0 +1,26 @@
+# Generated from: attr.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support: {}
+compat_features:
+  # baseline: false
+  # support:
+  #   firefox: "119"
+  #   firefox_android: "119"
+  - css.types.attr.fallback
+
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: false
+  # support: {}
+  - css.types.attr.type-or-unit
+  - css.types.attr.type-or-unit.angle
+  - css.types.attr.type-or-unit.color
+  - css.types.attr.type-or-unit.frequency
+  - css.types.attr.type-or-unit.integer
+  - css.types.attr.type-or-unit.length
+  - css.types.attr.type-or-unit.number
+  - css.types.attr.type-or-unit.percentage
+  - css.types.attr.type-or-unit.time
+  - css.types.attr.type-or-unit.url