From f2af7f6103842ca9cfe5b52e9a03306ec5a23c11 Mon Sep 17 00:00:00 2001
From: Wagner Maciel <wagnermaciel@google.com>
Date: Mon, 29 Sep 2025 18:04:11 -0400
Subject: [PATCH 1/7] build: create angular aria package

---
 .bazelignore                                  |   1 +
 .ng-dev/commit-message.mts                    |  18 +--
 .ng-dev/google-sync-config.json               |   3 +
 .ng-dev/release.mts                           |   1 +
 BUILD.bazel                                   |   4 +-
 MODULE.bazel                                  |   5 +
 docs/defs.bzl                                 |   1 +
 packages.bzl                                  |   1 +
 pkg-externals.bzl                             |   4 +
 pnpm-lock.yaml                                |  16 ++
 pnpm-workspace.yaml                           |   1 +
 scripts/deploy/publish-build-artifacts.sh     |   1 +
 scripts/util.mts                              |   8 +-
 src/aria/BUILD.bazel                          |  30 ++++
 src/aria/README.md                            |   3 +
 .../accordion/BUILD.bazel                     |   4 +-
 .../accordion/accordion.spec.ts               |  37 ++---
 .../accordion/accordion.ts                    |  60 +++----
 .../accordion/index.ts                        |   0
 src/aria/accordion/public-api.ts              |   9 ++
 .../combobox/BUILD.bazel                      |   8 +-
 .../combobox/combobox.spec.ts                 |  89 +++++------
 .../combobox/combobox.ts                      |  38 +++--
 .../combobox/index.ts                         |   0
 src/aria/combobox/public-api.ts               |   9 ++
 src/aria/config.bzl                           |  16 ++
 .../deferred-content/BUILD.bazel              |   0
 .../deferred-content/deferred-content.spec.ts |   0
 .../deferred-content/deferred-content.ts      |   4 +-
 .../deferred-content/index.ts                 |   0
 .../deferred-content/public-api.ts            |   0
 .../listbox => aria}/index.ts                 |   0
 .../listbox/BUILD.bazel                       |   4 +-
 .../radio-group => aria/listbox}/index.ts     |   0
 .../listbox/listbox.spec.ts                   |  28 ++--
 .../listbox/listbox.ts                        |  58 +++----
 .../listbox/public-api.ts                     |   2 +-
 src/aria/package.json                         |  28 ++++
 .../radio-group => aria}/public-api.ts        |   2 +-
 .../radio-group/BUILD.bazel                   |   4 +-
 .../tabs => aria/radio-group}/index.ts        |   0
 .../radio-group}/public-api.ts                |   2 +-
 .../radio-group/radio-group.spec.ts           |  28 ++--
 .../radio-group/radio-group.ts                |  64 ++++----
 .../tabs/BUILD.bazel                          |   4 +-
 .../toolbar => aria/tabs}/index.ts            |   0
 .../tabs/public-api.ts                        |   2 +-
 .../tabs/tabs.spec.ts                         |  32 ++--
 src/{cdk-experimental => aria}/tabs/tabs.ts   | 146 +++++++++---------
 .../toolbar/BUILD.bazel                       |   2 +-
 .../tree => aria/toolbar}/index.ts            |   0
 src/aria/toolbar/public-api.ts                |   9 ++
 .../toolbar/toolbar.spec.ts                   |  32 ++--
 .../toolbar/toolbar.ts                        |  92 ++++++-----
 .../tree/BUILD.bazel                          |   6 +-
 .../ui-patterns => aria/tree}/index.ts        |   0
 src/aria/tree/public-api.ts                   |   9 ++
 .../tree/tree.spec.ts                         |  38 +++--
 src/{cdk-experimental => aria}/tree/tree.ts   | 100 ++++++------
 src/aria/tsconfig.json                        |  13 ++
 src/aria/ui-patterns/BUILD.bazel              |  22 +++
 .../ui-patterns/accordion/BUILD.bazel         |  14 +-
 .../ui-patterns/accordion/accordion.spec.ts   |   0
 .../ui-patterns/accordion/accordion.ts        |   0
 .../behaviors/event-manager/BUILD.bazel       |   2 +-
 .../behaviors/event-manager/event-manager.ts  |   0
 .../behaviors/event-manager/index.ts          |   0
 .../event-manager/keyboard-event-manager.ts   |   0
 .../event-manager/pointer-event-manager.ts    |   0
 .../behaviors/expansion/BUILD.bazel           |   6 +-
 .../behaviors/expansion/expansion.spec.ts     |   0
 .../behaviors/expansion/expansion.ts          |   0
 .../behaviors/grid-focus/BUILD.bazel          |   2 +-
 .../behaviors/grid-focus/grid-focus.spec.ts   |   0
 .../behaviors/grid-focus/grid-focus.ts        |   0
 .../behaviors/grid-navigation/BUILD.bazel     |   6 +-
 .../grid-navigation/grid-navigation.spec.ts   |   0
 .../grid-navigation/grid-navigation.ts        |   0
 .../ui-patterns/behaviors/label/BUILD         |   2 +-
 .../ui-patterns/behaviors/label/label.spec.ts |   0
 .../ui-patterns/behaviors/label/label.ts      |   0
 .../behaviors/list-focus/BUILD.bazel          |   2 +-
 .../behaviors/list-focus/list-focus.spec.ts   |   0
 .../behaviors/list-focus/list-focus.ts        |   0
 .../behaviors/list-navigation/BUILD.bazel     |   6 +-
 .../list-navigation/list-navigation.spec.ts   |   0
 .../list-navigation/list-navigation.ts        |   0
 .../behaviors/list-selection/BUILD.bazel      |   8 +-
 .../list-selection/list-selection.spec.ts     |   0
 .../list-selection/list-selection.ts          |   0
 .../behaviors/list-typeahead/BUILD.bazel      |   8 +-
 .../list-typeahead/list-typeahead.spec.ts     |   0
 .../list-typeahead/list-typeahead.ts          |   0
 .../ui-patterns/behaviors/list/BUILD.bazel    |  12 +-
 .../ui-patterns/behaviors/list/list.spec.ts   |   0
 .../ui-patterns/behaviors/list/list.ts        |   0
 .../ui-patterns/behaviors/popup/BUILD.bazel   |   2 +-
 .../ui-patterns/behaviors/popup/popup.spec.ts |   0
 .../ui-patterns/behaviors/popup/popup.ts      |   0
 .../behaviors/signal-like/BUILD.bazel         |   0
 .../behaviors/signal-like/signal-like.ts      |   0
 .../ui-patterns/combobox/BUILD.bazel          |  12 +-
 .../ui-patterns/combobox/combobox.spec.ts     |   0
 .../ui-patterns/combobox/combobox.ts          |   0
 src/aria/ui-patterns/index.ts                 |   9 ++
 .../ui-patterns/listbox/BUILD.bazel           |   8 +-
 .../ui-patterns/listbox/combobox-listbox.ts   |   0
 .../ui-patterns/listbox/listbox.spec.ts       |   0
 .../ui-patterns/listbox/listbox.ts            |   0
 .../ui-patterns/listbox/option.ts             |   0
 .../ui-patterns/public-api.ts                 |   0
 .../ui-patterns/radio-group/BUILD.bazel       |  10 +-
 .../ui-patterns/radio-group/radio-button.ts   |   0
 .../ui-patterns/radio-group/radio-group.ts    |   0
 .../ui-patterns/radio-group/radio.spec.ts     |   0
 .../radio-group/toolbar-radio-group.spec.ts   |   0
 .../radio-group/toolbar-radio-group.ts        |   0
 .../ui-patterns/tabs/BUILD.bazel              |  12 +-
 .../ui-patterns/tabs/tabs.spec.ts             |   0
 .../ui-patterns/tabs/tabs.ts                  |   0
 .../ui-patterns/toolbar/BUILD.bazel           |  11 +-
 .../toolbar/toolbar-widget-group.ts           |   0
 .../ui-patterns/toolbar/toolbar-widget.ts     |   0
 .../ui-patterns/toolbar/toolbar.spec.ts       |   0
 .../ui-patterns/toolbar/toolbar.ts            |   0
 .../ui-patterns/tree/BUILD.bazel              |  12 +-
 .../ui-patterns/tree/combobox-tree.ts         |   0
 .../ui-patterns/tree/tree.spec.ts             |   0
 .../ui-patterns/tree/tree.ts                  |   0
 .../ui-patterns/ui-pattern-rules.md           |   0
 .../public-api.ts => aria/version.ts}         |  10 +-
 src/bazel-tsconfig-build.json                 |   1 +
 src/cdk-experimental/combobox/public-api.ts   |  14 --
 src/cdk-experimental/config.bzl               |   9 --
 src/cdk-experimental/tree/public-api.ts       |   9 --
 src/cdk-experimental/ui-patterns/BUILD.bazel  |  22 ---
 src/components-examples/BUILD.bazel           |   1 +
 .../accordion/BUILD.bazel                     |   2 +-
 .../accordion-configurable-example.html       | 109 +++++++++++++
 .../accordion-configurable-example.ts}        |  28 ++--
 ...accordion-disabled-focusable-example.html} |  32 ++--
 .../accordion-disabled-focusable-example.ts   |  24 +++
 .../accordion-disabled-skipped-example.html}  |  32 ++--
 .../accordion-disabled-skipped-example.ts     |  24 +++
 .../accordion-disabled-example.html}          |  32 ++--
 .../accordion-disabled-example.ts             |  24 +++
 .../accordion/accordion-examples.css}         |  10 +-
 .../accordion-multi-expansion-example.html}   |  32 ++--
 .../accordion-multi-expansion-example.ts      |  24 +++
 .../accordion-single-expansion-example.html}  |  32 ++--
 .../accordion-single-expansion-example.ts     |  24 +++
 .../cdk-accordion-configurable-example.html   |  32 ++--
 .../aria/accordion/index.ts                   |   6 +
 .../combobox/BUILD.bazel                      |   5 +-
 .../combobox-auto-select-example.html}        |  15 +-
 .../combobox-auto-select-example.ts}          |  33 ++--
 .../combobox/combobox-examples.css}           |   4 +-
 .../combobox-highlight-example.html}          |  12 +-
 .../combobox-highlight-example.ts}            |  36 ++---
 .../combobox-manual-example.html}             |  12 +-
 .../combobox-manual-example.ts}               |  36 ++---
 .../combobox-tree-auto-select-example.html}   |  18 +--
 .../combobox-tree-auto-select-example.ts}     |  45 +++---
 .../combobox-tree-highlight-example.html}     |  18 +--
 .../combobox-tree-highlight-example.ts}       |  45 +++---
 .../combobox-tree-manual-example.html}        |  18 +--
 .../combobox-tree-manual-example.ts}          |  45 +++---
 .../combobox/data.ts                          |   0
 .../aria/combobox/index.ts                    |   6 +
 .../listbox/BUILD.bazel                       |   2 +-
 src/components-examples/aria/listbox/index.ts |  12 ++
 .../listbox-active-descendant-example.html}   |   6 +-
 .../listbox-active-descendant-example.ts}     |  14 +-
 .../listbox-configurable-example.css}         |   0
 .../listbox-configurable-example.html}        |   8 +-
 .../listbox-configurable-example.ts}          |  16 +-
 .../listbox-disabled-focusable-example.html}  |   6 +-
 .../listbox-disabled-focusable-example.ts}    |  14 +-
 .../listbox-disabled-skipped-example.html}    |   6 +-
 .../listbox-disabled-skipped-example.ts}      |  14 +-
 .../listbox-disabled-example.html}            |   6 +-
 .../listbox-disabled-example.ts}              |  14 +-
 .../listbox-horizontal-example.html}          |   6 +-
 .../listbox-horizontal-example.ts}            |  14 +-
 ...ox-multi-select-follow-focus-example.html} |   6 +-
 ...tbox-multi-select-follow-focus-example.ts} |  14 +-
 .../listbox-multi-select-example.html}        |   6 +-
 .../listbox-multi-select-example.ts}          |  15 +-
 .../listbox-readonly-example.html}            |   6 +-
 .../listbox-readonly-example.ts}              |  14 +-
 .../listbox-rtl-horizontal-example.html}      |   6 +-
 .../listbox-rtl-horizontal-example.ts}        |  14 +-
 ...x-single-select-follow-focus-example.html} |   6 +-
 ...box-single-select-follow-focus-example.ts} |  14 +-
 .../listbox-single-select-example.html}       |   6 +-
 .../listbox-single-select-example.ts}         |  14 +-
 .../listbox/listbox/listbox-example.html}     |   0
 .../radio-group/BUILD.bazel                   |   2 +-
 .../aria/radio-group/index.ts                 |   9 ++
 .../radio-group/radio-common.css              |   0
 ...adio-group-active-descendant-example.html} |   6 +-
 .../radio-group-active-descendant-example.ts} |  12 +-
 .../radio-group-configurable-example.html}    |   4 +-
 .../radio-group-configurable-example.ts}      |  14 +-
 ...dio-group-disabled-focusable-example.html} |   6 +-
 ...radio-group-disabled-focusable-example.ts} |  12 +-
 ...radio-group-disabled-skipped-example.html} |   6 +-
 .../radio-group-disabled-skipped-example.ts}  |  12 +-
 .../radio-group-disabled-example.html}        |   4 +-
 .../radio-group-disabled-example.ts}          |  12 +-
 .../radio-group-horizontal-example.html}      |   6 +-
 .../radio-group-horizontal-example.ts}        |  12 +-
 .../radio-group-readonly-example.html}        |   6 +-
 .../radio-group-readonly-example.ts}          |  12 +-
 .../radio-group-rtl-horizontal-example.html}  |   6 +-
 .../radio-group-rtl-horizontal-example.ts}    |  12 +-
 .../radio-group-standard-example.html}        |   4 +-
 .../radio-group-standard-example.ts}          |  12 +-
 .../tabs/BUILD.bazel                          |   2 +-
 .../tabs-active-descendant-example.html       |  29 ++++
 .../tabs-active-descendant-example.ts         |  13 ++
 .../tabs-disabled-focusable-example.html      |  29 ++++
 .../tabs-disabled-focusable-example.ts        |  13 ++
 .../tabs-disabled-skipped-example.html        |  29 ++++
 .../tabs-disabled-skipped-example.ts          |  13 ++
 .../tabs/disabled/tabs-disabled-example.html  |  29 ++++
 .../tabs/disabled/tabs-disabled-example.ts    |  13 ++
 .../tabs-explicit-selection-example.html      |  29 ++++
 .../tabs-explicit-selection-example.ts        |  13 ++
 src/components-examples/aria/tabs/index.ts    |   9 ++
 .../aria/tabs/rtl/tabs-rtl-example.html       |  31 ++++
 .../aria/tabs/rtl/tabs-rtl-example.ts         |  16 ++
 .../tabs-selection-follows-focus-example.html |  29 ++++
 .../tabs-selection-follows-focus-example.ts   |  13 ++
 .../tabs/tabs-common.css}                     |   4 +-
 .../tabs-configurable-example.html}           |  24 +--
 .../tabs-configurable-example.ts}             |  28 ++--
 .../tabs-vertical-example.html                |  29 ++++
 .../tabs-vertical-example.ts                  |  13 ++
 .../toolbar/BUILD.bazel                       |   4 +-
 src/components-examples/aria/toolbar/index.ts |   1 +
 .../toolbar/toolbar-common.css                |   4 +-
 .../toolbar-configurable-example.html}        |  18 +--
 .../toolbar-configurable-example.ts}          |  20 +--
 .../tree/BUILD.bazel                          |   2 +-
 src/components-examples/aria/tree/index.ts    |  10 ++
 .../tree-active-descendant-example.html}      |  10 +-
 .../tree-active-descendant-example.ts}        |  17 +-
 .../tree/tree-common.css                      |   0
 .../tree-configurable-example.html}           |  12 +-
 .../tree-configurable-example.ts}             |  23 ++-
 .../tree/tree-data.ts                         |   0
 .../tree-disabled-focusable-example.html}     |  10 +-
 .../tree-disabled-focusable-example.ts}       |  17 +-
 .../tree-disabled-skipped-example.html}       |  10 +-
 .../tree-disabled-skipped-example.ts}         |  17 +-
 .../tree-disabled/tree-disabled-example.html} |  10 +-
 .../tree-disabled/tree-disabled-example.ts}   |  17 +-
 ...ee-multi-select-follow-focus-example.html} |  10 +-
 ...tree-multi-select-follow-focus-example.ts} |  17 +-
 .../tree-multi-select-example.html}           |  10 +-
 .../tree-multi-select-example.ts}             |  17 +-
 .../tree/tree-nav/tree-nav-example.html}      |  10 +-
 .../tree/tree-nav/tree-nav-example.ts}        |  17 +-
 ...ee-single-select-follow-focus-example.html |  35 +++++
 ...ree-single-select-follow-focus-example.ts} |  17 +-
 .../tree-single-select-example.html           |  35 +++++
 .../tree-single-select-example.ts}            |  17 +-
 ...dk-accordion-disabled-focusable-example.ts |  30 ----
 .../cdk-accordion-disabled-skipped-example.ts |  30 ----
 .../cdk-accordion-disabled-example.ts         |  30 ----
 .../cdk-accordion-multi-expansion-example.ts  |  30 ----
 .../cdk-accordion-single-expansion-example.ts |  30 ----
 .../cdk-experimental/accordion/index.ts       |   6 -
 .../cdk-experimental/combobox/index.ts        |   6 -
 .../cdk-listbox-multi-select-example.ts       |  37 -----
 .../cdk-experimental/listbox/index.ts         |  12 --
 .../cdk-experimental/radio-group/index.ts     |   9 --
 .../cdk-tabs-active-descendant-example.html   |  29 ----
 .../cdk-tabs-active-descendant-example.ts     |  19 ---
 .../cdk-tabs-disabled-focusable-example.html  |  29 ----
 .../cdk-tabs-disabled-focusable-example.ts    |  19 ---
 .../cdk-tabs-disabled-skipped-example.html    |  29 ----
 .../cdk-tabs-disabled-skipped-example.ts      |  19 ---
 .../cdk-tabs-disabled-example.html            |  29 ----
 .../cdk-disabled/cdk-tabs-disabled-example.ts |  19 ---
 .../cdk-tabs-explicit-selection-example.html  |  29 ----
 .../cdk-tabs-explicit-selection-example.ts    |  19 ---
 .../tabs/cdk-rtl/cdk-tabs-rtl-example.html    |  31 ----
 .../tabs/cdk-rtl/cdk-tabs-rtl-example.ts      |  22 ---
 ...-tabs-selection-follows-focus-example.html |  29 ----
 ...dk-tabs-selection-follows-focus-example.ts |  19 ---
 .../cdk-tabs-vertical-example.html            |  29 ----
 .../cdk-tabs-vertical-example.ts              |  19 ---
 .../cdk-experimental/tabs/index.ts            |   9 --
 .../cdk-experimental/toolbar/index.ts         |   1 -
 .../cdk-tree-active-descendant-example.html   |  35 -----
 ...ree-multi-select-follow-focus-example.html |  35 -----
 .../cdk-experimental/tree/index.ts            |  10 --
 src/components-examples/config.bzl            |   7 +
 src/components-examples/package.json          |   2 +
 src/components-examples/tsconfig.json         |   1 +
 src/dev-app/BUILD.bazel                       |  16 +-
 .../BUILD.bazel                               |   8 +-
 .../accordion-demo.css}                       |   0
 .../accordion-demo.html}                      |  12 +-
 src/dev-app/aria-accordion/accordion-demo.ts  |  33 ++++
 .../BUILD.bazel                               |   8 +-
 .../combobox-demo.css}                        |   0
 .../combobox-demo.html}                       |  12 +-
 src/dev-app/aria-combobox/combobox-demo.ts    |  32 ++++
 .../BUILD.bazel                               |   8 +-
 .../listbox-demo.css}                         |   0
 .../listbox-demo.html}                        |  24 +--
 src/dev-app/aria-listbox/listbox-demo.ts      |  45 ++++++
 .../BUILD.bazel                               |   6 +-
 .../menu-demo.css}                            |   0
 src/dev-app/aria-menu/menu-demo.html          |   1 +
 .../menu-demo.ts}                             |   6 +-
 src/dev-app/aria-radio-group/BUILD.bazel      |  16 ++
 .../radio-group-demo.css}                     |   0
 .../radio-group-demo.html}                    |  18 +--
 .../aria-radio-group/radio-group-demo.ts      |  39 +++++
 src/dev-app/aria-tabs/BUILD.bazel             |  16 ++
 .../tabs-demo.css}                            |   0
 .../tabs-demo.html}                           |  18 +--
 src/dev-app/aria-tabs/tabs-demo.ts            |  39 +++++
 src/dev-app/aria-toolbar/BUILD.bazel          |  16 ++
 .../toolbar-demo.css}                         |   0
 .../toolbar-demo.html}                        |   2 +-
 .../toolbar-demo.ts}                          |  10 +-
 src/dev-app/aria-tree/BUILD.bazel             |  16 ++
 .../tree-demo.css}                            |   0
 .../tree-demo.html}                           |  20 +--
 src/dev-app/aria-tree/tree-demo.ts            |  41 +++++
 .../cdk-experimental-accordion/BUILD.bazel    |  16 --
 .../cdk-accordion-demo.ts                     |  33 ----
 .../cdk-experimental-combobox/BUILD.bazel     |  16 --
 .../cdk-combobox-demo.ts                      |  32 ----
 .../cdk-listbox-demo.ts                       |  45 ------
 .../cdk-experimental-menu/cdk-menu-demo.html  |   1 -
 .../cdk-experimental-radio-group/BUILD.bazel  |  16 --
 .../cdk-radio-group-demo.ts                   |  39 -----
 .../cdk-experimental-tabs/cdk-tabs-demo.ts    |  39 -----
 .../cdk-experimental-toolbar/BUILD.bazel      |  16 --
 .../cdk-experimental-tree/cdk-tree-demo.ts    |  41 -----
 src/dev-app/dev-app/dev-app-layout.ts         |  16 +-
 src/dev-app/package.json                      |   1 +
 src/dev-app/routes.ts                         |  44 ++----
 src/dev-app/tsconfig.json                     |   2 +
 tsconfig.json                                 |   2 +
 351 files changed, 2459 insertions(+), 2417 deletions(-)
 create mode 100644 src/aria/BUILD.bazel
 create mode 100644 src/aria/README.md
 rename src/{cdk-experimental => aria}/accordion/BUILD.bazel (88%)
 rename src/{cdk-experimental => aria}/accordion/accordion.spec.ts (95%)
 rename src/{cdk-experimental => aria}/accordion/accordion.ts (80%)
 rename src/{cdk-experimental => aria}/accordion/index.ts (100%)
 create mode 100644 src/aria/accordion/public-api.ts
 rename src/{cdk-experimental => aria}/combobox/BUILD.bazel (81%)
 rename src/{cdk-experimental => aria}/combobox/combobox.spec.ts (95%)
 rename src/{cdk-experimental => aria}/combobox/combobox.ts (81%)
 rename src/{cdk-experimental => aria}/combobox/index.ts (100%)
 create mode 100644 src/aria/combobox/public-api.ts
 create mode 100644 src/aria/config.bzl
 rename src/{cdk-experimental => aria}/deferred-content/BUILD.bazel (100%)
 rename src/{cdk-experimental => aria}/deferred-content/deferred-content.spec.ts (100%)
 rename src/{cdk-experimental => aria}/deferred-content/deferred-content.ts (94%)
 rename src/{cdk-experimental => aria}/deferred-content/index.ts (100%)
 rename src/{cdk-experimental => aria}/deferred-content/public-api.ts (100%)
 rename src/{cdk-experimental/listbox => aria}/index.ts (100%)
 rename src/{cdk-experimental => aria}/listbox/BUILD.bazel (89%)
 rename src/{cdk-experimental/radio-group => aria/listbox}/index.ts (100%)
 rename src/{cdk-experimental => aria}/listbox/listbox.spec.ts (98%)
 rename src/{cdk-experimental => aria}/listbox/listbox.ts (83%)
 rename src/{cdk-experimental => aria}/listbox/public-api.ts (80%)
 create mode 100644 src/aria/package.json
 rename src/{cdk-experimental/radio-group => aria}/public-api.ts (76%)
 rename src/{cdk-experimental => aria}/radio-group/BUILD.bazel (89%)
 rename src/{cdk-experimental/tabs => aria/radio-group}/index.ts (100%)
 rename src/{cdk-experimental/toolbar => aria/radio-group}/public-api.ts (72%)
 rename src/{cdk-experimental => aria}/radio-group/radio-group.spec.ts (96%)
 rename src/{cdk-experimental => aria}/radio-group/radio-group.ts (78%)
 rename src/{cdk-experimental => aria}/tabs/BUILD.bazel (88%)
 rename src/{cdk-experimental/toolbar => aria/tabs}/index.ts (100%)
 rename src/{cdk-experimental => aria}/tabs/public-api.ts (71%)
 rename src/{cdk-experimental => aria}/tabs/tabs.spec.ts (97%)
 rename src/{cdk-experimental => aria}/tabs/tabs.ts (66%)
 rename src/{cdk-experimental => aria}/toolbar/BUILD.bazel (94%)
 rename src/{cdk-experimental/tree => aria/toolbar}/index.ts (100%)
 create mode 100644 src/aria/toolbar/public-api.ts
 rename src/{cdk-experimental => aria}/toolbar/toolbar.spec.ts (93%)
 rename src/{cdk-experimental => aria}/toolbar/toolbar.ts (70%)
 rename src/{cdk-experimental => aria}/tree/BUILD.bazel (84%)
 rename src/{cdk-experimental/ui-patterns => aria/tree}/index.ts (100%)
 create mode 100644 src/aria/tree/public-api.ts
 rename src/{cdk-experimental => aria}/tree/tree.spec.ts (98%)
 rename src/{cdk-experimental => aria}/tree/tree.ts (77%)
 create mode 100644 src/aria/tsconfig.json
 create mode 100644 src/aria/ui-patterns/BUILD.bazel
 rename src/{cdk-experimental => aria}/ui-patterns/accordion/BUILD.bazel (56%)
 rename src/{cdk-experimental => aria}/ui-patterns/accordion/accordion.spec.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/accordion/accordion.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/event-manager/BUILD.bazel (78%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/event-manager/event-manager.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/event-manager/index.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/event-manager/keyboard-event-manager.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/event-manager/pointer-event-manager.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/expansion/BUILD.bazel (71%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/expansion/expansion.spec.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/expansion/expansion.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/grid-focus/BUILD.bazel (88%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/grid-focus/grid-focus.spec.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/grid-focus/grid-focus.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/grid-navigation/BUILD.bazel (73%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/grid-navigation/grid-navigation.spec.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/grid-navigation/grid-navigation.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/label/BUILD (88%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/label/label.spec.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/label/label.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/list-focus/BUILD.bazel (89%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/list-focus/list-focus.spec.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/list-focus/list-focus.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/list-navigation/BUILD.bazel (72%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/list-navigation/list-navigation.spec.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/list-navigation/list-navigation.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/list-selection/BUILD.bazel (67%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/list-selection/list-selection.spec.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/list-selection/list-selection.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/list-typeahead/BUILD.bazel (67%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/list-typeahead/list-typeahead.spec.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/list-typeahead/list-typeahead.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/list/BUILD.bazel (60%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/list/list.spec.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/list/list.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/popup/BUILD.bazel (89%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/popup/popup.spec.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/popup/popup.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/signal-like/BUILD.bazel (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/behaviors/signal-like/signal-like.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/combobox/BUILD.bazel (62%)
 rename src/{cdk-experimental => aria}/ui-patterns/combobox/combobox.spec.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/combobox/combobox.ts (100%)
 create mode 100644 src/aria/ui-patterns/index.ts
 rename src/{cdk-experimental => aria}/ui-patterns/listbox/BUILD.bazel (71%)
 rename src/{cdk-experimental => aria}/ui-patterns/listbox/combobox-listbox.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/listbox/listbox.spec.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/listbox/listbox.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/listbox/option.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/public-api.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/radio-group/BUILD.bazel (68%)
 rename src/{cdk-experimental => aria}/ui-patterns/radio-group/radio-button.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/radio-group/radio-group.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/radio-group/radio.spec.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/radio-group/toolbar-radio-group.spec.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/radio-group/toolbar-radio-group.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/tabs/BUILD.bazel (60%)
 rename src/{cdk-experimental => aria}/ui-patterns/tabs/tabs.spec.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/tabs/tabs.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/toolbar/BUILD.bazel (64%)
 rename src/{cdk-experimental => aria}/ui-patterns/toolbar/toolbar-widget-group.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/toolbar/toolbar-widget.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/toolbar/toolbar.spec.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/toolbar/toolbar.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/tree/BUILD.bazel (62%)
 rename src/{cdk-experimental => aria}/ui-patterns/tree/combobox-tree.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/tree/tree.spec.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/tree/tree.ts (100%)
 rename src/{cdk-experimental => aria}/ui-patterns/ui-pattern-rules.md (100%)
 rename src/{cdk-experimental/accordion/public-api.ts => aria/version.ts} (57%)
 delete mode 100644 src/cdk-experimental/combobox/public-api.ts
 delete mode 100644 src/cdk-experimental/tree/public-api.ts
 delete mode 100644 src/cdk-experimental/ui-patterns/BUILD.bazel
 rename src/components-examples/{cdk-experimental => aria}/accordion/BUILD.bazel (93%)
 create mode 100644 src/components-examples/aria/accordion/accordion-configurable/accordion-configurable-example.html
 rename src/components-examples/{cdk-experimental/accordion/cdk-accordion-configurable/cdk-accordion-configurable-example.ts => aria/accordion/accordion-configurable/accordion-configurable-example.ts} (70%)
 rename src/components-examples/{cdk-experimental/accordion/cdk-accordion-disabled-focusable/cdk-accordion-disabled-focusable-example.html => aria/accordion/accordion-disabled-focusable/accordion-disabled-focusable-example.html} (62%)
 create mode 100644 src/components-examples/aria/accordion/accordion-disabled-focusable/accordion-disabled-focusable-example.ts
 rename src/components-examples/{cdk-experimental/accordion/cdk-accordion-disabled-skipped/cdk-accordion-disabled-skipped-example.html => aria/accordion/accordion-disabled-skipped/accordion-disabled-skipped-example.html} (62%)
 create mode 100644 src/components-examples/aria/accordion/accordion-disabled-skipped/accordion-disabled-skipped-example.ts
 rename src/components-examples/{cdk-experimental/accordion/cdk-accordion-disabled/cdk-accordion-disabled-example.html => aria/accordion/accordion-disabled/accordion-disabled-example.html} (60%)
 create mode 100644 src/components-examples/aria/accordion/accordion-disabled/accordion-disabled-example.ts
 rename src/components-examples/{cdk-experimental/accordion/cdk-accordion-examples.css => aria/accordion/accordion-examples.css} (73%)
 rename src/components-examples/{cdk-experimental/accordion/cdk-accordion-multi-expansion/cdk-accordion-multi-expansion-example.html => aria/accordion/accordion-multi-expansion/accordion-multi-expansion-example.html} (70%)
 create mode 100644 src/components-examples/aria/accordion/accordion-multi-expansion/accordion-multi-expansion-example.ts
 rename src/components-examples/{cdk-experimental/accordion/cdk-accordion-single-expansion/cdk-accordion-single-expansion-example.html => aria/accordion/accordion-single-expansion/accordion-single-expansion-example.html} (69%)
 create mode 100644 src/components-examples/aria/accordion/accordion-single-expansion/accordion-single-expansion-example.ts
 rename src/components-examples/{cdk-experimental => aria}/accordion/cdk-accordion-configurable/cdk-accordion-configurable-example.html (75%)
 create mode 100644 src/components-examples/aria/accordion/index.ts
 rename src/components-examples/{cdk-experimental => aria}/combobox/BUILD.bazel (85%)
 rename src/components-examples/{cdk-experimental/combobox/cdk-combobox-auto-select/cdk-combobox-auto-select-example.html => aria/combobox/combobox-auto-select/combobox-auto-select-example.html} (76%)
 rename src/components-examples/{cdk-experimental/combobox/cdk-combobox-auto-select/cdk-combobox-auto-select-example.ts => aria/combobox/combobox-auto-select/combobox-auto-select-example.ts} (78%)
 rename src/components-examples/{cdk-experimental/combobox/cdk-combobox-examples.css => aria/combobox/combobox-examples.css} (94%)
 rename src/components-examples/{cdk-experimental/combobox/cdk-combobox-highlight/cdk-combobox-highlight-example.html => aria/combobox/combobox-highlight/combobox-highlight-example.html} (83%)
 rename src/components-examples/{cdk-experimental/combobox/cdk-combobox-highlight/cdk-combobox-highlight-example.ts => aria/combobox/combobox-highlight/combobox-highlight-example.ts} (79%)
 rename src/components-examples/{cdk-experimental/combobox/cdk-combobox-manual/cdk-combobox-manual-example.html => aria/combobox/combobox-manual/combobox-manual-example.html} (83%)
 rename src/components-examples/{cdk-experimental/combobox/cdk-combobox-manual/cdk-combobox-manual-example.ts => aria/combobox/combobox-manual/combobox-manual-example.ts} (79%)
 rename src/components-examples/{cdk-experimental/combobox/cdk-combobox-tree-auto-select/cdk-combobox-tree-auto-select-example.html => aria/combobox/combobox-tree-auto-select/combobox-tree-auto-select-example.html} (81%)
 rename src/components-examples/{cdk-experimental/combobox/cdk-combobox-tree-auto-select/cdk-combobox-tree-auto-select-example.ts => aria/combobox/combobox-tree-auto-select/combobox-tree-auto-select-example.ts} (77%)
 rename src/components-examples/{cdk-experimental/combobox/cdk-combobox-tree-highlight/cdk-combobox-tree-highlight-example.html => aria/combobox/combobox-tree-highlight/combobox-tree-highlight-example.html} (81%)
 rename src/components-examples/{cdk-experimental/combobox/cdk-combobox-tree-highlight/cdk-combobox-tree-highlight-example.ts => aria/combobox/combobox-tree-highlight/combobox-tree-highlight-example.ts} (77%)
 rename src/components-examples/{cdk-experimental/combobox/cdk-combobox-tree-manual/cdk-combobox-tree-manual-example.html => aria/combobox/combobox-tree-manual/combobox-tree-manual-example.html} (81%)
 rename src/components-examples/{cdk-experimental/combobox/cdk-combobox-tree-manual/cdk-combobox-tree-manual-example.ts => aria/combobox/combobox-tree-manual/combobox-tree-manual-example.ts} (77%)
 rename src/components-examples/{cdk-experimental => aria}/combobox/data.ts (100%)
 create mode 100644 src/components-examples/aria/combobox/index.ts
 rename src/components-examples/{cdk-experimental => aria}/listbox/BUILD.bazel (93%)
 create mode 100644 src/components-examples/aria/listbox/index.ts
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-active-descendant/cdk-listbox-active-descendant-example.html => aria/listbox/listbox-active-descendant/listbox-active-descendant-example.html} (91%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-active-descendant/cdk-listbox-active-descendant-example.ts => aria/listbox/listbox-active-descendant/listbox-active-descendant-example.ts} (62%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-configurable/cdk-listbox-configurable-example.css => aria/listbox/listbox-configurable/listbox-configurable-example.css} (100%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-configurable/cdk-listbox-configurable-example.html => aria/listbox/listbox-configurable/listbox-configurable-example.html} (97%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-configurable/cdk-listbox-configurable-example.ts => aria/listbox/listbox-configurable/listbox-configurable-example.ts} (82%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-disabled-focusable/cdk-listbox-disabled-focusable-example.html => aria/listbox/listbox-disabled-focusable/listbox-disabled-focusable-example.html} (91%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-disabled-focusable/cdk-listbox-disabled-focusable-example.ts => aria/listbox/listbox-disabled-focusable/listbox-disabled-focusable-example.ts} (62%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-disabled-skipped/cdk-listbox-disabled-skipped-example.html => aria/listbox/listbox-disabled-skipped/listbox-disabled-skipped-example.html} (91%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-disabled-skipped/cdk-listbox-disabled-skipped-example.ts => aria/listbox/listbox-disabled-skipped/listbox-disabled-skipped-example.ts} (63%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-disabled/cdk-listbox-disabled-example.html => aria/listbox/listbox-disabled/listbox-disabled-example.html} (90%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-disabled/cdk-listbox-disabled-example.ts => aria/listbox/listbox-disabled/listbox-disabled-example.ts} (64%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-horizontal/cdk-listbox-horizontal-example.html => aria/listbox/listbox-horizontal/listbox-horizontal-example.html} (90%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-horizontal/cdk-listbox-horizontal-example.ts => aria/listbox/listbox-horizontal/listbox-horizontal-example.ts} (64%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-multi-select-follow-focus/cdk-listbox-multi-select-follow-focus-example.html => aria/listbox/listbox-multi-select-follow-focus/listbox-multi-select-follow-focus-example.html} (91%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-multi-select-follow-focus/cdk-listbox-multi-select-follow-focus-example.ts => aria/listbox/listbox-multi-select-follow-focus/listbox-multi-select-follow-focus-example.ts} (62%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-multi-select/cdk-listbox-multi-select-example.html => aria/listbox/listbox-multi-select/listbox-multi-select-example.html} (91%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-multi-select/cdk-listbox-multi-select-example.ts => aria/listbox/listbox-multi-select/listbox-multi-select-example.ts} (64%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-readonly/cdk-listbox-readonly-example.html => aria/listbox/listbox-readonly/listbox-readonly-example.html} (90%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-readonly/cdk-listbox-readonly-example.ts => aria/listbox/listbox-readonly/listbox-readonly-example.ts} (64%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-rtl-horizontal/cdk-listbox-rtl-horizontal-example.html => aria/listbox/listbox-rtl-horizontal/listbox-rtl-horizontal-example.html} (91%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-rtl-horizontal/cdk-listbox-rtl-horizontal-example.ts => aria/listbox/listbox-rtl-horizontal/listbox-rtl-horizontal-example.ts} (64%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-single-select-follow-focus/cdk-listbox-single-select-follow-focus-example.html => aria/listbox/listbox-single-select-follow-focus/listbox-single-select-follow-focus-example.html} (91%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-single-select-follow-focus/cdk-listbox-single-select-follow-focus-example.ts => aria/listbox/listbox-single-select-follow-focus/listbox-single-select-follow-focus-example.ts} (60%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-single-select/cdk-listbox-single-select-example.html => aria/listbox/listbox-single-select/listbox-single-select-example.html} (91%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox-single-select/cdk-listbox-single-select-example.ts => aria/listbox/listbox-single-select/listbox-single-select-example.ts} (62%)
 rename src/components-examples/{cdk-experimental/listbox/cdk-listbox/cdk-listbox-example.html => aria/listbox/listbox/listbox-example.html} (100%)
 rename src/components-examples/{cdk-experimental => aria}/radio-group/BUILD.bazel (92%)
 create mode 100644 src/components-examples/aria/radio-group/index.ts
 rename src/components-examples/{cdk-experimental => aria}/radio-group/radio-common.css (100%)
 rename src/components-examples/{cdk-experimental/radio-group/cdk-radio-group-active-descendant/cdk-radio-group-active-descendant-example.html => aria/radio-group/radio-group-active-descendant/radio-group-active-descendant-example.html} (88%)
 rename src/components-examples/{cdk-experimental/radio-group/cdk-radio-group-active-descendant/cdk-radio-group-active-descendant-example.ts => aria/radio-group/radio-group-active-descendant/radio-group-active-descendant-example.ts} (66%)
 rename src/components-examples/{cdk-experimental/radio-group/cdk-radio-group-configurable/cdk-radio-group-configurable-example.html => aria/radio-group/radio-group-configurable/radio-group-configurable-example.html} (98%)
 rename src/components-examples/{cdk-experimental/radio-group/cdk-radio-group-configurable/cdk-radio-group-configurable-example.ts => aria/radio-group/radio-group-configurable/radio-group-configurable-example.ts} (81%)
 rename src/components-examples/{cdk-experimental/radio-group/cdk-radio-group-disabled-focusable/cdk-radio-group-disabled-focusable-example.html => aria/radio-group/radio-group-disabled-focusable/radio-group-disabled-focusable-example.html} (90%)
 rename src/components-examples/{cdk-experimental/radio-group/cdk-radio-group-disabled-focusable/cdk-radio-group-disabled-focusable-example.ts => aria/radio-group/radio-group-disabled-focusable/radio-group-disabled-focusable-example.ts} (68%)
 rename src/components-examples/{cdk-experimental/radio-group/cdk-radio-group-disabled-skipped/cdk-radio-group-disabled-skipped-example.html => aria/radio-group/radio-group-disabled-skipped/radio-group-disabled-skipped-example.html} (89%)
 rename src/components-examples/{cdk-experimental/radio-group/cdk-radio-group-disabled-skipped/cdk-radio-group-disabled-skipped-example.ts => aria/radio-group/radio-group-disabled-skipped/radio-group-disabled-skipped-example.ts} (68%)
 rename src/components-examples/{cdk-experimental/radio-group/cdk-radio-group-disabled/cdk-radio-group-disabled-example.html => aria/radio-group/radio-group-disabled/radio-group-disabled-example.html} (87%)
 rename src/components-examples/{cdk-experimental/radio-group/cdk-radio-group-disabled/cdk-radio-group-disabled-example.ts => aria/radio-group/radio-group-disabled/radio-group-disabled-example.ts} (68%)
 rename src/components-examples/{cdk-experimental/radio-group/cdk-radio-group-horizontal/cdk-radio-group-horizontal-example.html => aria/radio-group/radio-group-horizontal/radio-group-horizontal-example.html} (88%)
 rename src/components-examples/{cdk-experimental/radio-group/cdk-radio-group-horizontal/cdk-radio-group-horizontal-example.ts => aria/radio-group/radio-group-horizontal/radio-group-horizontal-example.ts} (67%)
 rename src/components-examples/{cdk-experimental/radio-group/cdk-radio-group-readonly/cdk-radio-group-readonly-example.html => aria/radio-group/radio-group-readonly/radio-group-readonly-example.html} (89%)
 rename src/components-examples/{cdk-experimental/radio-group/cdk-radio-group-readonly/cdk-radio-group-readonly-example.ts => aria/radio-group/radio-group-readonly/radio-group-readonly-example.ts} (68%)
 rename src/components-examples/{cdk-experimental/radio-group/cdk-radio-group-rtl-horizontal/cdk-radio-group-rtl-horizontal-example.html => aria/radio-group/radio-group-rtl-horizontal/radio-group-rtl-horizontal-example.html} (88%)
 rename src/components-examples/{cdk-experimental/radio-group/cdk-radio-group-rtl-horizontal/cdk-radio-group-rtl-horizontal-example.ts => aria/radio-group/radio-group-rtl-horizontal/radio-group-rtl-horizontal-example.ts} (68%)
 rename src/components-examples/{cdk-experimental/radio-group/cdk-radio-group-standard/cdk-radio-group-standard-example.html => aria/radio-group/radio-group-standard/radio-group-standard-example.html} (85%)
 rename src/components-examples/{cdk-experimental/radio-group/cdk-radio-group-standard/cdk-radio-group-standard-example.ts => aria/radio-group/radio-group-standard/radio-group-standard-example.ts} (68%)
 rename src/components-examples/{cdk-experimental => aria}/tabs/BUILD.bazel (93%)
 create mode 100644 src/components-examples/aria/tabs/active-descendant/tabs-active-descendant-example.html
 create mode 100644 src/components-examples/aria/tabs/active-descendant/tabs-active-descendant-example.ts
 create mode 100644 src/components-examples/aria/tabs/disabled-focusable/tabs-disabled-focusable-example.html
 create mode 100644 src/components-examples/aria/tabs/disabled-focusable/tabs-disabled-focusable-example.ts
 create mode 100644 src/components-examples/aria/tabs/disabled-skipped/tabs-disabled-skipped-example.html
 create mode 100644 src/components-examples/aria/tabs/disabled-skipped/tabs-disabled-skipped-example.ts
 create mode 100644 src/components-examples/aria/tabs/disabled/tabs-disabled-example.html
 create mode 100644 src/components-examples/aria/tabs/disabled/tabs-disabled-example.ts
 create mode 100644 src/components-examples/aria/tabs/explicit-selection/tabs-explicit-selection-example.html
 create mode 100644 src/components-examples/aria/tabs/explicit-selection/tabs-explicit-selection-example.ts
 create mode 100644 src/components-examples/aria/tabs/index.ts
 create mode 100644 src/components-examples/aria/tabs/rtl/tabs-rtl-example.html
 create mode 100644 src/components-examples/aria/tabs/rtl/tabs-rtl-example.ts
 create mode 100644 src/components-examples/aria/tabs/selection-follows-focus/tabs-selection-follows-focus-example.html
 create mode 100644 src/components-examples/aria/tabs/selection-follows-focus/tabs-selection-follows-focus-example.ts
 rename src/components-examples/{cdk-experimental/tabs/cdk-tabs-common.css => aria/tabs/tabs-common.css} (92%)
 rename src/components-examples/{cdk-experimental/tabs/cdk-tabs-configurable/cdk-tabs-configurable-example.html => aria/tabs/tabs-configurable/tabs-configurable-example.html} (74%)
 rename src/components-examples/{cdk-experimental/tabs/cdk-tabs-configurable/cdk-tabs-configurable-example.ts => aria/tabs/tabs-configurable/tabs-configurable-example.ts} (66%)
 create mode 100644 src/components-examples/aria/tabs/vertical-orientation/tabs-vertical-example.html
 create mode 100644 src/components-examples/aria/tabs/vertical-orientation/tabs-vertical-example.ts
 rename src/components-examples/{cdk-experimental => aria}/toolbar/BUILD.bazel (86%)
 create mode 100644 src/components-examples/aria/toolbar/index.ts
 rename src/components-examples/{cdk-experimental => aria}/toolbar/toolbar-common.css (96%)
 rename src/components-examples/{cdk-experimental/toolbar/cdk-toolbar-configurable/cdk-toolbar-configurable-example.html => aria/toolbar/toolbar-configurable/toolbar-configurable-example.html} (90%)
 rename src/components-examples/{cdk-experimental/toolbar/cdk-toolbar-configurable/cdk-toolbar-configurable-example.ts => aria/toolbar/toolbar-configurable/toolbar-configurable-example.ts} (73%)
 rename src/components-examples/{cdk-experimental => aria}/tree/BUILD.bazel (94%)
 create mode 100644 src/components-examples/aria/tree/index.ts
 rename src/components-examples/{cdk-experimental/tree/cdk-tree-single-select-follow-focus/cdk-tree-single-select-follow-focus-example.html => aria/tree/tree-active-descendant/tree-active-descendant-example.html} (82%)
 rename src/components-examples/{cdk-experimental/tree/cdk-tree-active-descendant/cdk-tree-active-descendant-example.ts => aria/tree/tree-active-descendant/tree-active-descendant-example.ts} (54%)
 rename src/components-examples/{cdk-experimental => aria}/tree/tree-common.css (100%)
 rename src/components-examples/{cdk-experimental/tree/cdk-tree-configurable/cdk-tree-configurable-example.html => aria/tree/tree-configurable/tree-configurable-example.html} (92%)
 rename src/components-examples/{cdk-experimental/tree/cdk-tree-configurable/cdk-tree-configurable-example.ts => aria/tree/tree-configurable/tree-configurable-example.ts} (77%)
 rename src/components-examples/{cdk-experimental => aria}/tree/tree-data.ts (100%)
 rename src/components-examples/{cdk-experimental/tree/cdk-tree-disabled/cdk-tree-disabled-example.html => aria/tree/tree-disabled-focusable/tree-disabled-focusable-example.html} (82%)
 rename src/components-examples/{cdk-experimental/tree/cdk-tree-disabled-focusable/cdk-tree-disabled-focusable-example.ts => aria/tree/tree-disabled-focusable/tree-disabled-focusable-example.ts} (54%)
 rename src/components-examples/{cdk-experimental/tree/cdk-tree-disabled-skipped/cdk-tree-disabled-skipped-example.html => aria/tree/tree-disabled-skipped/tree-disabled-skipped-example.html} (81%)
 rename src/components-examples/{cdk-experimental/tree/cdk-tree-disabled-skipped/cdk-tree-disabled-skipped-example.ts => aria/tree/tree-disabled-skipped/tree-disabled-skipped-example.ts} (54%)
 rename src/components-examples/{cdk-experimental/tree/cdk-tree-single-select/cdk-tree-single-select-example.html => aria/tree/tree-disabled/tree-disabled-example.html} (83%)
 rename src/components-examples/{cdk-experimental/tree/cdk-tree-disabled/cdk-tree-disabled-example.ts => aria/tree/tree-disabled/tree-disabled-example.ts} (55%)
 rename src/components-examples/{cdk-experimental/tree/cdk-tree-disabled-focusable/cdk-tree-disabled-focusable-example.html => aria/tree/tree-multi-select-follow-focus/tree-multi-select-follow-focus-example.html} (81%)
 rename src/components-examples/{cdk-experimental/tree/cdk-tree-multi-select-follow-focus/cdk-tree-multi-select-follow-focus-example.ts => aria/tree/tree-multi-select-follow-focus/tree-multi-select-follow-focus-example.ts} (53%)
 rename src/components-examples/{cdk-experimental/tree/cdk-tree-multi-select/cdk-tree-multi-select-example.html => aria/tree/tree-multi-select/tree-multi-select-example.html} (82%)
 rename src/components-examples/{cdk-experimental/tree/cdk-tree-multi-select/cdk-tree-multi-select-example.ts => aria/tree/tree-multi-select/tree-multi-select-example.ts} (55%)
 rename src/components-examples/{cdk-experimental/tree/cdk-tree-nav/cdk-tree-nav-example.html => aria/tree/tree-nav/tree-nav-example.html} (84%)
 rename src/components-examples/{cdk-experimental/tree/cdk-tree-nav/cdk-tree-nav-example.ts => aria/tree/tree-nav/tree-nav-example.ts} (56%)
 create mode 100644 src/components-examples/aria/tree/tree-single-select-follow-focus/tree-single-select-follow-focus-example.html
 rename src/components-examples/{cdk-experimental/tree/cdk-tree-single-select-follow-focus/cdk-tree-single-select-follow-focus-example.ts => aria/tree/tree-single-select-follow-focus/tree-single-select-follow-focus-example.ts} (52%)
 create mode 100644 src/components-examples/aria/tree/tree-single-select/tree-single-select-example.html
 rename src/components-examples/{cdk-experimental/tree/cdk-tree-single-select/cdk-tree-single-select-example.ts => aria/tree/tree-single-select/tree-single-select-example.ts} (54%)
 delete mode 100644 src/components-examples/cdk-experimental/accordion/cdk-accordion-disabled-focusable/cdk-accordion-disabled-focusable-example.ts
 delete mode 100644 src/components-examples/cdk-experimental/accordion/cdk-accordion-disabled-skipped/cdk-accordion-disabled-skipped-example.ts
 delete mode 100644 src/components-examples/cdk-experimental/accordion/cdk-accordion-disabled/cdk-accordion-disabled-example.ts
 delete mode 100644 src/components-examples/cdk-experimental/accordion/cdk-accordion-multi-expansion/cdk-accordion-multi-expansion-example.ts
 delete mode 100644 src/components-examples/cdk-experimental/accordion/cdk-accordion-single-expansion/cdk-accordion-single-expansion-example.ts
 delete mode 100644 src/components-examples/cdk-experimental/accordion/index.ts
 delete mode 100644 src/components-examples/cdk-experimental/combobox/index.ts
 delete mode 100644 src/components-examples/cdk-experimental/listbox/cdk-listbox-multi-select-example.ts
 delete mode 100644 src/components-examples/cdk-experimental/listbox/index.ts
 delete mode 100644 src/components-examples/cdk-experimental/radio-group/index.ts
 delete mode 100644 src/components-examples/cdk-experimental/tabs/cdk-active-descendant/cdk-tabs-active-descendant-example.html
 delete mode 100644 src/components-examples/cdk-experimental/tabs/cdk-active-descendant/cdk-tabs-active-descendant-example.ts
 delete mode 100644 src/components-examples/cdk-experimental/tabs/cdk-disabled-focusable/cdk-tabs-disabled-focusable-example.html
 delete mode 100644 src/components-examples/cdk-experimental/tabs/cdk-disabled-focusable/cdk-tabs-disabled-focusable-example.ts
 delete mode 100644 src/components-examples/cdk-experimental/tabs/cdk-disabled-skipped/cdk-tabs-disabled-skipped-example.html
 delete mode 100644 src/components-examples/cdk-experimental/tabs/cdk-disabled-skipped/cdk-tabs-disabled-skipped-example.ts
 delete mode 100644 src/components-examples/cdk-experimental/tabs/cdk-disabled/cdk-tabs-disabled-example.html
 delete mode 100644 src/components-examples/cdk-experimental/tabs/cdk-disabled/cdk-tabs-disabled-example.ts
 delete mode 100644 src/components-examples/cdk-experimental/tabs/cdk-explicit-selection/cdk-tabs-explicit-selection-example.html
 delete mode 100644 src/components-examples/cdk-experimental/tabs/cdk-explicit-selection/cdk-tabs-explicit-selection-example.ts
 delete mode 100644 src/components-examples/cdk-experimental/tabs/cdk-rtl/cdk-tabs-rtl-example.html
 delete mode 100644 src/components-examples/cdk-experimental/tabs/cdk-rtl/cdk-tabs-rtl-example.ts
 delete mode 100644 src/components-examples/cdk-experimental/tabs/cdk-selection-follows-focus/cdk-tabs-selection-follows-focus-example.html
 delete mode 100644 src/components-examples/cdk-experimental/tabs/cdk-selection-follows-focus/cdk-tabs-selection-follows-focus-example.ts
 delete mode 100644 src/components-examples/cdk-experimental/tabs/cdk-vertical-orientation/cdk-tabs-vertical-example.html
 delete mode 100644 src/components-examples/cdk-experimental/tabs/cdk-vertical-orientation/cdk-tabs-vertical-example.ts
 delete mode 100644 src/components-examples/cdk-experimental/tabs/index.ts
 delete mode 100644 src/components-examples/cdk-experimental/toolbar/index.ts
 delete mode 100644 src/components-examples/cdk-experimental/tree/cdk-tree-active-descendant/cdk-tree-active-descendant-example.html
 delete mode 100644 src/components-examples/cdk-experimental/tree/cdk-tree-multi-select-follow-focus/cdk-tree-multi-select-follow-focus-example.html
 delete mode 100644 src/components-examples/cdk-experimental/tree/index.ts
 rename src/dev-app/{cdk-experimental-tree => aria-accordion}/BUILD.bazel (59%)
 rename src/dev-app/{cdk-experimental-accordion/cdk-accordion-demo.css => aria-accordion/accordion-demo.css} (100%)
 rename src/dev-app/{cdk-experimental-accordion/cdk-accordion-demo.html => aria-accordion/accordion-demo.html} (55%)
 create mode 100644 src/dev-app/aria-accordion/accordion-demo.ts
 rename src/dev-app/{cdk-experimental-tabs => aria-combobox}/BUILD.bazel (59%)
 rename src/dev-app/{cdk-experimental-combobox/cdk-combobox-demo.css => aria-combobox/combobox-demo.css} (100%)
 rename src/dev-app/{cdk-experimental-combobox/cdk-combobox-demo.html => aria-combobox/combobox-demo.html} (61%)
 create mode 100644 src/dev-app/aria-combobox/combobox-demo.ts
 rename src/dev-app/{cdk-experimental-listbox => aria-listbox}/BUILD.bazel (57%)
 rename src/dev-app/{cdk-experimental-listbox/cdk-listbox-demo.css => aria-listbox/listbox-demo.css} (100%)
 rename src/dev-app/{cdk-experimental-listbox/cdk-listbox-demo.html => aria-listbox/listbox-demo.html} (55%)
 create mode 100644 src/dev-app/aria-listbox/listbox-demo.ts
 rename src/dev-app/{cdk-experimental-menu => aria-menu}/BUILD.bazel (70%)
 rename src/dev-app/{cdk-experimental-menu/cdk-menu-demo.css => aria-menu/menu-demo.css} (100%)
 create mode 100644 src/dev-app/aria-menu/menu-demo.html
 rename src/dev-app/{cdk-experimental-menu/cdk-menu-demo.ts => aria-menu/menu-demo.ts} (78%)
 create mode 100644 src/dev-app/aria-radio-group/BUILD.bazel
 rename src/dev-app/{cdk-experimental-radio-group/cdk-radio-group-demo.css => aria-radio-group/radio-group-demo.css} (100%)
 rename src/dev-app/{cdk-experimental-radio-group/cdk-radio-group-demo.html => aria-radio-group/radio-group-demo.html} (54%)
 create mode 100644 src/dev-app/aria-radio-group/radio-group-demo.ts
 create mode 100644 src/dev-app/aria-tabs/BUILD.bazel
 rename src/dev-app/{cdk-experimental-tabs/cdk-tabs-demo.css => aria-tabs/tabs-demo.css} (100%)
 rename src/dev-app/{cdk-experimental-tabs/cdk-tabs-demo.html => aria-tabs/tabs-demo.html} (54%)
 create mode 100644 src/dev-app/aria-tabs/tabs-demo.ts
 create mode 100644 src/dev-app/aria-toolbar/BUILD.bazel
 rename src/dev-app/{cdk-experimental-toolbar/cdk-toolbar-demo.css => aria-toolbar/toolbar-demo.css} (100%)
 rename src/dev-app/{cdk-experimental-toolbar/cdk-toolbar-demo.html => aria-toolbar/toolbar-demo.html} (67%)
 rename src/dev-app/{cdk-experimental-toolbar/cdk-toolbar-demo.ts => aria-toolbar/toolbar-demo.ts} (59%)
 create mode 100644 src/dev-app/aria-tree/BUILD.bazel
 rename src/dev-app/{cdk-experimental-tree/cdk-tree-demo.css => aria-tree/tree-demo.css} (100%)
 rename src/dev-app/{cdk-experimental-tree/cdk-tree-demo.html => aria-tree/tree-demo.html} (56%)
 create mode 100644 src/dev-app/aria-tree/tree-demo.ts
 delete mode 100644 src/dev-app/cdk-experimental-accordion/BUILD.bazel
 delete mode 100644 src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.ts
 delete mode 100644 src/dev-app/cdk-experimental-combobox/BUILD.bazel
 delete mode 100644 src/dev-app/cdk-experimental-combobox/cdk-combobox-demo.ts
 delete mode 100644 src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.ts
 delete mode 100644 src/dev-app/cdk-experimental-menu/cdk-menu-demo.html
 delete mode 100644 src/dev-app/cdk-experimental-radio-group/BUILD.bazel
 delete mode 100644 src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.ts
 delete mode 100644 src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.ts
 delete mode 100644 src/dev-app/cdk-experimental-toolbar/BUILD.bazel
 delete mode 100644 src/dev-app/cdk-experimental-tree/cdk-tree-demo.ts

diff --git a/.bazelignore b/.bazelignore
index 7e56385b36c1..71df476de1d1 100644
--- a/.bazelignore
+++ b/.bazelignore
@@ -18,6 +18,7 @@ integration/yarn-pnp-compat/.yarn/install-state.gz
 integration/yarn-pnp-compat/node_modules
 integration/node_modules
 
+src/aria/node_modules
 src/cdk-experimental/node_modules
 src/cdk/node_modules
 src/components-examples/node_modules
diff --git a/.ng-dev/commit-message.mts b/.ng-dev/commit-message.mts
index 2b9f9bbba50a..45af3ed66c31 100644
--- a/.ng-dev/commit-message.mts
+++ b/.ng-dev/commit-message.mts
@@ -9,20 +9,20 @@ export const commitMessage: CommitMessageConfig = {
   minBodyLengthTypeExcludes: ['docs'],
   scopes: [
     'multiple', // For when a commit applies to multiple components.
-    'cdk-experimental/accordion',
+    'aria/accordion',
+    'aria/combobox',
+    'aria/listbox',
+    'aria/menu',
+    'aria/radio-group',
+    'aria/tabs',
+    'aria/toolbar',
+    'aria/tree',
+    'aria/ui-patterns',
     'cdk-experimental/column-resize',
-    'cdk-experimental/combobox',
-    'cdk-experimental/listbox',
-    'cdk-experimental/menu',
     'cdk-experimental/popover-edit',
-    'cdk-experimental/radio-group',
     'cdk-experimental/scrolling',
     'cdk-experimental/selection',
     'cdk-experimental/table-scroll-container',
-    'cdk-experimental/tabs',
-    'cdk-experimental/toolbar',
-    'cdk-experimental/tree',
-    'cdk-experimental/ui-patterns',
     'cdk/a11y',
     'cdk/accordion',
     'cdk/bidi',
diff --git a/.ng-dev/google-sync-config.json b/.ng-dev/google-sync-config.json
index effc32010c0f..c8fdea37cb24 100644
--- a/.ng-dev/google-sync-config.json
+++ b/.ng-dev/google-sync-config.json
@@ -10,6 +10,9 @@
     "src/material-experimental/**/*.ts",
     "src/material-experimental/**/*.html",
     "src/material-experimental/**/*.scss",
+    "src/aria/**/*.ts",
+    "src/aria/**/*.html",
+    "src/aria/**/*.scss",
     "src/cdk/**/*.ts",
     "src/cdk/**/*.html",
     "src/cdk/**/*.scss",
diff --git a/.ng-dev/release.mts b/.ng-dev/release.mts
index 42ec4ff2ee77..86318b3c3a85 100644
--- a/.ng-dev/release.mts
+++ b/.ng-dev/release.mts
@@ -18,6 +18,7 @@ import {assertValidNpmPackageOutput} from '../tools/release-checks/npm-package-o
  * appear in the changelog.
  */
 export const releasePackages = [
+  'aria',
   'cdk',
   'material',
   'google-maps',
diff --git a/BUILD.bazel b/BUILD.bazel
index 9fe802a69094..3e21ad52e5cc 100644
--- a/BUILD.bazel
+++ b/BUILD.bazel
@@ -1,6 +1,7 @@
 load("@devinfra//bazel/validation:defs.bzl", "validate_ts_version_matching")
 load("@npm//:defs.bzl", "npm_link_all_packages")
 load("//:pkg-externals.bzl", "PKG_EXTERNALS")
+load("//src/aria:config.bzl", "ARIA_ENTRYPOINTS")
 load("//src/cdk:config.bzl", "CDK_ENTRYPOINTS")
 load("//src/cdk-experimental:config.bzl", "CDK_EXPERIMENTAL_ENTRYPOINTS")
 load("//src/material:config.bzl", "MATERIAL_ENTRYPOINTS", "MATERIAL_TESTING_ENTRYPOINTS")
@@ -26,7 +27,8 @@ genrule(
     cmd = "echo '%s' > $@" % PKG_EXTERNALS,
 )
 
-entryPoints = ["cdk/%s" % e for e in CDK_ENTRYPOINTS] + \
+entryPoints = ["aria/%s" % e for e in ARIA_ENTRYPOINTS] + \
+              ["cdk/%s" % e for e in CDK_ENTRYPOINTS] + \
               ["cdk-experimental/%s" % e for e in CDK_EXPERIMENTAL_ENTRYPOINTS] + \
               ["material/%s" % e for e in MATERIAL_ENTRYPOINTS + MATERIAL_TESTING_ENTRYPOINTS] + \
               ["material-experimental/%s" % e for e in MATERIAL_EXPERIMENTAL_ENTRYPOINTS + MATERIAL_EXPERIMENTAL_TESTING_ENTRYPOINTS]
diff --git a/MODULE.bazel b/MODULE.bazel
index 3d5bb648c068..975bf9dff240 100644
--- a/MODULE.bazel
+++ b/MODULE.bazel
@@ -77,6 +77,7 @@ npm.npm_translate_lock(
         "//:package.json",
         "//:pnpm-workspace.yaml",
         "//integration:package.json",
+        "//src/aria:package.json",
         "//src/cdk:package.json",
         "//src/cdk-experimental:package.json",
         "//src/components-examples:package.json",
@@ -93,6 +94,10 @@ npm.npm_translate_lock(
     ],
     npmrc = "//:.npmrc",
     package_visibility = {
+        "@angular/aria": [
+            "//integration:__subpackages__",
+            "//docs:__subpackages__",
+        ],
         "@angular/cdk": [
             "//integration:__subpackages__",
             "//docs:__subpackages__",
diff --git a/docs/defs.bzl b/docs/defs.bzl
index 574f45914c9c..83e51cdc37d7 100644
--- a/docs/defs.bzl
+++ b/docs/defs.bzl
@@ -19,6 +19,7 @@ COMMON_CONFIG = [
 
 # Project dependencies common across libs/tests
 DEPS = [
+    "//docs:node_modules/@angular/aria",
     "//docs:node_modules/@angular/cdk",
     "//docs:node_modules/@angular/cdk-experimental",
     "//docs:node_modules/@angular/material",
diff --git a/packages.bzl b/packages.bzl
index 04494638ebee..b9e569839c2a 100644
--- a/packages.bzl
+++ b/packages.bzl
@@ -1,6 +1,7 @@
 # Packages which are versioned together on npm
 ANGULAR_COMPONENTS_SCOPED_PACKAGES = ["@angular/%s" % p for p in [
     "material",
+    "aria",
     "cdk",
     "cdk-experimental",
     "material-experimental",
diff --git a/pkg-externals.bzl b/pkg-externals.bzl
index c95009e34d54..1c06874b02ff 100644
--- a/pkg-externals.bzl
+++ b/pkg-externals.bzl
@@ -1,3 +1,4 @@
+load("//src/aria:config.bzl", "ARIA_ENTRYPOINTS")
 load("//src/cdk:config.bzl", "CDK_ENTRYPOINTS")
 load("//src/cdk-experimental:config.bzl", "CDK_EXPERIMENTAL_ENTRYPOINTS")
 load("//src/material:config.bzl", "MATERIAL_ENTRYPOINTS", "MATERIAL_TESTING_ENTRYPOINTS")
@@ -28,6 +29,7 @@ PKG_EXTERNALS = [
     "@angular/router",
 
     # Primary entry-points in the project.
+    "@angular/aria",
     "@angular/cdk",
     "@angular/cdk-experimental",
     "@angular/google-maps",
@@ -58,6 +60,7 @@ PKG_EXTERNALS = [
 def setup_entry_point_externals(packageName, entryPoints):
     PKG_EXTERNALS.extend(["@angular/%s/%s" % (packageName, ep) for ep in entryPoints])
 
+setup_entry_point_externals("aria", ARIA_ENTRYPOINTS)
 setup_entry_point_externals("cdk", CDK_ENTRYPOINTS)
 setup_entry_point_externals("cdk-experimental", CDK_EXPERIMENTAL_ENTRYPOINTS)
 setup_entry_point_externals("material", MATERIAL_ENTRYPOINTS + MATERIAL_TESTING_ENTRYPOINTS)
@@ -68,6 +71,7 @@ setup_entry_point_externals(
 
 # External module names in the examples package. Individual examples are grouped
 # by package and component, so we add configure such entry-points as external.
+setup_entry_point_externals("components-examples/aria", ARIA_ENTRYPOINTS)
 setup_entry_point_externals("components-examples/cdk", CDK_ENTRYPOINTS)
 setup_entry_point_externals("components-examples/cdk-experimental", CDK_EXPERIMENTAL_ENTRYPOINTS)
 setup_entry_point_externals(
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4f02762287b7..8d401ce6248b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -516,6 +516,16 @@ importers:
       '@angular/youtube-player':
         specifier: workspace:*
         version: link:../src/youtube-player
+        
+  src/aria:
+    dependencies:
+      tslib:
+        specifier: ^2.3.0
+        version: 2.8.1
+    devDependencies:
+      '@angular/cdk':
+        specifier: workspace:*
+        version: link:../cdk
 
   src/cdk:
     dependencies:
@@ -542,6 +552,9 @@ importers:
         specifier: ^2.3.0
         version: 2.8.1
     devDependencies:
+      '@angular/aria':
+        specifier: workspace:*
+        version: link:../aria
       '@angular/cdk':
         specifier: workspace:*
         version: link:../cdk
@@ -560,6 +573,9 @@ importers:
 
   src/dev-app:
     devDependencies:
+      '@angular/aria':
+        specifier: workspace:*
+        version: link:../aria
       '@angular/cdk':
         specifier: workspace:*
         version: link:../cdk
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index cd2997ff8016..40b9feb409f1 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -2,6 +2,7 @@ packages:
   - .
   - docs
   - integration
+  - src/aria
   - src/cdk
   - src/cdk-experimental
   - src/components-examples
diff --git a/scripts/deploy/publish-build-artifacts.sh b/scripts/deploy/publish-build-artifacts.sh
index 12c7804da41f..986fc987d3b4 100755
--- a/scripts/deploy/publish-build-artifacts.sh
+++ b/scripts/deploy/publish-build-artifacts.sh
@@ -17,6 +17,7 @@ fi
 
 # Release packages that need to published as snapshots.
 PACKAGES=(
+  aria
   cdk
   cdk-experimental
   material
diff --git a/scripts/util.mts b/scripts/util.mts
index f5031cf0b797..5666eb95f371 100644
--- a/scripts/util.mts
+++ b/scripts/util.mts
@@ -7,7 +7,13 @@ const commonTypos = new Map([['snackbar', 'snack-bar']]);
 // List of packages where the specified component could be defined in. The script uses the
 // first package that contains the component (if no package is specified explicitly).
 // e.g. "button" will become "material/button", and "overlay" becomes "cdk/overlay".
-const orderedGuessPackages = ['material', 'cdk', 'material-experimental', 'cdk-experimental'];
+const orderedGuessPackages = [
+  'material',
+  'aria',
+  'cdk',
+  'material-experimental',
+  'cdk-experimental',
+];
 
 /**
  * Tries to guess the full name of a package, based on a shorthand name.
diff --git a/src/aria/BUILD.bazel b/src/aria/BUILD.bazel
new file mode 100644
index 000000000000..d240cb92b248
--- /dev/null
+++ b/src/aria/BUILD.bazel
@@ -0,0 +1,30 @@
+load("@npm//:defs.bzl", "npm_link_all_packages")
+load("//src/aria:config.bzl", "ARIA_TARGETS")
+load("//tools:defaults.bzl", "ng_package", "ts_project")
+
+package(default_visibility = ["//visibility:public"])
+
+npm_link_all_packages()
+
+ts_project(
+    name = "aria",
+    srcs = glob(
+        ["*.ts"],
+        exclude = ["**/*.spec.ts"],
+    ),
+    deps = ["//:node_modules/@angular/core"],
+)
+
+ng_package(
+    name = "npm_package",
+    package_name = "@angular/aria",
+    srcs = ["package.json"],
+    tags = ["release-package"],
+    visibility = [
+        "//:__pkg__",
+        "//goldens:__pkg__",
+        "//integration:__subpackages__",
+        "//src/material-experimental:__subpackages__",
+    ],
+    deps = ARIA_TARGETS,
+)
diff --git a/src/aria/README.md b/src/aria/README.md
new file mode 100644
index 000000000000..96d3a108df42
--- /dev/null
+++ b/src/aria/README.md
@@ -0,0 +1,3 @@
+# Angular Aria
+
+This package contains...
diff --git a/src/cdk-experimental/accordion/BUILD.bazel b/src/aria/accordion/BUILD.bazel
similarity index 88%
rename from src/cdk-experimental/accordion/BUILD.bazel
rename to src/aria/accordion/BUILD.bazel
index d6c47c0e0b34..4a209f7f96e2 100644
--- a/src/cdk-experimental/accordion/BUILD.bazel
+++ b/src/aria/accordion/BUILD.bazel
@@ -11,8 +11,8 @@ ng_project(
     ],
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/deferred-content",
-        "//src/cdk-experimental/ui-patterns",
+        "//src/aria/deferred-content",
+        "//src/aria/ui-patterns",
         "//src/cdk/a11y",
         "//src/cdk/bidi",
     ],
diff --git a/src/cdk-experimental/accordion/accordion.spec.ts b/src/aria/accordion/accordion.spec.ts
similarity index 95%
rename from src/cdk-experimental/accordion/accordion.spec.ts
rename to src/aria/accordion/accordion.spec.ts
index 54da825ad6d7..8b98ed78e501 100644
--- a/src/cdk-experimental/accordion/accordion.spec.ts
+++ b/src/aria/accordion/accordion.spec.ts
@@ -3,19 +3,14 @@ import {ComponentFixture, TestBed} from '@angular/core/testing';
 import {By} from '@angular/platform-browser';
 import {provideFakeDirectionality, runAccessibilityChecks} from '@angular/cdk/testing/private';
 import {_IdGenerator} from '@angular/cdk/a11y';
-import {
-  CdkAccordionGroup,
-  CdkAccordionTrigger,
-  CdkAccordionPanel,
-  CdkAccordionContent,
-} from './accordion';
-
-describe('CdkAccordionGroup', () => {
+import {AccordionGroup, AccordionTrigger, AccordionPanel, AccordionContent} from './accordion';
+
+describe('AccordionGroup', () => {
   let fixture: ComponentFixture<AccordionGroupExample>;
   let groupDebugElement: DebugElement;
   let triggerDebugElements: DebugElement[];
   let panelDebugElements: DebugElement[];
-  let groupInstance: CdkAccordionGroup;
+  let groupInstance: AccordionGroup;
   let triggerElements: HTMLElement[];
   let panelElements: HTMLElement[];
 
@@ -72,17 +67,17 @@ describe('CdkAccordionGroup', () => {
   }
 
   function defineTestVariables(currentFixture: ComponentFixture<AccordionGroupExample>) {
-    groupDebugElement = currentFixture.debugElement.query(By.directive(CdkAccordionGroup));
-    triggerDebugElements = currentFixture.debugElement.queryAll(By.directive(CdkAccordionTrigger));
-    panelDebugElements = currentFixture.debugElement.queryAll(By.directive(CdkAccordionPanel));
+    groupDebugElement = currentFixture.debugElement.query(By.directive(AccordionGroup));
+    triggerDebugElements = currentFixture.debugElement.queryAll(By.directive(AccordionTrigger));
+    panelDebugElements = currentFixture.debugElement.queryAll(By.directive(AccordionPanel));
 
-    groupInstance = groupDebugElement.injector.get<CdkAccordionGroup>(CdkAccordionGroup);
+    groupInstance = groupDebugElement.injector.get<AccordionGroup>(AccordionGroup);
     triggerElements = triggerDebugElements.map(el => el.nativeElement);
     panelElements = panelDebugElements.map(el => el.nativeElement);
   }
 
   function isTriggerActive(target: HTMLElement): boolean {
-    return target.classList.contains('cdk-active');
+    return target.classList.contains('active');
   }
 
   function isTriggerExpanded(target: HTMLElement): boolean {
@@ -102,7 +97,7 @@ describe('CdkAccordionGroup', () => {
   });
 
   describe('ARIA attributes and roles', () => {
-    describe('CdkAccordionTrigger', () => {
+    describe('AccordionTrigger', () => {
       beforeEach(() => {
         configureAccordionComponent();
       });
@@ -141,7 +136,7 @@ describe('CdkAccordionGroup', () => {
       });
     });
 
-    describe('CdkAccordionPanel', () => {
+    describe('AccordionPanel', () => {
       beforeEach(() => {
         configureAccordionComponent();
       });
@@ -386,7 +381,7 @@ describe('CdkAccordionGroup', () => {
 @Component({
   template: `
     <div
-      cdkAccordionGroup
+      accordionGroup
       [(value)]="value"
       [multiExpandable]="multiExpandable()"
       [disabled]="disabledGroup()"
@@ -396,15 +391,15 @@ describe('CdkAccordionGroup', () => {
       @for (item of items(); track item.value) {
         <div class="item-container">
           <button
-            cdkAccordionTrigger
+            accordionTrigger
             [value]="item.value"
             [disabled]="item.disabled"
           >{{ item.header }}</button>
           <div
-            cdkAccordionPanel
+            accordionPanel
             [value]="item.value"
           >
-            <ng-template cdkAccordionContent>
+            <ng-template accordionContent>
               {{ item.content }}
             </ng-template>
           </div>
@@ -412,7 +407,7 @@ describe('CdkAccordionGroup', () => {
       }
     </div>
   `,
-  imports: [CdkAccordionGroup, CdkAccordionTrigger, CdkAccordionPanel, CdkAccordionContent],
+  imports: [AccordionGroup, AccordionTrigger, AccordionPanel, AccordionContent],
 })
 class AccordionGroupExample {
   items = signal([
diff --git a/src/cdk-experimental/accordion/accordion.ts b/src/aria/accordion/accordion.ts
similarity index 80%
rename from src/cdk-experimental/accordion/accordion.ts
rename to src/aria/accordion/accordion.ts
index 8ddd363f4993..5e6b73f3e63a 100644
--- a/src/cdk-experimental/accordion/accordion.ts
+++ b/src/aria/accordion/accordion.ts
@@ -21,20 +21,20 @@ import {
 } from '@angular/core';
 import {_IdGenerator} from '@angular/cdk/a11y';
 import {Directionality} from '@angular/cdk/bidi';
-import {DeferredContent, DeferredContentAware} from '@angular/cdk-experimental/deferred-content';
+import {DeferredContent, DeferredContentAware} from '@angular/aria/deferred-content';
 import {
   AccordionGroupPattern,
   AccordionPanelPattern,
   AccordionTriggerPattern,
-} from '../ui-patterns';
+} from '@angular/aria/ui-patterns';
 
 /**
  * Represents the content panel of an accordion item. It is controlled by an
- * associated `CdkAccordionTrigger`.
+ * associated `AccordionTrigger`.
  */
 @Directive({
-  selector: '[cdkAccordionPanel]',
-  exportAs: 'cdkAccordionPanel',
+  selector: '[accordionPanel]',
+  exportAs: 'accordionPanel',
   hostDirectives: [
     {
       directive: DeferredContentAware,
@@ -42,24 +42,24 @@ import {
     },
   ],
   host: {
-    'class': 'cdk-accordion-panel',
+    'class': 'accordion-panel',
     'role': 'region',
     '[attr.id]': 'pattern.id()',
     '[attr.aria-labelledby]': 'pattern.accordionTrigger()?.id()',
     '[attr.inert]': 'pattern.hidden() ? true : null',
   },
 })
-export class CdkAccordionPanel {
+export class AccordionPanel {
   /** The DeferredContentAware host directive. */
   private readonly _deferredContentAware = inject(DeferredContentAware);
 
   /** A global unique identifier for the panel. */
-  private readonly _id = inject(_IdGenerator).getId('cdk-accordion-trigger-');
+  private readonly _id = inject(_IdGenerator).getId('accordion-trigger-');
 
   /** A local unique identifier for the panel, used to match with its trigger's value. */
   value = input.required<string>();
 
-  /** The parent accordion trigger pattern that controls this panel. This is set by CdkAccordionGroup. */
+  /** The parent accordion trigger pattern that controls this panel. This is set by AccordionGroup. */
   readonly accordionTrigger: WritableSignal<AccordionTriggerPattern | undefined> =
     signal(undefined);
 
@@ -80,14 +80,14 @@ export class CdkAccordionPanel {
 
 /**
  * Represents the trigger button for an accordion item. It controls the expansion
- * state of an associated `CdkAccordionPanel`.
+ * state of an associated `AccordionPanel`.
  */
 @Directive({
-  selector: '[cdkAccordionTrigger]',
-  exportAs: 'cdkAccordionTrigger',
+  selector: '[accordionTrigger]',
+  exportAs: 'accordionTrigger',
   host: {
-    'class': 'cdk-accordion-trigger',
-    '[class.cdk-active]': 'pattern.active()',
+    'class': 'accordion-trigger',
+    '[attr.data-active]': 'pattern.active()',
     'role': 'button',
     '[id]': 'pattern.id()',
     '[attr.aria-expanded]': 'pattern.expanded()',
@@ -100,15 +100,15 @@ export class CdkAccordionPanel {
     '(focusin)': 'pattern.onFocus($event)',
   },
 })
-export class CdkAccordionTrigger {
+export class AccordionTrigger {
   /** A global unique identifier for the trigger. */
-  private readonly _id = inject(_IdGenerator).getId('cdk-accordion-trigger-');
+  private readonly _id = inject(_IdGenerator).getId('accordion-trigger-');
 
   /** A reference to the trigger element. */
   private readonly _elementRef = inject(ElementRef);
 
-  /** The parent CdkAccordionGroup. */
-  private readonly _accordionGroup = inject(CdkAccordionGroup);
+  /** The parent AccordionGroup. */
+  private readonly _accordionGroup = inject(AccordionGroup);
 
   /** A local unique identifier for the trigger, used to match with its panel's value. */
   value = input.required<string>();
@@ -123,7 +123,7 @@ export class CdkAccordionTrigger {
    */
   readonly hardDisabled = computed(() => this.pattern.disabled() && this.pattern.tabindex() < 0);
 
-  /** The accordion panel pattern controlled by this trigger. This is set by CdkAccordionGroup. */
+  /** The accordion panel pattern controlled by this trigger. This is set by AccordionGroup. */
   readonly accordionPanel: WritableSignal<AccordionPanelPattern | undefined> = signal(undefined);
 
   /** The UI pattern instance for this trigger. */
@@ -142,21 +142,21 @@ export class CdkAccordionTrigger {
  * interactions of the accordion, such as keyboard navigation and expansion mode.
  */
 @Directive({
-  selector: '[cdkAccordionGroup]',
-  exportAs: 'cdkAccordionGroup',
+  selector: '[accordionGroup]',
+  exportAs: 'accordionGroup',
   host: {
-    'class': 'cdk-accordion-group',
+    'class': 'accordion-group',
   },
 })
-export class CdkAccordionGroup {
+export class AccordionGroup {
   /** A reference to the group element. */
   private readonly _elementRef = inject(ElementRef);
 
-  /** The CdkAccordionTriggers nested inside this group. */
-  protected readonly _triggers = contentChildren(CdkAccordionTrigger, {descendants: true});
+  /** The AccordionTriggers nested inside this group. */
+  protected readonly _triggers = contentChildren(AccordionTrigger, {descendants: true});
 
-  /** The CdkAccordionPanels nested inside this group. */
-  protected readonly _panels = contentChildren(CdkAccordionPanel, {descendants: true});
+  /** The AccordionPanels nested inside this group. */
+  protected readonly _panels = contentChildren(AccordionPanel, {descendants: true});
 
   /** The text direction (ltr or rtl). */
   readonly textDirection = inject(Directionality).valueSignal;
@@ -208,10 +208,10 @@ export class CdkAccordionGroup {
 
 /**
  * A structural directive that marks the `ng-template` to be used as the content
- * for a `CdkAccordionPanel`. This content can be lazily loaded.
+ * for a `AccordionPanel`. This content can be lazily loaded.
  */
 @Directive({
-  selector: 'ng-template[cdkAccordionContent]',
+  selector: 'ng-template[accordionContent]',
   hostDirectives: [DeferredContent],
 })
-export class CdkAccordionContent {}
+export class AccordionContent {}
diff --git a/src/cdk-experimental/accordion/index.ts b/src/aria/accordion/index.ts
similarity index 100%
rename from src/cdk-experimental/accordion/index.ts
rename to src/aria/accordion/index.ts
diff --git a/src/aria/accordion/public-api.ts b/src/aria/accordion/public-api.ts
new file mode 100644
index 000000000000..66aa4d173aa8
--- /dev/null
+++ b/src/aria/accordion/public-api.ts
@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+
+export {AccordionGroup, AccordionTrigger, AccordionPanel, AccordionContent} from './accordion';
diff --git a/src/cdk-experimental/combobox/BUILD.bazel b/src/aria/combobox/BUILD.bazel
similarity index 81%
rename from src/cdk-experimental/combobox/BUILD.bazel
rename to src/aria/combobox/BUILD.bazel
index 8cef8563f576..be11bac48c0c 100644
--- a/src/cdk-experimental/combobox/BUILD.bazel
+++ b/src/aria/combobox/BUILD.bazel
@@ -10,8 +10,8 @@ ng_project(
     ),
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/deferred-content",
-        "//src/cdk-experimental/ui-patterns",
+        "//src/aria/deferred-content",
+        "//src/aria/ui-patterns",
     ],
 )
 
@@ -28,8 +28,8 @@ ts_project(
         "//:node_modules/@angular/core",
         "//:node_modules/@angular/platform-browser",
         "//:node_modules/axe-core",
-        "//src/cdk-experimental/listbox",
-        "//src/cdk-experimental/tree",
+        "//src/aria/listbox",
+        "//src/aria/tree",
         "//src/cdk/testing/private",
     ],
 )
diff --git a/src/cdk-experimental/combobox/combobox.spec.ts b/src/aria/combobox/combobox.spec.ts
similarity index 95%
rename from src/cdk-experimental/combobox/combobox.spec.ts
rename to src/aria/combobox/combobox.spec.ts
index c3198de00b30..bf6f72950fbb 100644
--- a/src/cdk-experimental/combobox/combobox.spec.ts
+++ b/src/aria/combobox/combobox.spec.ts
@@ -1,20 +1,10 @@
 import {Component, computed, DebugElement, signal} from '@angular/core';
 import {ComponentFixture, TestBed, fakeAsync, tick} from '@angular/core/testing';
 import {By} from '@angular/platform-browser';
-import {
-  CdkCombobox,
-  CdkComboboxInput,
-  CdkComboboxPopup,
-  CdkComboboxPopupContainer,
-} from '@angular/cdk-experimental/combobox';
-import {CdkListbox, CdkOption} from '@angular/cdk-experimental/listbox';
+import {Combobox, ComboboxInput, ComboboxPopup, ComboboxPopupContainer} from '../combobox';
+import {Listbox, Option} from '../listbox';
 import {runAccessibilityChecks} from '@angular/cdk/testing/private';
-import {
-  CdkTree,
-  CdkTreeItem,
-  CdkTreeItemGroup,
-  CdkTreeItemGroupContent,
-} from '@angular/cdk-experimental/tree';
+import {Tree, TreeItem, TreeItemGroup, TreeItemGroupContent} from '../tree';
 import {NgTemplateOutlet} from '@angular/common';
 
 describe('Combobox', () => {
@@ -76,20 +66,20 @@ describe('Combobox', () => {
     }
 
     function defineTestVariables() {
-      const inputDebugElement = fixture.debugElement.query(By.directive(CdkComboboxInput));
+      const inputDebugElement = fixture.debugElement.query(By.directive(ComboboxInput));
       inputElement = inputDebugElement.nativeElement as HTMLInputElement;
     }
 
     function getOption(text: string): HTMLElement | null {
       const options = fixture.debugElement
-        .queryAll(By.directive(CdkOption))
+        .queryAll(By.directive(Option))
         .map((debugEl: DebugElement) => debugEl.nativeElement as HTMLElement);
       return options.find(option => option.textContent?.trim() === text) || null;
     }
 
     function getOptions(): HTMLElement[] {
       return fixture.debugElement
-        .queryAll(By.directive(CdkOption))
+        .queryAll(By.directive(Option))
         .map((debugEl: DebugElement) => debugEl.nativeElement as HTMLElement);
     }
 
@@ -109,7 +99,7 @@ describe('Combobox', () => {
 
       it('should set aria-controls to the listbox id', () => {
         focus();
-        const listbox = fixture.debugElement.query(By.directive(CdkListbox)).nativeElement;
+        const listbox = fixture.debugElement.query(By.directive(Listbox)).nativeElement;
         expect(inputElement.getAttribute('aria-controls')).toBe(listbox.id);
       });
 
@@ -131,7 +121,7 @@ describe('Combobox', () => {
 
       it('should set aria-multiselectable to false on the listbox', () => {
         focus();
-        const listbox = fixture.debugElement.query(By.directive(CdkListbox)).nativeElement;
+        const listbox = fixture.debugElement.query(By.directive(Listbox)).nativeElement;
         expect(listbox.getAttribute('aria-multiselectable')).toBe('false');
       });
 
@@ -563,26 +553,26 @@ describe('Combobox', () => {
     }
 
     function defineTestVariables() {
-      const inputDebugElement = fixture.debugElement.query(By.directive(CdkComboboxInput));
+      const inputDebugElement = fixture.debugElement.query(By.directive(ComboboxInput));
       inputElement = inputDebugElement.nativeElement as HTMLInputElement;
     }
 
     function getTreeItem(text: string): HTMLElement | null {
       const items = fixture.debugElement
-        .queryAll(By.directive(CdkTreeItem))
+        .queryAll(By.directive(TreeItem))
         .map((debugEl: DebugElement) => debugEl.nativeElement as HTMLElement);
       return items.find(item => item.textContent?.trim() === text) || null;
     }
 
     function getTreeItems(): HTMLElement[] {
       return fixture.debugElement
-        .queryAll(By.directive(CdkTreeItem))
+        .queryAll(By.directive(TreeItem))
         .map((debugEl: DebugElement) => debugEl.nativeElement as HTMLElement);
     }
 
     function getVisibleTreeItems(): HTMLElement[] {
       return fixture.debugElement
-        .queryAll(By.directive(CdkTreeItem))
+        .queryAll(By.directive(TreeItem))
         .map((debugEl: DebugElement) => debugEl.nativeElement as HTMLElement)
         .filter(el => {
           if (el.parentElement?.role === 'group') {
@@ -606,7 +596,7 @@ describe('Combobox', () => {
 
       it('should set aria-controls to the tree id', () => {
         down();
-        const tree = fixture.debugElement.query(By.directive(CdkTree)).nativeElement;
+        const tree = fixture.debugElement.query(By.directive(Tree)).nativeElement;
         expect(inputElement.getAttribute('aria-controls')).toBe(tree.id);
       });
 
@@ -1018,21 +1008,21 @@ describe('Combobox', () => {
 @Component({
   template: `
 <div
-  cdkCombobox
-  #combobox="cdkCombobox"
+  combobox
+  #combobox="combobox"
   [filterMode]="filterMode()"
 >
   <input
-    cdkComboboxInput
+    comboboxInput
     placeholder="Search..."
     [(value)]="searchString"
   />
 
-  <ng-template cdkComboboxPopupContainer>
-    <div cdkListbox [(value)]="value">
+  <ng-template ComboboxPopupContainer>
+    <div listbox [(value)]="value">
       @for (option of options(); track option) {
         <div
-          cdkOption
+          option
           [value]="option"
           [label]="option"
         >
@@ -1043,14 +1033,7 @@ describe('Combobox', () => {
   </ng-template>
 </div>
   `,
-  imports: [
-    CdkCombobox,
-    CdkComboboxInput,
-    CdkComboboxPopup,
-    CdkComboboxPopupContainer,
-    CdkListbox,
-    CdkOption,
-  ],
+  imports: [Combobox, ComboboxInput, ComboboxPopup, ComboboxPopupContainer, Listbox, Option],
 })
 class ComboboxListboxExample {
   value = signal<string[]>([]);
@@ -1067,19 +1050,19 @@ class ComboboxListboxExample {
 @Component({
   template: `
 <div
-  #combobox="cdkCombobox"
-  cdkCombobox
+  #combobox="combobox"
+  combobox
   [firstMatch]="firstMatch()"
   [filterMode]="filterMode()"
 >
   <input
-    cdkComboboxInput
+    comboboxInput
     placeholder="Search..."
     [(value)]="searchString"
   />
 
-  <ng-template cdkComboboxPopupContainer>
-    <ul cdkTree #tree="cdkTree" [(value)]="value">
+  <ng-template comboboxPopupContainer>
+    <ul tree #tree="Tree" [(value)]="value">
       <ng-template
         [ngTemplateOutlet]="treeNodes"
         [ngTemplateOutletContext]="{nodes: nodes(), parent: tree}"
@@ -1090,18 +1073,18 @@ class ComboboxListboxExample {
 
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.name) {
-    <li cdkTreeItem
+    <li treeItem
       [parent]="parent"
       [value]="node.name"
       [label]="node.name"
-      #treeItem="cdkTreeItem"
+      #treeItem="TreeItem"
     >
       {{ node.name }}
     </li>
 
     @if (node.children) {
-      <ul cdkTreeItemGroup [ownedBy]="treeItem" #group="cdkTreeItemGroup">
-        <ng-template cdkTreeItemGroupContent>
+      <ul treeItemGroup [ownedBy]="treeItem" #group="TreeItemGroup">
+        <ng-template treeItemGroupContent>
           <ng-template
             [ngTemplateOutlet]="treeNodes"
             [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
@@ -1113,13 +1096,13 @@ class ComboboxListboxExample {
 </ng-template>
   `,
   imports: [
-    CdkCombobox,
-    CdkComboboxInput,
-    CdkComboboxPopupContainer,
-    CdkTree,
-    CdkTreeItem,
-    CdkTreeItemGroup,
-    CdkTreeItemGroupContent,
+    Combobox,
+    ComboboxInput,
+    ComboboxPopupContainer,
+    Tree,
+    TreeItem,
+    TreeItemGroup,
+    TreeItemGroupContent,
     NgTemplateOutlet,
   ],
 })
diff --git a/src/cdk-experimental/combobox/combobox.ts b/src/aria/combobox/combobox.ts
similarity index 81%
rename from src/cdk-experimental/combobox/combobox.ts
rename to src/aria/combobox/combobox.ts
index 38d10e19bf48..8e71fc1efd10 100644
--- a/src/cdk-experimental/combobox/combobox.ts
+++ b/src/aria/combobox/combobox.ts
@@ -18,12 +18,16 @@ import {
   untracked,
   WritableSignal,
 } from '@angular/core';
-import {DeferredContent, DeferredContentAware} from '@angular/cdk-experimental/deferred-content';
-import {ComboboxPattern, ComboboxListboxControls, ComboboxTreeControls} from '../ui-patterns';
+import {DeferredContent, DeferredContentAware} from '@angular/aria/deferred-content';
+import {
+  ComboboxPattern,
+  ComboboxListboxControls,
+  ComboboxTreeControls,
+} from '@angular/aria/ui-patterns';
 
 @Directive({
-  selector: '[cdkCombobox]',
-  exportAs: 'cdkCombobox',
+  selector: '[combobox]',
+  exportAs: 'combobox',
   hostDirectives: [
     {
       directive: DeferredContentAware,
@@ -39,7 +43,7 @@ import {ComboboxPattern, ComboboxListboxControls, ComboboxTreeControls} from '..
     '(focusout)': 'pattern.onFocusOut($event)',
   },
 })
-export class CdkCombobox<V> {
+export class Combobox<V> {
   /** The element that the combobox is attached to. */
   private readonly _elementRef = inject(ElementRef);
 
@@ -47,7 +51,7 @@ export class CdkCombobox<V> {
   private readonly _deferredContentAware = inject(DeferredContentAware, {optional: true});
 
   /** The combobox popup. */
-  readonly popup = contentChild<CdkComboboxPopup<V>>(CdkComboboxPopup);
+  readonly popup = contentChild<ComboboxPopup<V>>(ComboboxPopup);
 
   /** The filter mode for the combobox. */
   filterMode = input<'manual' | 'auto-select' | 'highlight'>('manual');
@@ -86,8 +90,8 @@ export class CdkCombobox<V> {
 }
 
 @Directive({
-  selector: 'input[cdkComboboxInput]',
-  exportAs: 'cdkComboboxInput',
+  selector: 'input[comboboxInput]',
+  exportAs: 'comboboxInput',
   host: {
     'role': 'combobox',
     '[value]': 'value()',
@@ -98,12 +102,12 @@ export class CdkCombobox<V> {
     '[attr.aria-autocomplete]': 'combobox.pattern.autocomplete()',
   },
 })
-export class CdkComboboxInput {
+export class ComboboxInput {
   /** The element that the combobox is attached to. */
   private readonly _elementRef = inject<ElementRef<HTMLInputElement>>(ElementRef);
 
   /** The combobox that the input belongs to. */
-  readonly combobox = inject(CdkCombobox);
+  readonly combobox = inject(Combobox);
 
   /** The value of the input. */
   value = model<string>('');
@@ -123,19 +127,19 @@ export class CdkComboboxInput {
 }
 
 @Directive({
-  selector: 'ng-template[cdkComboboxPopupContainer]',
-  exportAs: 'cdkComboboxPopupContainer',
+  selector: 'ng-template[comboboxPopupContainer]',
+  exportAs: 'comboboxPopupContainer',
   hostDirectives: [DeferredContent],
 })
-export class CdkComboboxPopupContainer {}
+export class ComboboxPopupContainer {}
 
 @Directive({
-  selector: '[cdkComboboxPopup]',
-  exportAs: 'cdkComboboxPopup',
+  selector: '[comboboxPopup]',
+  exportAs: 'comboboxPopup',
 })
-export class CdkComboboxPopup<V> {
+export class ComboboxPopup<V> {
   /** The combobox that the popup belongs to. */
-  readonly combobox = inject<CdkCombobox<V>>(CdkCombobox, {optional: true});
+  readonly combobox = inject<Combobox<V>>(Combobox, {optional: true});
 
   /** The controls the popup exposes to the combobox. */
   readonly controls = signal<
diff --git a/src/cdk-experimental/combobox/index.ts b/src/aria/combobox/index.ts
similarity index 100%
rename from src/cdk-experimental/combobox/index.ts
rename to src/aria/combobox/index.ts
diff --git a/src/aria/combobox/public-api.ts b/src/aria/combobox/public-api.ts
new file mode 100644
index 000000000000..c859f6cc01de
--- /dev/null
+++ b/src/aria/combobox/public-api.ts
@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+
+export {Combobox, ComboboxInput, ComboboxPopup, ComboboxPopupContainer} from './combobox';
diff --git a/src/aria/config.bzl b/src/aria/config.bzl
new file mode 100644
index 000000000000..5f4c21a67bf8
--- /dev/null
+++ b/src/aria/config.bzl
@@ -0,0 +1,16 @@
+# List of all entry-points of the Angular Aria package.
+ARIA_ENTRYPOINTS = [
+    "accordion",
+    "combobox",
+    "deferred-content",
+    "listbox",
+    "radio-group",
+    "tabs",
+    "toolbar",
+    "tree",
+    "ui-patterns",
+]
+
+# List of all entry-point targets of the Angular Aria package.
+ARIA_TARGETS = ["//src/aria"] + \
+               ["//src/aria/%s" % ep for ep in ARIA_ENTRYPOINTS]
diff --git a/src/cdk-experimental/deferred-content/BUILD.bazel b/src/aria/deferred-content/BUILD.bazel
similarity index 100%
rename from src/cdk-experimental/deferred-content/BUILD.bazel
rename to src/aria/deferred-content/BUILD.bazel
diff --git a/src/cdk-experimental/deferred-content/deferred-content.spec.ts b/src/aria/deferred-content/deferred-content.spec.ts
similarity index 100%
rename from src/cdk-experimental/deferred-content/deferred-content.spec.ts
rename to src/aria/deferred-content/deferred-content.spec.ts
diff --git a/src/cdk-experimental/deferred-content/deferred-content.ts b/src/aria/deferred-content/deferred-content.ts
similarity index 94%
rename from src/cdk-experimental/deferred-content/deferred-content.ts
rename to src/aria/deferred-content/deferred-content.ts
index f105ffcbad5a..d8f347ba53b9 100644
--- a/src/cdk-experimental/deferred-content/deferred-content.ts
+++ b/src/aria/deferred-content/deferred-content.ts
@@ -34,10 +34,10 @@ export class DeferredContentAware {
  *
  * ```ts
  *   @Directive({
- *     selector: 'ng-template[cdkAccordionContent]',
+ *     selector: 'ng-template[AccordionContent]',
  *     hostDirectives: [DeferredContent],
  *   })
- *   class CdkAccordionContent {}
+ *   class AccordionContent {}
  * ```
  */
 @Directive()
diff --git a/src/cdk-experimental/deferred-content/index.ts b/src/aria/deferred-content/index.ts
similarity index 100%
rename from src/cdk-experimental/deferred-content/index.ts
rename to src/aria/deferred-content/index.ts
diff --git a/src/cdk-experimental/deferred-content/public-api.ts b/src/aria/deferred-content/public-api.ts
similarity index 100%
rename from src/cdk-experimental/deferred-content/public-api.ts
rename to src/aria/deferred-content/public-api.ts
diff --git a/src/cdk-experimental/listbox/index.ts b/src/aria/index.ts
similarity index 100%
rename from src/cdk-experimental/listbox/index.ts
rename to src/aria/index.ts
diff --git a/src/cdk-experimental/listbox/BUILD.bazel b/src/aria/listbox/BUILD.bazel
similarity index 89%
rename from src/cdk-experimental/listbox/BUILD.bazel
rename to src/aria/listbox/BUILD.bazel
index 481b2cfa9ed7..62c65c2faac8 100644
--- a/src/cdk-experimental/listbox/BUILD.bazel
+++ b/src/aria/listbox/BUILD.bazel
@@ -10,8 +10,8 @@ ng_project(
     ),
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/combobox",
-        "//src/cdk-experimental/ui-patterns",
+        "//src/aria/combobox",
+        "//src/aria/ui-patterns",
         "//src/cdk/a11y",
         "//src/cdk/bidi",
     ],
diff --git a/src/cdk-experimental/radio-group/index.ts b/src/aria/listbox/index.ts
similarity index 100%
rename from src/cdk-experimental/radio-group/index.ts
rename to src/aria/listbox/index.ts
diff --git a/src/cdk-experimental/listbox/listbox.spec.ts b/src/aria/listbox/listbox.spec.ts
similarity index 98%
rename from src/cdk-experimental/listbox/listbox.spec.ts
rename to src/aria/listbox/listbox.spec.ts
index 4aa1935e4063..c32a47a22c6b 100644
--- a/src/cdk-experimental/listbox/listbox.spec.ts
+++ b/src/aria/listbox/listbox.spec.ts
@@ -1,5 +1,5 @@
 import {Component, DebugElement, signal} from '@angular/core';
-import {CdkListbox, CdkOption} from './listbox';
+import {Listbox, Option} from './listbox';
 import {ComponentFixture, TestBed, fakeAsync, tick} from '@angular/core/testing';
 import {By} from '@angular/platform-browser';
 import {Direction} from '@angular/cdk/bidi';
@@ -12,11 +12,11 @@ interface ModifierKeys {
   metaKey?: boolean;
 }
 
-describe('CdkListbox', () => {
+describe('Listbox', () => {
   let fixture: ComponentFixture<ListboxExample | DefaultListboxExample>;
   let listboxDebugElement: DebugElement;
   let optionDebugElements: DebugElement[];
-  let listboxInstance: CdkListbox<unknown>;
+  let listboxInstance: Listbox<unknown>;
   let listboxElement: HTMLElement;
   let optionElements: HTMLElement[];
 
@@ -105,9 +105,9 @@ describe('CdkListbox', () => {
   }
 
   function defineTestVariables(fixture: ComponentFixture<unknown>) {
-    listboxDebugElement = fixture.debugElement.query(By.directive(CdkListbox));
-    optionDebugElements = fixture.debugElement.queryAll(By.directive(CdkOption));
-    listboxInstance = listboxDebugElement.injector.get<CdkListbox<unknown>>(CdkListbox);
+    listboxDebugElement = fixture.debugElement.query(By.directive(Listbox));
+    optionDebugElements = fixture.debugElement.queryAll(By.directive(Option));
+    listboxInstance = listboxDebugElement.injector.get<Listbox<unknown>>(Listbox);
     listboxElement = listboxDebugElement.nativeElement;
     optionElements = optionDebugElements.map(option => option.nativeElement);
   }
@@ -742,7 +742,7 @@ interface TestOption {
 @Component({
   template: `
     <ul
-      cdkListbox
+      listbox
       aria-label="Test Listbox"
       [(value)]="value"
       [disabled]="disabled"
@@ -755,11 +755,11 @@ interface TestOption {
       [selectionMode]="selectionMode"
       [typeaheadDelay]="typeaheadDelay">
       @for (option of options(); track option.value) {
-        <li cdkOption [value]="option.value" [disabled]="option.disabled" [label]="option.label">{{ option.label }}</li>
+        <li option [value]="option.value" [disabled]="option.disabled" [label]="option.label">{{ option.label }}</li>
       }
     </ul>
   `,
-  imports: [CdkListbox, CdkOption],
+  imports: [Listbox, Option],
 })
 class ListboxExample {
   options = signal<TestOption[]>([
@@ -784,12 +784,12 @@ class ListboxExample {
 
 @Component({
   template: `
-    <ul aria-label="Test Listbox" cdkListbox>
-      <li cdkOption [value]="0">0</li>
-      <li cdkOption [value]="1">1</li>
-      <li cdkOption [value]="2">2</li>
+    <ul aria-label="Test Listbox" listbox>
+      <li option [value]="0">0</li>
+      <li option [value]="1">1</li>
+      <li option [value]="2">2</li>
     </ul>
   `,
-  imports: [CdkListbox, CdkOption],
+  imports: [Listbox, Option],
 })
 class DefaultListboxExample {}
diff --git a/src/cdk-experimental/listbox/listbox.ts b/src/aria/listbox/listbox.ts
similarity index 83%
rename from src/cdk-experimental/listbox/listbox.ts
rename to src/aria/listbox/listbox.ts
index a8db327eebe3..5c78d63ad200 100644
--- a/src/cdk-experimental/listbox/listbox.ts
+++ b/src/aria/listbox/listbox.ts
@@ -19,32 +19,32 @@ import {
   signal,
   untracked,
 } from '@angular/core';
-import {ComboboxListboxPattern, ListboxPattern, OptionPattern} from '../ui-patterns';
+import {ComboboxListboxPattern, ListboxPattern, OptionPattern} from '@angular/aria/ui-patterns';
 import {Directionality} from '@angular/cdk/bidi';
 import {toSignal} from '@angular/core/rxjs-interop';
 import {_IdGenerator} from '@angular/cdk/a11y';
-import {CdkComboboxPopup} from '../combobox';
+import {ComboboxPopup} from '../combobox';
 
 /**
  * A listbox container.
  *
- * Listboxes are used to display a list of items for a user to select from. The CdkListbox is meant
- * to be used in conjunction with CdkOption as follows:
+ * Listboxes are used to display a list of items for a user to select from. The Listbox is meant
+ * to be used in conjunction with Option as follows:
  *
  * ```html
- * <ul cdkListbox>
- *   <li [value]="1" cdkOption>Item 1</li>
- *   <li [value]="2" cdkOption>Item 2</li>
- *   <li [value]="3" cdkOption>Item 3</li>
+ * <ul listbox>
+ *   <li [value]="1" option>Item 1</li>
+ *   <li [value]="2" option>Item 2</li>
+ *   <li [value]="3" option>Item 3</li>
  * </ul>
  * ```
  */
 @Directive({
-  selector: '[cdkListbox]',
-  exportAs: 'cdkListbox',
+  selector: '[listbox]',
+  exportAs: 'listbox',
   host: {
     'role': 'listbox',
-    'class': 'cdk-listbox',
+    'class': 'listbox',
     '[attr.id]': 'id()',
     '[attr.tabindex]': 'pattern.tabindex()',
     '[attr.aria-readonly]': 'pattern.readonly()',
@@ -56,18 +56,18 @@ import {CdkComboboxPopup} from '../combobox';
     '(pointerdown)': 'pattern.onPointerdown($event)',
     '(focusin)': 'onFocus()',
   },
-  hostDirectives: [{directive: CdkComboboxPopup}],
+  hostDirectives: [{directive: ComboboxPopup}],
 })
-export class CdkListbox<V> {
+export class Listbox<V> {
   /** A unique identifier for the listbox. */
-  private readonly _generatedId = inject(_IdGenerator).getId('cdk-listbox-');
+  private readonly _generatedId = inject(_IdGenerator).getId('listbox-');
 
   // TODO(wagnermaciel): https://github.com/angular/components/pull/30495#discussion_r1972601144.
   /** A unique identifier for the listbox. */
   protected id = computed(() => this._generatedId);
 
   /** A reference to the parent combobox popup, if one exists. */
-  private readonly _popup = inject<CdkComboboxPopup<V>>(CdkComboboxPopup, {
+  private readonly _popup = inject<ComboboxPopup<V>>(ComboboxPopup, {
     optional: true,
   });
 
@@ -77,16 +77,16 @@ export class CdkListbox<V> {
   /** The directionality (LTR / RTL) context for the application (or a subtree of it). */
   private readonly _directionality = inject(Directionality);
 
-  /** The CdkOptions nested inside of the CdkListbox. */
-  private readonly _cdkOptions = contentChildren(CdkOption, {descendants: true});
+  /** The Options nested inside of the Listbox. */
+  private readonly _Options = contentChildren(Option, {descendants: true});
 
   /** A signal wrapper for directionality. */
   protected textDirection = toSignal(this._directionality.change, {
     initialValue: this._directionality.value,
   });
 
-  /** The Option UIPatterns of the child CdkOptions. */
-  protected items = computed(() => this._cdkOptions().map(option => option.pattern));
+  /** The Option UIPatterns of the child Options. */
+  protected items = computed(() => this._Options().map(option => option.pattern));
 
   /** Whether the list is vertically or horizontally oriented. */
   orientation = input<'vertical' | 'horizontal'>('vertical');
@@ -185,29 +185,29 @@ export class CdkListbox<V> {
   }
 }
 
-/** A selectable option in a CdkListbox. */
+/** A selectable option in a Listbox. */
 @Directive({
-  selector: '[cdkOption]',
-  exportAs: 'cdkOption',
+  selector: '[option]',
+  exportAs: 'option',
   host: {
     'role': 'option',
-    'class': 'cdk-option',
-    '[class.cdk-active]': 'pattern.active()',
+    'class': 'option',
+    '[attr.data-active]': 'pattern.active()',
     '[attr.id]': 'pattern.id()',
     '[attr.tabindex]': 'pattern.tabindex()',
     '[attr.aria-selected]': 'pattern.selected()',
     '[attr.aria-disabled]': 'pattern.disabled()',
   },
 })
-export class CdkOption<V> {
+export class Option<V> {
   /** A reference to the option element. */
   private readonly _elementRef = inject(ElementRef);
 
-  /** The parent CdkListbox. */
-  private readonly _cdkListbox = inject(CdkListbox);
+  /** The parent Listbox. */
+  private readonly _Listbox = inject(Listbox);
 
   /** A unique identifier for the option. */
-  private readonly _generatedId = inject(_IdGenerator).getId('cdk-option-');
+  private readonly _generatedId = inject(_IdGenerator).getId('option-');
 
   // TODO(wagnermaciel): https://github.com/angular/components/pull/30495#discussion_r1972601144.
   /** A unique identifier for the option. */
@@ -219,7 +219,7 @@ export class CdkOption<V> {
   protected searchTerm = computed(() => this.label() ?? this.element().textContent);
 
   /** The parent Listbox UIPattern. */
-  protected listbox = computed(() => this._cdkListbox.pattern);
+  protected listbox = computed(() => this._Listbox.pattern);
 
   /** A reference to the option element to be focused on navigation. */
   protected element = computed(() => this._elementRef.nativeElement);
diff --git a/src/cdk-experimental/listbox/public-api.ts b/src/aria/listbox/public-api.ts
similarity index 80%
rename from src/cdk-experimental/listbox/public-api.ts
rename to src/aria/listbox/public-api.ts
index d78fbe19d194..a21d11c2d475 100644
--- a/src/cdk-experimental/listbox/public-api.ts
+++ b/src/aria/listbox/public-api.ts
@@ -6,4 +6,4 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-export {CdkListbox, CdkOption} from './listbox';
+export {Listbox, Option} from './listbox';
diff --git a/src/aria/package.json b/src/aria/package.json
new file mode 100644
index 000000000000..89f7f311057d
--- /dev/null
+++ b/src/aria/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "@angular/aria",
+  "version": "0.0.0-PLACEHOLDER",
+  "description": "Angular Aria",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/angular/components.git"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/angular/components/issues"
+  },
+  "homepage": "https://github.com/angular/components#readme",
+  "peerDependencies": {
+    "@angular/cdk": "0.0.0-PLACEHOLDER",
+    "@angular/core": "0.0.0-NG"
+  },
+  "devDependencies": {
+    "@angular/cdk": "workspace:*"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "ng-update": {
+    "packageGroup": "NG_UPDATE_PACKAGE_GROUP"
+  },
+  "sideEffects": false
+}
diff --git a/src/cdk-experimental/radio-group/public-api.ts b/src/aria/public-api.ts
similarity index 76%
rename from src/cdk-experimental/radio-group/public-api.ts
rename to src/aria/public-api.ts
index 56207c601c38..33bc1f31c7bc 100644
--- a/src/cdk-experimental/radio-group/public-api.ts
+++ b/src/aria/public-api.ts
@@ -6,4 +6,4 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-export {CdkRadioGroup, CdkRadioButton} from './radio-group';
+export * from './version';
diff --git a/src/cdk-experimental/radio-group/BUILD.bazel b/src/aria/radio-group/BUILD.bazel
similarity index 89%
rename from src/cdk-experimental/radio-group/BUILD.bazel
rename to src/aria/radio-group/BUILD.bazel
index ff5f155007fa..74a189efbb42 100644
--- a/src/cdk-experimental/radio-group/BUILD.bazel
+++ b/src/aria/radio-group/BUILD.bazel
@@ -10,8 +10,8 @@ ng_project(
     ),
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/toolbar",
-        "//src/cdk-experimental/ui-patterns",
+        "//src/aria/toolbar",
+        "//src/aria/ui-patterns",
         "//src/cdk/a11y",
         "//src/cdk/bidi",
     ],
diff --git a/src/cdk-experimental/tabs/index.ts b/src/aria/radio-group/index.ts
similarity index 100%
rename from src/cdk-experimental/tabs/index.ts
rename to src/aria/radio-group/index.ts
diff --git a/src/cdk-experimental/toolbar/public-api.ts b/src/aria/radio-group/public-api.ts
similarity index 72%
rename from src/cdk-experimental/toolbar/public-api.ts
rename to src/aria/radio-group/public-api.ts
index 61681240782d..34aab88aafe3 100644
--- a/src/cdk-experimental/toolbar/public-api.ts
+++ b/src/aria/radio-group/public-api.ts
@@ -6,4 +6,4 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-export {CdkToolbar, CdkToolbarWidget, CdkToolbarWidgetGroup} from './toolbar';
+export {RadioGroup, RadioButton} from './radio-group';
diff --git a/src/cdk-experimental/radio-group/radio-group.spec.ts b/src/aria/radio-group/radio-group.spec.ts
similarity index 96%
rename from src/cdk-experimental/radio-group/radio-group.spec.ts
rename to src/aria/radio-group/radio-group.spec.ts
index ac2639fbf84a..f1dc3bc5f81d 100644
--- a/src/cdk-experimental/radio-group/radio-group.spec.ts
+++ b/src/aria/radio-group/radio-group.spec.ts
@@ -1,15 +1,15 @@
 import {Component, DebugElement, signal} from '@angular/core';
-import {CdkRadioButton, CdkRadioGroup} from './radio-group';
+import {RadioButton, RadioGroup} from './radio-group';
 import {ComponentFixture, TestBed} from '@angular/core/testing';
 import {By} from '@angular/platform-browser';
 import {Direction} from '@angular/cdk/bidi';
 import {provideFakeDirectionality, runAccessibilityChecks} from '@angular/cdk/testing/private';
 
-describe('CdkRadioGroup', () => {
+describe('RadioGroup', () => {
   let fixture: ComponentFixture<RadioGroupExample>;
   let radioGroup: DebugElement;
   let radioButtons: DebugElement[];
-  let radioGroupInstance: CdkRadioGroup<number>;
+  let radioGroupInstance: RadioGroup<number>;
   let radioGroupElement: HTMLElement;
   let radioButtonElements: HTMLElement[];
 
@@ -92,9 +92,9 @@ describe('CdkRadioGroup', () => {
   }
 
   function defineTestVariables(fixture: ComponentFixture<unknown>) {
-    radioGroup = fixture.debugElement.query(By.directive(CdkRadioGroup));
-    radioButtons = fixture.debugElement.queryAll(By.directive(CdkRadioButton));
-    radioGroupInstance = radioGroup.injector.get<CdkRadioGroup<number>>(CdkRadioGroup);
+    radioGroup = fixture.debugElement.query(By.directive(RadioGroup));
+    radioButtons = fixture.debugElement.queryAll(By.directive(RadioButton));
+    radioGroupInstance = radioGroup.injector.get<RadioGroup<number>>(RadioGroup);
     radioGroupElement = radioGroup.nativeElement;
     radioButtonElements = radioButtons.map(radioButton => radioButton.nativeElement);
   }
@@ -532,13 +532,13 @@ interface TestOption {
       [focusMode]="focusMode"
       [orientation]="orientation"
       [skipDisabled]="skipDisabled"
-      cdkRadioGroup>
+      radioGroup>
       @for (option of options(); track option.value) {
-        <div cdkRadioButton [value]="option.value" [disabled]="option.disabled">{{ option.label }}</div>
+        <div radioButton [value]="option.value" [disabled]="option.disabled">{{ option.label }}</div>
       }
     </div>
   `,
-  imports: [CdkRadioGroup, CdkRadioButton],
+  imports: [RadioGroup, RadioButton],
 })
 class RadioGroupExample {
   options = signal<TestOption[]>([
@@ -559,12 +559,12 @@ class RadioGroupExample {
 
 @Component({
   template: `
-  <div cdkRadioGroup>
-    <div cdkRadioButton [value]="0">0</div>
-    <div cdkRadioButton [value]="1">1</div>
-    <div cdkRadioButton [value]="2">2</div>
+  <div radioGroup>
+    <div radioButton [value]="0">0</div>
+    <div radioButton [value]="1">1</div>
+    <div radioButton [value]="2">2</div>
   </div>
   `,
-  imports: [CdkRadioGroup, CdkRadioButton],
+  imports: [RadioGroup, RadioButton],
 })
 class DefaultRadioGroupExample {}
diff --git a/src/cdk-experimental/radio-group/radio-group.ts b/src/aria/radio-group/radio-group.ts
similarity index 78%
rename from src/cdk-experimental/radio-group/radio-group.ts
rename to src/aria/radio-group/radio-group.ts
index 71c6052153cf..c96000616504 100644
--- a/src/cdk-experimental/radio-group/radio-group.ts
+++ b/src/aria/radio-group/radio-group.ts
@@ -26,10 +26,10 @@ import {
   RadioGroupPattern,
   ToolbarRadioGroupInputs,
   ToolbarRadioGroupPattern,
-} from '../ui-patterns';
+} from '@angular/aria/ui-patterns';
 import {Directionality} from '@angular/cdk/bidi';
 import {_IdGenerator} from '@angular/cdk/a11y';
-import {CdkToolbarWidgetGroup} from '@angular/cdk-experimental/toolbar';
+import {ToolbarWidgetGroup} from '@angular/aria/toolbar';
 
 // TODO: Move mapSignal to it's own file so it can be reused across components.
 
@@ -70,23 +70,23 @@ export function mapSignal<T, V>(
  * A radio button group container.
  *
  * Radio groups are used to group multiple radio buttons or radio group labels so they function as
- * a single form control. The CdkRadioGroup is meant to be used in conjunction with CdkRadioButton
+ * a single form control. The RadioGroup is meant to be used in conjunction with RadioButton
  * as follows:
  *
  * ```html
- * <div cdkRadioGroup>
- *   <label cdkRadioButton value="1">Option 1</label>
- *   <label cdkRadioButton value="2">Option 2</label>
- *   <label cdkRadioButton value="3">Option 3</label>
+ * <div radioGroup>
+ *   <div radioButton value="1">Option 1</div>
+ *   <div radioButton value="2">Option 2</div>
+ *   <div radioButton value="3">Option 3</div>
  * </div>
  * ```
  */
 @Directive({
-  selector: '[cdkRadioGroup]',
-  exportAs: 'cdkRadioGroup',
+  selector: '[radioGroup]',
+  exportAs: 'radioGroup',
   host: {
     'role': 'radiogroup',
-    'class': 'cdk-radio-group',
+    'class': 'radio-group',
     '[attr.tabindex]': 'pattern.tabindex()',
     '[attr.aria-readonly]': 'pattern.readonly()',
     '[attr.aria-disabled]': 'pattern.disabled()',
@@ -98,29 +98,29 @@ export function mapSignal<T, V>(
   },
   hostDirectives: [
     {
-      directive: CdkToolbarWidgetGroup,
+      directive: ToolbarWidgetGroup,
       inputs: ['disabled'],
     },
   ],
 })
-export class CdkRadioGroup<V> {
+export class RadioGroup<V> {
   /** A reference to the radio group element. */
   private readonly _elementRef = inject(ElementRef);
 
-  /** A reference to the CdkToolbarWidgetGroup, if the radio group is in a toolbar. */
-  private readonly _cdkToolbarWidgetGroup = inject(CdkToolbarWidgetGroup);
+  /** A reference to the ToolbarWidgetGroup, if the radio group is in a toolbar. */
+  private readonly _ToolbarWidgetGroup = inject(ToolbarWidgetGroup);
 
-  /** Whether the radio group is inside of a CdkToolbar. */
-  private readonly _hasToolbar = computed(() => !!this._cdkToolbarWidgetGroup.toolbar());
+  /** Whether the radio group is inside of a Toolbar. */
+  private readonly _hasToolbar = computed(() => !!this._ToolbarWidgetGroup.toolbar());
 
-  /** The CdkRadioButtons nested inside of the CdkRadioGroup. */
-  private readonly _cdkRadioButtons = contentChildren(CdkRadioButton, {descendants: true});
+  /** The RadioButtons nested inside of the RadioGroup. */
+  private readonly _RadioButtons = contentChildren(RadioButton, {descendants: true});
 
   /** A signal wrapper for directionality. */
   protected textDirection = inject(Directionality).valueSignal;
 
-  /** The RadioButton UIPatterns of the child CdkRadioButtons. */
-  protected items = computed(() => this._cdkRadioButtons().map(radio => radio.pattern));
+  /** The RadioButton UIPatterns of the child RadioButtons. */
+  protected items = computed(() => this._RadioButtons().map(radio => radio.pattern));
 
   /** Whether the radio group is vertically or horizontally oriented. */
   readonly orientation = input<'vertical' | 'horizontal'>('vertical');
@@ -167,7 +167,7 @@ export class CdkRadioGroup<V> {
         const element = e.target.closest('[role="radio"]');
         return this.items().find(i => i.element() === element);
       },
-      toolbar: this._cdkToolbarWidgetGroup.toolbar,
+      toolbar: this._ToolbarWidgetGroup.toolbar,
     };
 
     this.pattern = this._hasToolbar()
@@ -175,7 +175,7 @@ export class CdkRadioGroup<V> {
       : new RadioGroupPattern<V>(inputs as RadioGroupInputs<V>);
 
     if (this._hasToolbar()) {
-      this._cdkToolbarWidgetGroup.controls.set(this.pattern as ToolbarRadioGroupPattern<V>);
+      this._ToolbarWidgetGroup.controls.set(this.pattern as ToolbarRadioGroupPattern<V>);
     }
 
     afterRenderEffect(() => {
@@ -199,29 +199,29 @@ export class CdkRadioGroup<V> {
   }
 }
 
-/** A selectable radio button in a CdkRadioGroup. */
+/** A selectable radio button in a RadioGroup. */
 @Directive({
-  selector: '[cdkRadioButton]',
-  exportAs: 'cdkRadioButton',
+  selector: '[radioButton]',
+  exportAs: 'radioButton',
   host: {
     'role': 'radio',
-    'class': 'cdk-radio-button',
-    '[class.cdk-active]': 'pattern.active()',
+    'class': 'radio-button',
+    '[attr.data-active]': 'pattern.active()',
     '[attr.tabindex]': 'pattern.tabindex()',
     '[attr.aria-checked]': 'pattern.selected()',
     '[attr.aria-disabled]': 'pattern.disabled()',
     '[id]': 'pattern.id()',
   },
 })
-export class CdkRadioButton<V> {
+export class RadioButton<V> {
   /** A reference to the radio button element. */
   private readonly _elementRef = inject(ElementRef);
 
-  /** The parent CdkRadioGroup. */
-  private readonly _cdkRadioGroup = inject(CdkRadioGroup);
+  /** The parent RadioGroup. */
+  private readonly _RadioGroup = inject(RadioGroup);
 
   /** A unique identifier for the radio button. */
-  private readonly _generatedId = inject(_IdGenerator).getId('cdk-radio-button-');
+  private readonly _generatedId = inject(_IdGenerator).getId('radio-button-');
 
   /** A unique identifier for the radio button. */
   readonly id = computed(() => this._generatedId);
@@ -230,7 +230,7 @@ export class CdkRadioButton<V> {
   readonly value = input.required<V>();
 
   /** The parent RadioGroup UIPattern. */
-  readonly group = computed(() => this._cdkRadioGroup.pattern);
+  readonly group = computed(() => this._RadioGroup.pattern);
 
   /** A reference to the radio button element to be focused on navigation. */
   element = computed(() => this._elementRef.nativeElement);
diff --git a/src/cdk-experimental/tabs/BUILD.bazel b/src/aria/tabs/BUILD.bazel
similarity index 88%
rename from src/cdk-experimental/tabs/BUILD.bazel
rename to src/aria/tabs/BUILD.bazel
index dd0315226401..d07407df378b 100644
--- a/src/cdk-experimental/tabs/BUILD.bazel
+++ b/src/aria/tabs/BUILD.bazel
@@ -11,8 +11,8 @@ ng_project(
     ],
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/deferred-content",
-        "//src/cdk-experimental/ui-patterns",
+        "//src/aria/deferred-content",
+        "//src/aria/ui-patterns",
         "//src/cdk/a11y",
         "//src/cdk/bidi",
     ],
diff --git a/src/cdk-experimental/toolbar/index.ts b/src/aria/tabs/index.ts
similarity index 100%
rename from src/cdk-experimental/toolbar/index.ts
rename to src/aria/tabs/index.ts
diff --git a/src/cdk-experimental/tabs/public-api.ts b/src/aria/tabs/public-api.ts
similarity index 71%
rename from src/cdk-experimental/tabs/public-api.ts
rename to src/aria/tabs/public-api.ts
index d20ff696d48f..7e81afdec8d6 100644
--- a/src/cdk-experimental/tabs/public-api.ts
+++ b/src/aria/tabs/public-api.ts
@@ -6,4 +6,4 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-export {CdkTabs, CdkTabList, CdkTab, CdkTabPanel, CdkTabContent} from './tabs';
+export {Tabs, TabList, Tab, TabPanel, TabContent} from './tabs';
diff --git a/src/cdk-experimental/tabs/tabs.spec.ts b/src/aria/tabs/tabs.spec.ts
similarity index 97%
rename from src/cdk-experimental/tabs/tabs.spec.ts
rename to src/aria/tabs/tabs.spec.ts
index e341089fa9ac..a3f48e8e741d 100644
--- a/src/cdk-experimental/tabs/tabs.spec.ts
+++ b/src/aria/tabs/tabs.spec.ts
@@ -3,7 +3,7 @@ import {ComponentFixture, TestBed} from '@angular/core/testing';
 import {By} from '@angular/platform-browser';
 import {Direction} from '@angular/cdk/bidi';
 import {provideFakeDirectionality, runAccessibilityChecks} from '@angular/cdk/testing/private';
-import {CdkTabs, CdkTabList, CdkTab, CdkTabPanel, CdkTabContent} from './tabs';
+import {Tabs, TabList, Tab, TabPanel, TabContent} from './tabs';
 
 interface ModifierKeys {
   ctrlKey?: boolean;
@@ -19,7 +19,7 @@ interface TestTabDefinition {
   disabled?: boolean;
 }
 
-describe('CdkTabs', () => {
+describe('Tabs', () => {
   let fixture: ComponentFixture<TestTabsComponent>;
   let testComponent: TestTabsComponent;
 
@@ -98,10 +98,10 @@ describe('CdkTabs', () => {
   }
 
   function defineTestVariables() {
-    tabsDebugElement = fixture.debugElement.query(By.directive(CdkTabs));
-    tabListDebugElement = fixture.debugElement.query(By.directive(CdkTabList));
-    tabDebugElements = fixture.debugElement.queryAll(By.directive(CdkTab));
-    tabPanelDebugElements = fixture.debugElement.queryAll(By.directive(CdkTabPanel));
+    tabsDebugElement = fixture.debugElement.query(By.directive(Tabs));
+    tabListDebugElement = fixture.debugElement.query(By.directive(TabList));
+    tabDebugElements = fixture.debugElement.queryAll(By.directive(Tab));
+    tabPanelDebugElements = fixture.debugElement.queryAll(By.directive(TabPanel));
 
     tabsElement = tabsDebugElement.nativeElement;
     tabListElement = tabListDebugElement.nativeElement;
@@ -135,7 +135,7 @@ describe('CdkTabs', () => {
       });
     });
 
-    describe('CdkTabList', () => {
+    describe('TabList', () => {
       it('should have role="tablist"', () => {
         expect(tabListElement.getAttribute('role')).toBe('tablist');
       });
@@ -171,7 +171,7 @@ describe('CdkTabs', () => {
       });
     });
 
-    describe('CdkTab', () => {
+    describe('Tab', () => {
       it('should have role="tab"', () => {
         tabElements.forEach(tabElement => {
           expect(tabElement.getAttribute('role')).toBe('tab');
@@ -215,7 +215,7 @@ describe('CdkTabs', () => {
       });
     });
 
-    describe('CdkTabPanel', () => {
+    describe('TabPanel', () => {
       it('should have role="tabpanel"', () => {
         tabPanelElements.forEach(panelElement => {
           expect(panelElement.getAttribute('role')).toBe('tabpanel');
@@ -674,9 +674,9 @@ describe('CdkTabs', () => {
 
 @Component({
   template: `
-    <div cdkTabs>
-      <ul cdkTabList
-          [(tab)]="selectedTab"
+    <div tabs>
+      <ul tabList
+          [(selectedTab)]="selectedTab"
           [orientation]="orientation()"
           [disabled]="disabled()"
           [wrap]="wrap()"
@@ -684,18 +684,18 @@ describe('CdkTabs', () => {
           [focusMode]="focusMode()"
           [selectionMode]="selectionMode()">
         @for (tabDef of tabsData(); track tabDef.value) {
-          <li cdkTab [value]="tabDef.value" [disabled]="!!tabDef.disabled">{{ tabDef.label }}</li>
+          <li tab [value]="tabDef.value" [disabled]="!!tabDef.disabled">{{ tabDef.label }}</li>
         }
       </ul>
 
       @for (tabDef of tabsData(); track tabDef.value) {
-        <div cdkTabPanel [value]="tabDef.value">
-          <ng-template cdkTabContent>{{ tabDef.content }}</ng-template>
+        <div tabPanel [value]="tabDef.value">
+          <ng-template tabContent>{{ tabDef.content }}</ng-template>
         </div>
       }
     </div>
   `,
-  imports: [CdkTabs, CdkTabList, CdkTab, CdkTabPanel, CdkTabContent],
+  imports: [Tabs, TabList, Tab, TabPanel, TabContent],
 })
 class TestTabsComponent {
   tabsData = signal<TestTabDefinition[]>([
diff --git a/src/cdk-experimental/tabs/tabs.ts b/src/aria/tabs/tabs.ts
similarity index 66%
rename from src/cdk-experimental/tabs/tabs.ts
rename to src/aria/tabs/tabs.ts
index 3c1743461dbc..ef59713e6858 100644
--- a/src/cdk-experimental/tabs/tabs.ts
+++ b/src/aria/tabs/tabs.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {DeferredContent, DeferredContentAware} from '@angular/cdk-experimental/deferred-content';
+import {DeferredContent, DeferredContentAware} from '@angular/aria/deferred-content';
 import {_IdGenerator} from '@angular/cdk/a11y';
 import {Directionality} from '@angular/cdk/bidi';
 import {
@@ -24,7 +24,7 @@ import {
   OnInit,
   OnDestroy,
 } from '@angular/core';
-import {TabListPattern, TabPanelPattern, TabPattern} from '../ui-patterns';
+import {TabListPattern, TabPanelPattern, TabPattern} from '@angular/aria/ui-patterns';
 
 interface HasElement {
   element: Signal<HTMLElement>;
@@ -42,41 +42,41 @@ function sortDirectives(a: HasElement, b: HasElement) {
 /**
  * A Tabs container.
  *
- * Represents a set of layered sections of content. The CdkTabs is a container meant to be used with
- * CdkTabList, CdkTab, and CdkTabPanel as follows:
+ * Represents a set of layered sections of content. The Tabs is a container meant to be used with
+ * TabList, Tab, and TabPanel as follows:
  *
  * ```html
- * <div cdkTabs>
- *   <ul cdkTabList>
- *     <li cdkTab value="tab1">Tab 1</li>
- *     <li cdkTab value="tab2">Tab 2</li>
- *     <li cdkTab value="tab3">Tab 3</li>
+ * <div tabs>
+ *   <ul tabList>
+ *     <li tab value="tab1">Tab 1</li>
+ *     <li tab value="tab2">Tab 2</li>
+ *     <li tab value="tab3">Tab 3</li>
  *   </ul>
  *
- *   <div cdkTabPanel value="tab1">
- *      <ng-template cdkTabContent>Tab content 1</ng-template>
+ *   <div tabPanel value="tab1">
+ *      <ng-template tabContent>Tab content 1</ng-template>
  *   </div>
- *   <div cdkTabPanel value="tab2">
- *      <ng-template cdkTabContent>Tab content 2</ng-template>
+ *   <div tabPanel value="tab2">
+ *      <ng-template tabContent>Tab content 2</ng-template>
  *   </div>
- *   <div cdkTabPanel value="tab3">
- *      <ng-template cdkTabContent>Tab content 3</ng-template>
+ *   <div tabPanel value="tab3">
+ *      <ng-template tabContent>Tab content 3</ng-template>
  *   </div>
  * ```
  */
 @Directive({
-  selector: '[cdkTabs]',
-  exportAs: 'cdkTabs',
+  selector: '[tabs]',
+  exportAs: 'tabs',
   host: {
-    'class': 'cdk-tabs',
+    'class': 'tabs',
   },
 })
-export class CdkTabs {
-  /** The CdkTabList nested inside of the container. */
-  private readonly _tablist = signal<CdkTabList | undefined>(undefined);
+export class Tabs {
+  /** The TabList nested inside of the container. */
+  private readonly _tablist = signal<TabList | undefined>(undefined);
 
-  /** The CdkTabPanels nested inside of the container. */
-  private readonly _unorderedPanels = signal(new Set<CdkTabPanel>());
+  /** The TabPanels nested inside of the container. */
+  private readonly _unorderedPanels = signal(new Set<TabPanel>());
 
   /** The Tab UIPattern of the child Tabs. */
   tabs = computed(() => this._tablist()?.tabs());
@@ -86,23 +86,23 @@ export class CdkTabs {
     [...this._unorderedPanels()].map(tabpanel => tabpanel.pattern),
   );
 
-  register(child: CdkTabList | CdkTabPanel) {
-    if (child instanceof CdkTabList) {
+  register(child: TabList | TabPanel) {
+    if (child instanceof TabList) {
       this._tablist.set(child);
     }
 
-    if (child instanceof CdkTabPanel) {
+    if (child instanceof TabPanel) {
       this._unorderedPanels().add(child);
       this._unorderedPanels.set(new Set(this._unorderedPanels()));
     }
   }
 
-  deregister(child: CdkTabList | CdkTabPanel) {
-    if (child instanceof CdkTabList) {
+  deregister(child: TabList | TabPanel) {
+    if (child instanceof TabList) {
       this._tablist.set(undefined);
     }
 
-    if (child instanceof CdkTabPanel) {
+    if (child instanceof TabPanel) {
       this._unorderedPanels().delete(child);
       this._unorderedPanels.set(new Set(this._unorderedPanels()));
     }
@@ -112,14 +112,14 @@ export class CdkTabs {
 /**
  * A TabList container.
  *
- * Controls a list of CdkTab(s).
+ * Controls a list of Tab(s).
  */
 @Directive({
-  selector: '[cdkTabList]',
-  exportAs: 'cdkTabList',
+  selector: '[tabList]',
+  exportAs: 'tabList',
   host: {
     'role': 'tablist',
-    'class': 'cdk-tablist',
+    'class': 'tablist',
     '[attr.tabindex]': 'pattern.tabindex()',
     '[attr.aria-disabled]': 'pattern.disabled()',
     '[attr.aria-orientation]': 'pattern.orientation()',
@@ -129,18 +129,20 @@ export class CdkTabs {
     '(focusin)': 'onFocus()',
   },
 })
-export class CdkTabList implements OnInit, OnDestroy {
+export class TabList implements OnInit, OnDestroy {
   /** A reference to the tab list element. */
   private readonly _elementRef = inject(ElementRef);
 
-  /** The parent CdkTabs. */
-  private readonly _cdkTabs = inject(CdkTabs);
+  /** The parent Tabs. */
+  private readonly _Tabs = inject(Tabs);
 
-  /** The CdkTabs nested inside of the CdkTabList. */
-  private readonly _unorderedTabs = signal(new Set<CdkTab>());
+  /** The Tabs nested inside of the TabList. */
+  private readonly _unorderedTabs = signal(new Set<Tab>());
 
   /** The internal tab selection state. */
-  private readonly _selection = linkedSignal(() => (this.tab() ? [this.tab()!] : []));
+  private readonly _selection = linkedSignal(() =>
+    this.selectedTab() ? [this.selectedTab()!] : [],
+  );
 
   /** Text direction. */
   readonly textDirection = inject(Directionality).valueSignal;
@@ -169,7 +171,7 @@ export class CdkTabList implements OnInit, OnDestroy {
   readonly disabled = input(false, {transform: booleanAttribute});
 
   /** The current selected tab. */
-  readonly tab = model<string | undefined>();
+  readonly selectedTab = model<string | undefined>();
 
   /** The TabList UIPattern. */
   readonly pattern: TabListPattern = new TabListPattern({
@@ -184,7 +186,7 @@ export class CdkTabList implements OnInit, OnDestroy {
   private _hasFocused = signal(false);
 
   constructor() {
-    afterRenderEffect(() => this.tab.set(this._selection()[0]));
+    afterRenderEffect(() => this.selectedTab.set(this._selection()[0]));
 
     afterRenderEffect(() => {
       if (!this._hasFocused()) {
@@ -198,19 +200,19 @@ export class CdkTabList implements OnInit, OnDestroy {
   }
 
   ngOnInit() {
-    this._cdkTabs.register(this);
+    this._Tabs.register(this);
   }
 
   ngOnDestroy() {
-    this._cdkTabs.deregister(this);
+    this._Tabs.deregister(this);
   }
 
-  register(child: CdkTab) {
+  register(child: Tab) {
     this._unorderedTabs().add(child);
     this._unorderedTabs.set(new Set(this._unorderedTabs()));
   }
 
-  deregister(child: CdkTab) {
+  deregister(child: Tab) {
     this._unorderedTabs().delete(child);
     this._unorderedTabs.set(new Set(this._unorderedTabs()));
   }
@@ -218,12 +220,12 @@ export class CdkTabList implements OnInit, OnDestroy {
 
 /** A selectable tab in a TabList. */
 @Directive({
-  selector: '[cdkTab]',
-  exportAs: 'cdkTab',
+  selector: '[tab]',
+  exportAs: 'tab',
   host: {
     'role': 'tab',
-    'class': 'cdk-tab',
-    '[class.cdk-active]': 'pattern.active()',
+    'class': 'tab',
+    '[attr.data-active]': 'pattern.active()',
     '[attr.id]': 'pattern.id()',
     '[attr.tabindex]': 'pattern.tabindex()',
     '[attr.aria-selected]': 'pattern.selected()',
@@ -231,28 +233,28 @@ export class CdkTabList implements OnInit, OnDestroy {
     '[attr.aria-controls]': 'pattern.controls()',
   },
 })
-export class CdkTab implements HasElement, OnInit, OnDestroy {
+export class Tab implements HasElement, OnInit, OnDestroy {
   /** A reference to the tab element. */
   private readonly _elementRef = inject(ElementRef);
 
-  /** The parent CdkTabs. */
-  private readonly _cdkTabs = inject(CdkTabs);
+  /** The parent Tabs. */
+  private readonly _Tabs = inject(Tabs);
 
-  /** The parent CdkTabList. */
-  private readonly _cdkTabList = inject(CdkTabList);
+  /** The parent TabList. */
+  private readonly _TabList = inject(TabList);
 
   /** A global unique identifier for the tab. */
-  private readonly _id = inject(_IdGenerator).getId('cdk-tab-');
+  private readonly _id = inject(_IdGenerator).getId('tab-');
 
   /** The host native element. */
   readonly element = computed(() => this._elementRef.nativeElement);
 
   /** The parent TabList UIPattern. */
-  readonly tablist = computed(() => this._cdkTabList.pattern);
+  readonly tablist = computed(() => this._TabList.pattern);
 
   /** The TabPanel UIPattern associated with the tab */
   readonly tabpanel = computed(() =>
-    this._cdkTabs.unorderedTabpanels().find(tabpanel => tabpanel.value() === this.value()),
+    this._Tabs.unorderedTabpanels().find(tabpanel => tabpanel.value() === this.value()),
   );
 
   /** Whether a tab is disabled. */
@@ -271,11 +273,11 @@ export class CdkTab implements HasElement, OnInit, OnDestroy {
   });
 
   ngOnInit() {
-    this._cdkTabList.register(this);
+    this._TabList.register(this);
   }
 
   ngOnDestroy() {
-    this._cdkTabList.deregister(this);
+    this._TabList.deregister(this);
   }
 }
 
@@ -288,11 +290,11 @@ export class CdkTab implements HasElement, OnInit, OnDestroy {
  * and a proper styling is required.
  */
 @Directive({
-  selector: '[cdkTabPanel]',
-  exportAs: 'cdkTabPanel',
+  selector: '[tabPanel]',
+  exportAs: 'tabPanel',
   host: {
     'role': 'tabpanel',
-    'class': 'cdk-tabpanel',
+    'class': 'tabpanel',
     '[attr.id]': 'pattern.id()',
     '[attr.tabindex]': 'pattern.tabindex()',
     '[attr.inert]': 'pattern.hidden() ? true : null',
@@ -305,18 +307,18 @@ export class CdkTab implements HasElement, OnInit, OnDestroy {
     },
   ],
 })
-export class CdkTabPanel implements OnInit, OnDestroy {
+export class TabPanel implements OnInit, OnDestroy {
   /** The DeferredContentAware host directive. */
   private readonly _deferredContentAware = inject(DeferredContentAware);
 
-  /** The parent CdkTabs. */
-  private readonly _cdkTabs = inject(CdkTabs);
+  /** The parent Tabs. */
+  private readonly _Tabs = inject(Tabs);
 
   /** A global unique identifier for the tab. */
-  private readonly _id = inject(_IdGenerator).getId('cdk-tabpanel-');
+  private readonly _id = inject(_IdGenerator).getId('tabpanel-');
 
   /** The Tab UIPattern associated with the tabpanel */
-  readonly tab = computed(() => this._cdkTabs.tabs()?.find(tab => tab.value() === this.value()));
+  readonly tab = computed(() => this._Tabs.tabs()?.find(tab => tab.value() === this.value()));
 
   /** A local unique identifier for the tabpanel. */
   readonly value = input.required<string>();
@@ -333,11 +335,11 @@ export class CdkTabPanel implements OnInit, OnDestroy {
   }
 
   ngOnInit() {
-    this._cdkTabs.register(this);
+    this._Tabs.register(this);
   }
 
   ngOnDestroy() {
-    this._cdkTabs.deregister(this);
+    this._Tabs.deregister(this);
   }
 }
 
@@ -345,8 +347,8 @@ export class CdkTabPanel implements OnInit, OnDestroy {
  * A TabContent container for the lazy-loaded content.
  */
 @Directive({
-  selector: 'ng-template[cdkTabContent]',
-  exportAs: 'cdTabContent',
+  selector: 'ng-template[tabContent]',
+  exportAs: 'tabContent',
   hostDirectives: [DeferredContent],
 })
-export class CdkTabContent {}
+export class TabContent {}
diff --git a/src/cdk-experimental/toolbar/BUILD.bazel b/src/aria/toolbar/BUILD.bazel
similarity index 94%
rename from src/cdk-experimental/toolbar/BUILD.bazel
rename to src/aria/toolbar/BUILD.bazel
index 86ede70e5285..adca3e19b5ea 100644
--- a/src/cdk-experimental/toolbar/BUILD.bazel
+++ b/src/aria/toolbar/BUILD.bazel
@@ -10,7 +10,7 @@ ng_project(
     ),
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns",
+        "//src/aria/ui-patterns",
         "//src/cdk/a11y",
         "//src/cdk/bidi",
     ],
diff --git a/src/cdk-experimental/tree/index.ts b/src/aria/toolbar/index.ts
similarity index 100%
rename from src/cdk-experimental/tree/index.ts
rename to src/aria/toolbar/index.ts
diff --git a/src/aria/toolbar/public-api.ts b/src/aria/toolbar/public-api.ts
new file mode 100644
index 000000000000..9cb6bc9fb4ee
--- /dev/null
+++ b/src/aria/toolbar/public-api.ts
@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+
+export {Toolbar, ToolbarWidget, ToolbarWidgetGroup} from './toolbar';
diff --git a/src/cdk-experimental/toolbar/toolbar.spec.ts b/src/aria/toolbar/toolbar.spec.ts
similarity index 93%
rename from src/cdk-experimental/toolbar/toolbar.spec.ts
rename to src/aria/toolbar/toolbar.spec.ts
index 70a390fdf87a..300e30235814 100644
--- a/src/cdk-experimental/toolbar/toolbar.spec.ts
+++ b/src/aria/toolbar/toolbar.spec.ts
@@ -3,7 +3,7 @@ import {ComponentFixture, TestBed} from '@angular/core/testing';
 import {By} from '@angular/platform-browser';
 import {Direction} from '@angular/cdk/bidi';
 import {provideFakeDirectionality} from '@angular/cdk/testing/private';
-import {CdkToolbar, CdkToolbarWidget, CdkToolbarWidgetGroup} from './toolbar';
+import {Toolbar, ToolbarWidget, ToolbarWidgetGroup} from './toolbar';
 
 interface ModifierKeys {
   ctrlKey?: boolean;
@@ -12,7 +12,7 @@ interface ModifierKeys {
   metaKey?: boolean;
 }
 
-describe('CdkToolbar', () => {
+describe('Toolbar', () => {
   let fixture: ComponentFixture<TestToolbarComponent>;
   let testComponent: TestToolbarComponent;
   let toolbarElement: HTMLElement;
@@ -44,7 +44,7 @@ describe('CdkToolbar', () => {
 
   function setupTestToolbar(textDirection: Direction = 'ltr') {
     TestBed.configureTestingModule({
-      imports: [CdkToolbar, CdkToolbarWidget, CdkToolbarWidgetGroup, TestToolbarComponent],
+      imports: [Toolbar, ToolbarWidget, ToolbarWidgetGroup, TestToolbarComponent],
       providers: [provideFakeDirectionality(textDirection)],
     });
 
@@ -56,7 +56,7 @@ describe('CdkToolbar', () => {
   }
 
   function defineTestVariables() {
-    const toolbarDebugElement = fixture.debugElement.query(By.directive(CdkToolbar));
+    const toolbarDebugElement = fixture.debugElement.query(By.directive(Toolbar));
     const widgetDebugElements = fixture.debugElement.queryAll(By.css('[data-value="widget"]'));
     const testWidgetGroupElement = fixture.debugElement.query(By.directive(TestToolbarWidgetGroup));
 
@@ -91,7 +91,7 @@ describe('CdkToolbar', () => {
         setupTestToolbar();
       });
 
-      it('should correctly set the role attribute to "toolbar" for CdkToolbar', () => {
+      it('should correctly set the role attribute to "toolbar" for Toolbar', () => {
         expect(toolbarElement.getAttribute('role')).toBe('toolbar');
       });
 
@@ -284,7 +284,7 @@ describe('CdkToolbar', () => {
     describe('LTR', () => {
       beforeEach(() => {
         setupTestToolbar('ltr');
-        const widgetGroupElement = testWidgetGroupInstance.cdkToolbarWidgetGroup.element();
+        const widgetGroupElement = testWidgetGroupInstance.toolbarWidgetGroup.element();
         click(widgetGroupElement);
         testWidgetGroupInstance.lastAction.set(undefined);
       });
@@ -376,7 +376,7 @@ describe('CdkToolbar', () => {
       });
 
       it('should call "goto" on click', () => {
-        click(testWidgetGroupInstance.cdkToolbarWidgetGroup.element());
+        click(testWidgetGroupInstance.toolbarWidgetGroup.element());
         expect(testWidgetGroupInstance.lastAction()).toBe('goto');
       });
     });
@@ -384,7 +384,7 @@ describe('CdkToolbar', () => {
     describe('RTL', () => {
       beforeEach(() => {
         setupTestToolbar('rtl');
-        const widgetGroupElement = testWidgetGroupInstance.cdkToolbarWidgetGroup.element();
+        const widgetGroupElement = testWidgetGroupInstance.toolbarWidgetGroup.element();
         click(widgetGroupElement);
         testWidgetGroupInstance.lastAction.set(undefined);
         updateToolbar({orientation: 'horizontal'});
@@ -410,17 +410,17 @@ describe('CdkToolbar', () => {
   selector: 'testWidgetGroup',
   hostDirectives: [
     {
-      directive: CdkToolbarWidgetGroup,
+      directive: ToolbarWidgetGroup,
       inputs: ['disabled'],
     },
   ],
 })
 class TestToolbarWidgetGroup {
-  readonly cdkToolbarWidgetGroup = inject(CdkToolbarWidgetGroup);
+  readonly toolbarWidgetGroup = inject(ToolbarWidgetGroup);
   readonly lastAction = signal<string | undefined>(undefined);
 
   constructor() {
-    this.cdkToolbarWidgetGroup.controls.set({
+    this.toolbarWidgetGroup.controls.set({
       isOnFirstItem: () => false,
       isOnLastItem: () => false,
       next: wrap => {
@@ -454,19 +454,19 @@ class TestToolbarWidgetGroup {
 @Component({
   template: `
     <div
-      cdkToolbar
+      toolbar
       [orientation]="orientation()"
       [disabled]="disabled()"
       [wrap]="wrap()"
       [skipDisabled]="skipDisabled()"
     >
-      <button cdkToolbarWidget data-value="widget">Widget Button 1</button>
-      <button cdkToolbarWidget data-value="widget" [disabled]="true">Widget Button 2</button>
+      <button toolbarWidget data-value="widget">Widget Button 1</button>
+      <button toolbarWidget data-value="widget" [disabled]="true">Widget Button 2</button>
       <testWidgetGroup [disabled]="widgetGroupDisabled()"></testWidgetGroup>
-      <button cdkToolbarWidget data-value="widget">Widget Button 3</button>
+      <button toolbarWidget data-value="widget">Widget Button 3</button>
     </div>
   `,
-  imports: [CdkToolbar, CdkToolbarWidget, CdkToolbarWidgetGroup, TestToolbarWidgetGroup],
+  imports: [Toolbar, ToolbarWidget, ToolbarWidgetGroup, TestToolbarWidgetGroup],
 })
 class TestToolbarComponent {
   orientation = signal<'vertical' | 'horizontal'>('horizontal');
diff --git a/src/cdk-experimental/toolbar/toolbar.ts b/src/aria/toolbar/toolbar.ts
similarity index 70%
rename from src/cdk-experimental/toolbar/toolbar.ts
rename to src/aria/toolbar/toolbar.ts
index 41912fc7428d..9e1963b2c9f0 100644
--- a/src/cdk-experimental/toolbar/toolbar.ts
+++ b/src/aria/toolbar/toolbar.ts
@@ -24,7 +24,7 @@ import {
   ToolbarWidgetPattern,
   ToolbarWidgetGroupPattern,
   ToolbarWidgetGroupControls,
-} from '../ui-patterns';
+} from '@angular/aria/ui-patterns';
 import {Directionality} from '@angular/cdk/bidi';
 import {_IdGenerator} from '@angular/cdk/a11y';
 
@@ -45,26 +45,26 @@ function sortDirectives(a: HasElement, b: HasElement) {
  * A toolbar widget container.
  *
  * Widgets such as radio groups or buttons are nested within a toolbar to allow for a single
- * place of reference for focus and navigation. The CdkToolbar is meant to be used in conjunction
- * with CdkToolbarWidget and CdkRadioGroup as follows:
+ * place of reference for focus and navigation. The Toolbar is meant to be used in conjunction
+ * with ToolbarWidget and RadioGroup as follows:
  *
  * ```html
- * <div cdkToolbar>
- *  <button cdkToolbarWidget>Button</button>
- *  <div cdkRadioGroup>
- *    <label cdkRadioButton value="1">Option 1</label>
- *    <label cdkRadioButton value="2">Option 2</label>
- *    <label cdkRadioButton value="3">Option 3</label>
+ * <div toolbar>
+ *  <button toolbarWidget>Button</button>
+ *  <div radioGroup>
+ *    <label radioButton value="1">Option 1</label>
+ *    <label radioButton value="2">Option 2</label>
+ *    <label radioButton value="3">Option 3</label>
  *  </div>
  * </div>
  * ```
  */
 @Directive({
-  selector: '[cdkToolbar]',
-  exportAs: 'cdkToolbar',
+  selector: '[toolbar]',
+  exportAs: 'toolbar',
   host: {
     'role': 'toolbar',
-    'class': 'cdk-toolbar',
+    'class': 'toolbar',
     '[attr.tabindex]': 'pattern.tabindex()',
     '[attr.aria-disabled]': 'pattern.disabled()',
     '[attr.aria-orientation]': 'pattern.orientation()',
@@ -73,19 +73,19 @@ function sortDirectives(a: HasElement, b: HasElement) {
     '(focusin)': 'onFocus()',
   },
 })
-export class CdkToolbar<V> {
+export class Toolbar<V> {
   /** A reference to the toolbar element. */
   private readonly _elementRef = inject(ElementRef);
 
-  /** The CdkTabList nested inside of the container. */
-  private readonly _cdkWidgets = signal(new Set<CdkToolbarWidget<V> | CdkToolbarWidgetGroup<V>>());
+  /** The TabList nested inside of the container. */
+  private readonly _Widgets = signal(new Set<ToolbarWidget<V> | ToolbarWidgetGroup<V>>());
 
   /** A signal wrapper for directionality. */
   readonly textDirection = inject(Directionality).valueSignal;
 
   /** Sorted UIPatterns of the child widgets */
   readonly items = computed(() =>
-    [...this._cdkWidgets()].sort(sortDirectives).map(widget => widget.pattern),
+    [...this._Widgets()].sort(sortDirectives).map(widget => widget.pattern),
   );
 
   /** Whether the toolbar is vertically or horizontally oriented. */
@@ -133,25 +133,25 @@ export class CdkToolbar<V> {
     this._hasFocused.set(true);
   }
 
-  register(widget: CdkToolbarWidget<V> | CdkToolbarWidgetGroup<V>) {
-    const widgets = this._cdkWidgets();
+  register(widget: ToolbarWidget<V> | ToolbarWidgetGroup<V>) {
+    const widgets = this._Widgets();
     if (!widgets.has(widget)) {
       widgets.add(widget);
-      this._cdkWidgets.set(new Set(widgets));
+      this._Widgets.set(new Set(widgets));
     }
   }
 
-  unregister(widget: CdkToolbarWidget<V> | CdkToolbarWidgetGroup<V>) {
-    const widgets = this._cdkWidgets();
+  unregister(widget: ToolbarWidget<V> | ToolbarWidgetGroup<V>) {
+    const widgets = this._Widgets();
     if (widgets.delete(widget)) {
-      this._cdkWidgets.set(new Set(widgets));
+      this._Widgets.set(new Set(widgets));
     }
   }
 
   /** Finds the toolbar item associated with a given element. */
   private _getItem(element: Element) {
-    const widgetTarget = element.closest('.cdk-toolbar-widget');
-    const groupTarget = element.closest('.cdk-toolbar-widget-group');
+    const widgetTarget = element.closest('.toolbar-widget');
+    const groupTarget = element.closest('.toolbar-widget-group');
     return this.items().find(
       widget => widget.element() === widgetTarget || widget.element() === groupTarget,
     );
@@ -165,11 +165,11 @@ export class CdkToolbar<V> {
  * that has the purpose of acting as a widget navigatable within a toolbar.
  */
 @Directive({
-  selector: '[cdkToolbarWidget]',
-  exportAs: 'cdkToolbarWidget',
+  selector: '[toolbarWidget]',
+  exportAs: 'toolbarWidget',
   host: {
-    'class': 'cdk-toolbar-widget',
-    '[class.cdk-active]': 'pattern.active()',
+    'class': 'toolbar-widget',
+    '[attr.data-active]': 'pattern.active()',
     '[attr.tabindex]': 'pattern.tabindex()',
     '[attr.inert]': 'hardDisabled() ? true : null',
     '[attr.disabled]': 'hardDisabled() ? true : null',
@@ -177,21 +177,21 @@ export class CdkToolbar<V> {
     '[id]': 'pattern.id()',
   },
 })
-export class CdkToolbarWidget<V> implements OnInit, OnDestroy {
+export class ToolbarWidget<V> implements OnInit, OnDestroy {
   /** A reference to the widget element. */
   private readonly _elementRef = inject(ElementRef);
 
-  /** The parent CdkToolbar. */
-  private readonly _cdkToolbar = inject(CdkToolbar);
+  /** The parent Toolbar. */
+  private readonly _Toolbar = inject(Toolbar);
 
   /** A unique identifier for the widget. */
-  private readonly _generatedId = inject(_IdGenerator).getId('cdk-toolbar-widget-');
+  private readonly _generatedId = inject(_IdGenerator).getId('toolbar-widget-');
 
   /** A unique identifier for the widget. */
   readonly id = computed(() => this._generatedId);
 
   /** The parent Toolbar UIPattern. */
-  readonly toolbar = computed(() => this._cdkToolbar.pattern);
+  readonly toolbar = computed(() => this._Toolbar.pattern);
 
   /** A reference to the widget element to be focused on navigation. */
   readonly element = computed(() => this._elementRef.nativeElement);
@@ -200,24 +200,22 @@ export class CdkToolbarWidget<V> implements OnInit, OnDestroy {
   readonly disabled = input(false, {transform: booleanAttribute});
 
   /** Whether the widget is 'hard' disabled, which is different from `aria-disabled`. A hard disabled widget cannot receive focus. */
-  readonly hardDisabled = computed(
-    () => this.pattern.disabled() && this._cdkToolbar.skipDisabled(),
-  );
+  readonly hardDisabled = computed(() => this.pattern.disabled() && this._Toolbar.skipDisabled());
 
   /** The ToolbarWidget UIPattern. */
   readonly pattern = new ToolbarWidgetPattern<V>({
     ...this,
     id: this.id,
     element: this.element,
-    disabled: computed(() => this._cdkToolbar.disabled() || this.disabled()),
+    disabled: computed(() => this._Toolbar.disabled() || this.disabled()),
   });
 
   ngOnInit() {
-    this._cdkToolbar.register(this);
+    this._Toolbar.register(this);
   }
 
   ngOnDestroy() {
-    this._cdkToolbar.unregister(this);
+    this._Toolbar.unregister(this);
   }
 }
 
@@ -227,24 +225,24 @@ export class CdkToolbarWidget<V> implements OnInit, OnDestroy {
  */
 @Directive({
   host: {
-    '[class.cdk-toolbar-widget-group]': '!!toolbar()',
+    '[class.toolbar-widget-group]': '!!toolbar()',
   },
 })
-export class CdkToolbarWidgetGroup<V> implements OnInit, OnDestroy {
+export class ToolbarWidgetGroup<V> implements OnInit, OnDestroy {
   /** A reference to the widget element. */
   private readonly _elementRef = inject(ElementRef);
 
-  /** The parent CdkToolbar. */
-  private readonly _cdkToolbar = inject(CdkToolbar, {optional: true});
+  /** The parent Toolbar. */
+  private readonly _Toolbar = inject(Toolbar, {optional: true});
 
   /** A unique identifier for the widget. */
-  private readonly _generatedId = inject(_IdGenerator).getId('cdk-toolbar-widget-group-');
+  private readonly _generatedId = inject(_IdGenerator).getId('toolbar-widget-group-');
 
   /** A unique identifier for the widget. */
   readonly id = computed(() => this._generatedId);
 
   /** The parent Toolbar UIPattern. */
-  readonly toolbar = computed(() => this._cdkToolbar?.pattern);
+  readonly toolbar = computed(() => this._Toolbar?.pattern);
 
   /** A reference to the widget element to be focused on navigation. */
   readonly element = computed(() => this._elementRef.nativeElement);
@@ -263,10 +261,10 @@ export class CdkToolbarWidgetGroup<V> implements OnInit, OnDestroy {
   });
 
   ngOnInit() {
-    this._cdkToolbar?.register(this);
+    this._Toolbar?.register(this);
   }
 
   ngOnDestroy() {
-    this._cdkToolbar?.unregister(this);
+    this._Toolbar?.unregister(this);
   }
 }
diff --git a/src/cdk-experimental/tree/BUILD.bazel b/src/aria/tree/BUILD.bazel
similarity index 84%
rename from src/cdk-experimental/tree/BUILD.bazel
rename to src/aria/tree/BUILD.bazel
index eb097a7d557f..332a66fa046f 100644
--- a/src/cdk-experimental/tree/BUILD.bazel
+++ b/src/aria/tree/BUILD.bazel
@@ -11,9 +11,9 @@ ng_project(
     ],
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/combobox",
-        "//src/cdk-experimental/deferred-content",
-        "//src/cdk-experimental/ui-patterns",
+        "//src/aria/combobox",
+        "//src/aria/deferred-content",
+        "//src/aria/ui-patterns",
         "//src/cdk/a11y",
         "//src/cdk/bidi",
     ],
diff --git a/src/cdk-experimental/ui-patterns/index.ts b/src/aria/tree/index.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/index.ts
rename to src/aria/tree/index.ts
diff --git a/src/aria/tree/public-api.ts b/src/aria/tree/public-api.ts
new file mode 100644
index 000000000000..d441721cb5d7
--- /dev/null
+++ b/src/aria/tree/public-api.ts
@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+
+export {TreeItemGroup, TreeItemGroupContent, Tree, TreeItem} from './tree';
diff --git a/src/cdk-experimental/tree/tree.spec.ts b/src/aria/tree/tree.spec.ts
similarity index 98%
rename from src/cdk-experimental/tree/tree.spec.ts
rename to src/aria/tree/tree.spec.ts
index faab445b0375..051c56573415 100644
--- a/src/cdk-experimental/tree/tree.spec.ts
+++ b/src/aria/tree/tree.spec.ts
@@ -4,7 +4,7 @@ import {ComponentFixture, TestBed} from '@angular/core/testing';
 import {By} from '@angular/platform-browser';
 import {Direction} from '@angular/cdk/bidi';
 import {provideFakeDirectionality, runAccessibilityChecks} from '@angular/cdk/testing/private';
-import {CdkTree, CdkTreeItem, CdkTreeItemGroup, CdkTreeItemGroupContent} from './tree';
+import {Tree, TreeItem, TreeItemGroup, TreeItemGroupContent} from './tree';
 
 interface ModifierKeys {
   ctrlKey?: boolean;
@@ -13,11 +13,11 @@ interface ModifierKeys {
   metaKey?: boolean;
 }
 
-describe('CdkTree', () => {
+describe('Tree', () => {
   let fixture: ComponentFixture<TestTreeComponent>;
   let testComponent: TestTreeComponent;
   let treeElement: HTMLElement;
-  let treeInstance: CdkTree<string>;
+  let treeInstance: Tree<string>;
   let treeItemElements: HTMLElement[];
   let treeItemGroupElements: HTMLElement[];
 
@@ -65,14 +65,12 @@ describe('CdkTree', () => {
   }
 
   function defineTestVariables() {
-    const treeDebugElement = fixture.debugElement.query(By.directive(CdkTree));
-    const treeItemDebugElements = fixture.debugElement.queryAll(By.directive(CdkTreeItem));
-    const treeItemGroupDebugElements = fixture.debugElement.queryAll(
-      By.directive(CdkTreeItemGroup),
-    );
+    const treeDebugElement = fixture.debugElement.query(By.directive(Tree));
+    const treeItemDebugElements = fixture.debugElement.queryAll(By.directive(TreeItem));
+    const treeItemGroupDebugElements = fixture.debugElement.queryAll(By.directive(TreeItemGroup));
 
     treeElement = treeDebugElement.nativeElement as HTMLElement;
-    treeInstance = treeDebugElement.componentInstance as CdkTree<string>;
+    treeInstance = treeDebugElement.componentInstance as Tree<string>;
     treeItemElements = treeItemDebugElements.map(debugEl => debugEl.nativeElement);
     treeItemGroupElements = treeItemGroupDebugElements.map(debugEl => debugEl.nativeElement);
   }
@@ -171,11 +169,11 @@ describe('CdkTree', () => {
         setupTestTree();
       });
 
-      it('should correctly set the role attribute to "tree" for CdkTree', () => {
+      it('should correctly set the role attribute to "tree" for Tree', () => {
         expect(treeElement.getAttribute('role')).toBe('tree');
       });
 
-      it('should correctly set the role attribute to "treeitem" for CdkTreeItem', () => {
+      it('should correctly set the role attribute to "treeitem" for TreeItem', () => {
         expandAll();
 
         expect(getTreeItemElementByValue('fruits')!.getAttribute('role')).toBe('treeitem');
@@ -189,7 +187,7 @@ describe('CdkTree', () => {
         expect(getTreeItemElementByValue('blueberry')!.getAttribute('role')).toBe('treeitem');
       });
 
-      it('should correctly set the role attribute to "group" for CdkTreeItemGroup', () => {
+      it('should correctly set the role attribute to "group" for TreeItemGroup', () => {
         expandAll();
 
         expect(getTreeItemGroupElementByValue('fruits')!.getAttribute('role')).toBe('group');
@@ -1331,7 +1329,7 @@ interface TestTreeNode<V = string> {
 @Component({
   template: `
     <ul
-      cdkTree
+      tree
       [focusMode]="focusMode()"
       [selectionMode]="selectionMode()"
       [multi]="multi()"
@@ -1342,7 +1340,7 @@ interface TestTreeNode<V = string> {
       [(value)]="value"
       [nav]="nav()"
       [currentType]="currentType()"
-      #tree="cdkTree"
+      #tree="tree"
     >
       @for (node of nodes(); track node.value) {
         <ng-template [ngTemplateOutlet]="nodeTemplate" [ngTemplateOutletContext]="{ node: node, parent: tree }" />
@@ -1351,22 +1349,22 @@ interface TestTreeNode<V = string> {
 
     <ng-template #nodeTemplate let-node="node" let-parent="parent">
       <li
-        cdkTreeItem
+        treeItem
         [value]="node.value"
         [label]="node.label"
         [disabled]="!!node.disabled"
         [parent]="parent"
         [attr.data-value]="node.value"
-        #treeItem="cdkTreeItem"
+        #treeItem="treeItem"
       >
         {{ node.label }}
         @if (node.children !== undefined && node.children!.length > 0) {
           <ul
-            cdkTreeItemGroup
+            treeItemGroup
             [ownedBy]="treeItem"
             [attr.data-group-for]="node.value"
-            #group="cdkTreeItemGroup">
-            <ng-template cdkTreeItemGroupContent>
+            #group="treeItemGroup">
+            <ng-template treeItemGroupContent>
               @for (node of node.children; track node.value) {
                 <ng-template [ngTemplateOutlet]="nodeTemplate" [ngTemplateOutletContext]="{ node: node, parent: group }" />
               }
@@ -1376,7 +1374,7 @@ interface TestTreeNode<V = string> {
       </li>
     </ng-template>
   `,
-  imports: [CdkTree, CdkTreeItem, CdkTreeItemGroup, CdkTreeItemGroupContent, NgTemplateOutlet],
+  imports: [Tree, TreeItem, TreeItemGroup, TreeItemGroupContent, NgTemplateOutlet],
 })
 class TestTreeComponent {
   nodes = signal<TestTreeNode[]>([
diff --git a/src/cdk-experimental/tree/tree.ts b/src/aria/tree/tree.ts
similarity index 77%
rename from src/cdk-experimental/tree/tree.ts
rename to src/aria/tree/tree.ts
index 68096f476681..cb93262d74a4 100644
--- a/src/cdk-experimental/tree/tree.ts
+++ b/src/aria/tree/tree.ts
@@ -23,9 +23,9 @@ import {
 } from '@angular/core';
 import {_IdGenerator} from '@angular/cdk/a11y';
 import {Directionality} from '@angular/cdk/bidi';
-import {DeferredContent, DeferredContentAware} from '@angular/cdk-experimental/deferred-content';
-import {ComboboxTreePattern, TreeItemPattern, TreePattern} from '../ui-patterns';
-import {CdkComboboxPopup} from '@angular/cdk-experimental/combobox';
+import {DeferredContent, DeferredContentAware} from '@angular/aria/deferred-content';
+import {ComboboxTreePattern, TreeItemPattern, TreePattern} from '@angular/aria/ui-patterns';
+import {ComboboxPopup} from '../combobox';
 
 interface HasElement {
   element: Signal<HTMLElement>;
@@ -46,26 +46,26 @@ function sortDirectives(a: HasElement, b: HasElement) {
  * Transforms nested lists into an accessible, ARIA-compliant tree structure.
  *
  * ```html
- * <ul cdkTree [(value)]="selectedItems" [multi]="true">
- *   <li cdkTreeItem [value]="'leaf1'">Leaf Item 1</li>
- *   <li cdkTreeItem [value]="'parent1'">
+ * <ul tree [(value)]="selectedItems" [multi]="true">
+ *   <li treeItem [value]="'leaf1'">Leaf Item 1</li>
+ *   <li treeItem [value]="'parent1'">
  *     Parent Item 1
- *     <ul cdkTreeItemGroup [value]="'parent1'">
- *       <ng-template cdkTreeItemGroupContent>
- *         <li cdkTreeItem [value]="'child1.1'">Child Item 1.1</li>
- *         <li cdkTreeItem [value]="'child1.2'">Child Item 1.2</li>
+ *     <ul treeItemGroup [value]="'parent1'">
+ *       <ng-template treeItemGroupContent>
+ *         <li treeItem [value]="'child1.1'">Child Item 1.1</li>
+ *         <li treeItem [value]="'child1.2'">Child Item 1.2</li>
  *       </ng-template>
  *     </ul>
  *   </li>
- *   <li cdkTreeItem [value]="'leaf2'" [disabled]="true">Disabled Leaf Item 2</li>
+ *   <li treeItem [value]="'leaf2'" [disabled]="true">Disabled Leaf Item 2</li>
  * </ul>
  * ```
  */
 @Directive({
-  selector: '[cdkTree]',
-  exportAs: 'cdkTree',
+  selector: '[tree]',
+  exportAs: 'tree',
   host: {
-    'class': 'cdk-tree',
+    'class': 'tree',
     'role': 'tree',
     '[attr.id]': 'id()',
     '[attr.aria-orientation]': 'pattern.orientation()',
@@ -77,26 +77,26 @@ function sortDirectives(a: HasElement, b: HasElement) {
     '(pointerdown)': 'pattern.onPointerdown($event)',
     '(focusin)': 'onFocus()',
   },
-  hostDirectives: [{directive: CdkComboboxPopup}],
+  hostDirectives: [{directive: ComboboxPopup}],
 })
-export class CdkTree<V> {
+export class Tree<V> {
   /** A unique identifier for the tree. */
-  private readonly _generatedId = inject(_IdGenerator).getId('cdk-tree-');
+  private readonly _generatedId = inject(_IdGenerator).getId('tree-');
 
   // TODO(wagnermaciel): https://github.com/angular/components/pull/30495#discussion_r1972601144.
   /** A unique identifier for the tree. */
   protected id = computed(() => this._generatedId);
 
   /** A reference to the parent combobox popup, if one exists. */
-  private readonly _popup = inject<CdkComboboxPopup<V>>(CdkComboboxPopup, {
+  private readonly _popup = inject<ComboboxPopup<V>>(ComboboxPopup, {
     optional: true,
   });
 
   /** A reference to the tree element. */
   private readonly _elementRef = inject(ElementRef);
 
-  /** All CdkTreeItem instances within this tree. */
-  private readonly _unorderedItems = signal(new Set<CdkTreeItem<V>>());
+  /** All TreeItem instances within this tree. */
+  private readonly _unorderedItems = signal(new Set<TreeItem<V>>());
 
   /** Orientation of the tree. */
   readonly orientation = input<'vertical' | 'horizontal'>('vertical');
@@ -191,12 +191,12 @@ export class CdkTree<V> {
     this._hasFocused.set(true);
   }
 
-  register(child: CdkTreeItem<V>) {
+  register(child: TreeItem<V>) {
     this._unorderedItems().add(child);
     this._unorderedItems.set(new Set(this._unorderedItems()));
   }
 
-  unregister(child: CdkTreeItem<V>) {
+  unregister(child: TreeItem<V>) {
     this._unorderedItems().delete(child);
     this._unorderedItems.set(new Set(this._unorderedItems()));
   }
@@ -206,11 +206,11 @@ export class CdkTree<V> {
  * A selectable and expandable Tree Item in a Tree.
  */
 @Directive({
-  selector: '[cdkTreeItem]',
-  exportAs: 'cdkTreeItem',
+  selector: '[treeItem]',
+  exportAs: 'treeItem',
   host: {
-    'class': 'cdk-treeitem',
-    '[class.cdk-active]': 'pattern.active()',
+    'class': 'treeitem',
+    '[attr.data-active]': 'pattern.active()',
     'role': 'treeitem',
     '[id]': 'pattern.id()',
     '[attr.aria-expanded]': 'pattern.expandable() ? pattern.expanded() : null',
@@ -224,15 +224,15 @@ export class CdkTree<V> {
     '[attr.tabindex]': 'pattern.tabindex()',
   },
 })
-export class CdkTreeItem<V> implements OnInit, OnDestroy, HasElement {
+export class TreeItem<V> implements OnInit, OnDestroy, HasElement {
   /** A reference to the tree item element. */
   private readonly _elementRef = inject(ElementRef);
 
   /** A unique identifier for the tree item. */
-  private readonly _id = inject(_IdGenerator).getId('cdk-tree-item-');
+  private readonly _id = inject(_IdGenerator).getId('tree-item-');
 
   /** The owned tree item group. */
-  private readonly _group = signal<CdkTreeItemGroup<V> | undefined>(undefined);
+  private readonly _group = signal<TreeItemGroup<V> | undefined>(undefined);
 
   /** The id of the owned group. */
   readonly ownsId = computed(() => this._group()?.id);
@@ -244,7 +244,7 @@ export class CdkTreeItem<V> implements OnInit, OnDestroy, HasElement {
   readonly value = input.required<V>();
 
   /** The parent tree root or tree item group. */
-  readonly parent = input.required<CdkTree<V> | CdkTreeItemGroup<V>>();
+  readonly parent = input.required<Tree<V> | TreeItemGroup<V>>();
 
   /** Whether the tree item is disabled. */
   readonly disabled = input(false, {transform: booleanAttribute});
@@ -256,11 +256,11 @@ export class CdkTreeItem<V> implements OnInit, OnDestroy, HasElement {
   readonly searchTerm = computed(() => this.label() ?? this.element().textContent);
 
   /** The tree root. */
-  readonly tree: Signal<CdkTree<V>> = computed(() => {
-    if (this.parent() instanceof CdkTree) {
-      return this.parent() as CdkTree<V>;
+  readonly tree: Signal<Tree<V>> = computed(() => {
+    if (this.parent() instanceof Tree) {
+      return this.parent() as Tree<V>;
     }
-    return (this.parent() as CdkTreeItemGroup<V>).ownedBy().tree();
+    return (this.parent() as TreeItemGroup<V>).ownedBy().tree();
   });
 
   /** The UI pattern for this item. */
@@ -279,10 +279,10 @@ export class CdkTreeItem<V> implements OnInit, OnDestroy, HasElement {
 
     const treePattern = computed(() => this.tree().pattern);
     const parentPattern = computed(() => {
-      if (this.parent() instanceof CdkTree) {
+      if (this.parent() instanceof Tree) {
         return treePattern();
       }
-      return (this.parent() as CdkTreeItemGroup<V>).ownedBy().pattern;
+      return (this.parent() as TreeItemGroup<V>).ownedBy().pattern;
     });
     this.pattern = new TreeItemPattern<V>({
       ...this,
@@ -293,7 +293,7 @@ export class CdkTreeItem<V> implements OnInit, OnDestroy, HasElement {
         () =>
           this._group()
             ?.children()
-            .map(item => (item as CdkTreeItem<V>).pattern) ?? [],
+            .map(item => (item as TreeItem<V>).pattern) ?? [],
       ),
       hasChildren: computed(() => !!this._group()),
     });
@@ -304,7 +304,7 @@ export class CdkTreeItem<V> implements OnInit, OnDestroy, HasElement {
     this.tree().unregister(this);
   }
 
-  register(group: CdkTreeItemGroup<V>) {
+  register(group: TreeItemGroup<V>) {
     this._group.set(group);
   }
 
@@ -317,8 +317,8 @@ export class CdkTreeItem<V> implements OnInit, OnDestroy, HasElement {
  * Container that designates content as a group.
  */
 @Directive({
-  selector: '[cdkTreeItemGroup]',
-  exportAs: 'cdkTreeItemGroup',
+  selector: '[treeItemGroup]',
+  exportAs: 'treeItemGroup',
   hostDirectives: [
     {
       directive: DeferredContentAware,
@@ -326,13 +326,13 @@ export class CdkTreeItem<V> implements OnInit, OnDestroy, HasElement {
     },
   ],
   host: {
-    'class': 'cdk-treeitem-group',
+    'class': 'treeitem-group',
     'role': 'group',
     '[id]': 'id',
     '[attr.inert]': 'visible() ? null : true',
   },
 })
-export class CdkTreeItemGroup<V> implements OnInit, OnDestroy, HasElement {
+export class TreeItemGroup<V> implements OnInit, OnDestroy, HasElement {
   /** A reference to the group element. */
   private readonly _elementRef = inject(ElementRef);
 
@@ -340,13 +340,13 @@ export class CdkTreeItemGroup<V> implements OnInit, OnDestroy, HasElement {
   private readonly _deferredContentAware = inject(DeferredContentAware);
 
   /** All groupable items that are descendants of the group. */
-  private readonly _unorderedItems = signal(new Set<CdkTreeItem<V>>());
+  private readonly _unorderedItems = signal(new Set<TreeItem<V>>());
 
   /** The host native element. */
   readonly element = computed(() => this._elementRef.nativeElement);
 
   /** Unique ID for the group. */
-  readonly id = inject(_IdGenerator).getId('cdk-tree-group-');
+  readonly id = inject(_IdGenerator).getId('tree-group-');
 
   /** Whether the group is visible. */
   readonly visible = signal(true);
@@ -355,7 +355,7 @@ export class CdkTreeItemGroup<V> implements OnInit, OnDestroy, HasElement {
   readonly children = computed(() => [...this._unorderedItems()].sort(sortDirectives));
 
   /** Tree item that owns the group. */
-  readonly ownedBy = input.required<CdkTreeItem<V>>();
+  readonly ownedBy = input.required<TreeItem<V>>();
 
   constructor() {
     this._deferredContentAware.preserveContent.set(true);
@@ -375,12 +375,12 @@ export class CdkTreeItemGroup<V> implements OnInit, OnDestroy, HasElement {
     this.ownedBy().unregister();
   }
 
-  register(child: CdkTreeItem<V>) {
+  register(child: TreeItem<V>) {
     this._unorderedItems().add(child);
     this._unorderedItems.set(new Set(this._unorderedItems()));
   }
 
-  unregister(child: CdkTreeItem<V>) {
+  unregister(child: TreeItem<V>) {
     this._unorderedItems().delete(child);
     this._unorderedItems.set(new Set(this._unorderedItems()));
   }
@@ -388,10 +388,10 @@ export class CdkTreeItemGroup<V> implements OnInit, OnDestroy, HasElement {
 
 /**
  * A structural directive that marks the `ng-template` to be used as the content
- * for a `CdkTreeItemGroup`. This content can be lazily loaded.
+ * for a `TreeItemGroup`. This content can be lazily loaded.
  */
 @Directive({
-  selector: 'ng-template[cdkTreeItemGroupContent]',
+  selector: 'ng-template[treeItemGroupContent]',
   hostDirectives: [DeferredContent],
 })
-export class CdkTreeItemGroupContent {}
+export class TreeItemGroupContent {}
diff --git a/src/aria/tsconfig.json b/src/aria/tsconfig.json
new file mode 100644
index 000000000000..9589927d43cc
--- /dev/null
+++ b/src/aria/tsconfig.json
@@ -0,0 +1,13 @@
+// Configuration for IDEs only.
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "..",
+    "baseUrl": ".",
+    "paths": {
+      "@angular/cdk/*": ["../cdk/*"],
+      "@angular/aria/*": ["../aria/*"]
+    }
+  },
+  "include": ["./**/*.ts", "../dev-mode-types.d.ts"]
+}
diff --git a/src/aria/ui-patterns/BUILD.bazel b/src/aria/ui-patterns/BUILD.bazel
new file mode 100644
index 000000000000..d8da5e05682d
--- /dev/null
+++ b/src/aria/ui-patterns/BUILD.bazel
@@ -0,0 +1,22 @@
+load("//tools:defaults.bzl", "ts_project")
+
+package(default_visibility = ["//visibility:public"])
+
+ts_project(
+    name = "ui-patterns",
+    srcs = glob(
+        ["**/*.ts"],
+        exclude = ["**/*.spec.ts"],
+    ),
+    deps = [
+        "//:node_modules/@angular/core",
+        "//src/aria/ui-patterns/accordion",
+        "//src/aria/ui-patterns/behaviors/signal-like",
+        "//src/aria/ui-patterns/combobox",
+        "//src/aria/ui-patterns/listbox",
+        "//src/aria/ui-patterns/radio-group",
+        "//src/aria/ui-patterns/tabs",
+        "//src/aria/ui-patterns/toolbar",
+        "//src/aria/ui-patterns/tree",
+    ],
+)
diff --git a/src/cdk-experimental/ui-patterns/accordion/BUILD.bazel b/src/aria/ui-patterns/accordion/BUILD.bazel
similarity index 56%
rename from src/cdk-experimental/ui-patterns/accordion/BUILD.bazel
rename to src/aria/ui-patterns/accordion/BUILD.bazel
index 7571052a9947..eb6bae9dcd69 100644
--- a/src/cdk-experimental/ui-patterns/accordion/BUILD.bazel
+++ b/src/aria/ui-patterns/accordion/BUILD.bazel
@@ -9,12 +9,12 @@ ts_project(
     ],
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/event-manager",
-        "//src/cdk-experimental/ui-patterns/behaviors/expansion",
-        "//src/cdk-experimental/ui-patterns/behaviors/list-focus",
-        "//src/cdk-experimental/ui-patterns/behaviors/list-navigation",
-        "//src/cdk-experimental/ui-patterns/behaviors/list-selection",
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
+        "//src/aria/ui-patterns/behaviors/event-manager",
+        "//src/aria/ui-patterns/behaviors/expansion",
+        "//src/aria/ui-patterns/behaviors/list-focus",
+        "//src/aria/ui-patterns/behaviors/list-navigation",
+        "//src/aria/ui-patterns/behaviors/list-selection",
+        "//src/aria/ui-patterns/behaviors/signal-like",
     ],
 )
 
@@ -27,7 +27,7 @@ ng_project(
     deps = [
         ":accordion",
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
+        "//src/aria/ui-patterns/behaviors/signal-like",
         "//src/cdk/keycodes",
         "//src/cdk/testing/private",
     ],
diff --git a/src/cdk-experimental/ui-patterns/accordion/accordion.spec.ts b/src/aria/ui-patterns/accordion/accordion.spec.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/accordion/accordion.spec.ts
rename to src/aria/ui-patterns/accordion/accordion.spec.ts
diff --git a/src/cdk-experimental/ui-patterns/accordion/accordion.ts b/src/aria/ui-patterns/accordion/accordion.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/accordion/accordion.ts
rename to src/aria/ui-patterns/accordion/accordion.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/event-manager/BUILD.bazel b/src/aria/ui-patterns/behaviors/event-manager/BUILD.bazel
similarity index 78%
rename from src/cdk-experimental/ui-patterns/behaviors/event-manager/BUILD.bazel
rename to src/aria/ui-patterns/behaviors/event-manager/BUILD.bazel
index 363e0a0d3554..623be008f858 100644
--- a/src/cdk-experimental/ui-patterns/behaviors/event-manager/BUILD.bazel
+++ b/src/aria/ui-patterns/behaviors/event-manager/BUILD.bazel
@@ -9,6 +9,6 @@ ts_project(
         exclude = ["**/*.spec.ts"],
     ),
     deps = [
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
+        "//src/aria/ui-patterns/behaviors/signal-like",
     ],
 )
diff --git a/src/cdk-experimental/ui-patterns/behaviors/event-manager/event-manager.ts b/src/aria/ui-patterns/behaviors/event-manager/event-manager.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/event-manager/event-manager.ts
rename to src/aria/ui-patterns/behaviors/event-manager/event-manager.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/event-manager/index.ts b/src/aria/ui-patterns/behaviors/event-manager/index.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/event-manager/index.ts
rename to src/aria/ui-patterns/behaviors/event-manager/index.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/event-manager/keyboard-event-manager.ts b/src/aria/ui-patterns/behaviors/event-manager/keyboard-event-manager.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/event-manager/keyboard-event-manager.ts
rename to src/aria/ui-patterns/behaviors/event-manager/keyboard-event-manager.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/event-manager/pointer-event-manager.ts b/src/aria/ui-patterns/behaviors/event-manager/pointer-event-manager.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/event-manager/pointer-event-manager.ts
rename to src/aria/ui-patterns/behaviors/event-manager/pointer-event-manager.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/expansion/BUILD.bazel b/src/aria/ui-patterns/behaviors/expansion/BUILD.bazel
similarity index 71%
rename from src/cdk-experimental/ui-patterns/behaviors/expansion/BUILD.bazel
rename to src/aria/ui-patterns/behaviors/expansion/BUILD.bazel
index 7f04eea42491..db36a1efad80 100644
--- a/src/cdk-experimental/ui-patterns/behaviors/expansion/BUILD.bazel
+++ b/src/aria/ui-patterns/behaviors/expansion/BUILD.bazel
@@ -9,8 +9,8 @@ ts_project(
     ],
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/list-focus",
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
+        "//src/aria/ui-patterns/behaviors/list-focus",
+        "//src/aria/ui-patterns/behaviors/signal-like",
     ],
 )
 
@@ -23,7 +23,7 @@ ng_project(
     deps = [
         ":expansion",
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/list-focus:unit_test_sources",
+        "//src/aria/ui-patterns/behaviors/list-focus:unit_test_sources",
     ],
 )
 
diff --git a/src/cdk-experimental/ui-patterns/behaviors/expansion/expansion.spec.ts b/src/aria/ui-patterns/behaviors/expansion/expansion.spec.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/expansion/expansion.spec.ts
rename to src/aria/ui-patterns/behaviors/expansion/expansion.spec.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/expansion/expansion.ts b/src/aria/ui-patterns/behaviors/expansion/expansion.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/expansion/expansion.ts
rename to src/aria/ui-patterns/behaviors/expansion/expansion.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/grid-focus/BUILD.bazel b/src/aria/ui-patterns/behaviors/grid-focus/BUILD.bazel
similarity index 88%
rename from src/cdk-experimental/ui-patterns/behaviors/grid-focus/BUILD.bazel
rename to src/aria/ui-patterns/behaviors/grid-focus/BUILD.bazel
index 521db150125c..966ffc20f9df 100644
--- a/src/cdk-experimental/ui-patterns/behaviors/grid-focus/BUILD.bazel
+++ b/src/aria/ui-patterns/behaviors/grid-focus/BUILD.bazel
@@ -7,7 +7,7 @@ ts_project(
     srcs = ["grid-focus.ts"],
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
+        "//src/aria/ui-patterns/behaviors/signal-like",
     ],
 )
 
diff --git a/src/cdk-experimental/ui-patterns/behaviors/grid-focus/grid-focus.spec.ts b/src/aria/ui-patterns/behaviors/grid-focus/grid-focus.spec.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/grid-focus/grid-focus.spec.ts
rename to src/aria/ui-patterns/behaviors/grid-focus/grid-focus.spec.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/grid-focus/grid-focus.ts b/src/aria/ui-patterns/behaviors/grid-focus/grid-focus.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/grid-focus/grid-focus.ts
rename to src/aria/ui-patterns/behaviors/grid-focus/grid-focus.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/grid-navigation/BUILD.bazel b/src/aria/ui-patterns/behaviors/grid-navigation/BUILD.bazel
similarity index 73%
rename from src/cdk-experimental/ui-patterns/behaviors/grid-navigation/BUILD.bazel
rename to src/aria/ui-patterns/behaviors/grid-navigation/BUILD.bazel
index 2849ec3cc137..cc87a01c3228 100644
--- a/src/cdk-experimental/ui-patterns/behaviors/grid-navigation/BUILD.bazel
+++ b/src/aria/ui-patterns/behaviors/grid-navigation/BUILD.bazel
@@ -7,8 +7,8 @@ ts_project(
     srcs = ["grid-navigation.ts"],
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/grid-focus",
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
+        "//src/aria/ui-patterns/behaviors/grid-focus",
+        "//src/aria/ui-patterns/behaviors/signal-like",
     ],
 )
 
@@ -19,7 +19,7 @@ ng_project(
     deps = [
         ":grid-navigation",
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/grid-focus",
+        "//src/aria/ui-patterns/behaviors/grid-focus",
     ],
 )
 
diff --git a/src/cdk-experimental/ui-patterns/behaviors/grid-navigation/grid-navigation.spec.ts b/src/aria/ui-patterns/behaviors/grid-navigation/grid-navigation.spec.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/grid-navigation/grid-navigation.spec.ts
rename to src/aria/ui-patterns/behaviors/grid-navigation/grid-navigation.spec.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/grid-navigation/grid-navigation.ts b/src/aria/ui-patterns/behaviors/grid-navigation/grid-navigation.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/grid-navigation/grid-navigation.ts
rename to src/aria/ui-patterns/behaviors/grid-navigation/grid-navigation.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/label/BUILD b/src/aria/ui-patterns/behaviors/label/BUILD
similarity index 88%
rename from src/cdk-experimental/ui-patterns/behaviors/label/BUILD
rename to src/aria/ui-patterns/behaviors/label/BUILD
index 7da06716595d..4e53d5d033e1 100644
--- a/src/cdk-experimental/ui-patterns/behaviors/label/BUILD
+++ b/src/aria/ui-patterns/behaviors/label/BUILD
@@ -9,7 +9,7 @@ ts_project(
     ],
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
+        "//src/aria/ui-patterns/behaviors/signal-like",
     ],
 )
 
diff --git a/src/cdk-experimental/ui-patterns/behaviors/label/label.spec.ts b/src/aria/ui-patterns/behaviors/label/label.spec.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/label/label.spec.ts
rename to src/aria/ui-patterns/behaviors/label/label.spec.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/label/label.ts b/src/aria/ui-patterns/behaviors/label/label.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/label/label.ts
rename to src/aria/ui-patterns/behaviors/label/label.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/list-focus/BUILD.bazel b/src/aria/ui-patterns/behaviors/list-focus/BUILD.bazel
similarity index 89%
rename from src/cdk-experimental/ui-patterns/behaviors/list-focus/BUILD.bazel
rename to src/aria/ui-patterns/behaviors/list-focus/BUILD.bazel
index da1095af6dc5..8efad0179f46 100644
--- a/src/cdk-experimental/ui-patterns/behaviors/list-focus/BUILD.bazel
+++ b/src/aria/ui-patterns/behaviors/list-focus/BUILD.bazel
@@ -10,7 +10,7 @@ ts_project(
     ),
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
+        "//src/aria/ui-patterns/behaviors/signal-like",
     ],
 )
 
diff --git a/src/cdk-experimental/ui-patterns/behaviors/list-focus/list-focus.spec.ts b/src/aria/ui-patterns/behaviors/list-focus/list-focus.spec.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/list-focus/list-focus.spec.ts
rename to src/aria/ui-patterns/behaviors/list-focus/list-focus.spec.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/list-focus/list-focus.ts b/src/aria/ui-patterns/behaviors/list-focus/list-focus.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/list-focus/list-focus.ts
rename to src/aria/ui-patterns/behaviors/list-focus/list-focus.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/list-navigation/BUILD.bazel b/src/aria/ui-patterns/behaviors/list-navigation/BUILD.bazel
similarity index 72%
rename from src/cdk-experimental/ui-patterns/behaviors/list-navigation/BUILD.bazel
rename to src/aria/ui-patterns/behaviors/list-navigation/BUILD.bazel
index f223ebc877f5..22e9433bad1a 100644
--- a/src/cdk-experimental/ui-patterns/behaviors/list-navigation/BUILD.bazel
+++ b/src/aria/ui-patterns/behaviors/list-navigation/BUILD.bazel
@@ -10,8 +10,8 @@ ts_project(
     ),
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/list-focus",
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
+        "//src/aria/ui-patterns/behaviors/list-focus",
+        "//src/aria/ui-patterns/behaviors/signal-like",
     ],
 )
 
@@ -22,7 +22,7 @@ ng_project(
     deps = [
         ":list-navigation",
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/list-focus:unit_test_sources",
+        "//src/aria/ui-patterns/behaviors/list-focus:unit_test_sources",
     ],
 )
 
diff --git a/src/cdk-experimental/ui-patterns/behaviors/list-navigation/list-navigation.spec.ts b/src/aria/ui-patterns/behaviors/list-navigation/list-navigation.spec.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/list-navigation/list-navigation.spec.ts
rename to src/aria/ui-patterns/behaviors/list-navigation/list-navigation.spec.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/list-navigation/list-navigation.ts b/src/aria/ui-patterns/behaviors/list-navigation/list-navigation.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/list-navigation/list-navigation.ts
rename to src/aria/ui-patterns/behaviors/list-navigation/list-navigation.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/list-selection/BUILD.bazel b/src/aria/ui-patterns/behaviors/list-selection/BUILD.bazel
similarity index 67%
rename from src/cdk-experimental/ui-patterns/behaviors/list-selection/BUILD.bazel
rename to src/aria/ui-patterns/behaviors/list-selection/BUILD.bazel
index cbf097818788..9d9c1d33441b 100644
--- a/src/cdk-experimental/ui-patterns/behaviors/list-selection/BUILD.bazel
+++ b/src/aria/ui-patterns/behaviors/list-selection/BUILD.bazel
@@ -10,8 +10,8 @@ ts_project(
     ),
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/list-focus",
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
+        "//src/aria/ui-patterns/behaviors/list-focus",
+        "//src/aria/ui-patterns/behaviors/signal-like",
     ],
 )
 
@@ -22,8 +22,8 @@ ng_project(
     deps = [
         ":list-selection",
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/list-focus",
-        "//src/cdk-experimental/ui-patterns/behaviors/list-focus:unit_test_sources",
+        "//src/aria/ui-patterns/behaviors/list-focus",
+        "//src/aria/ui-patterns/behaviors/list-focus:unit_test_sources",
     ],
 )
 
diff --git a/src/cdk-experimental/ui-patterns/behaviors/list-selection/list-selection.spec.ts b/src/aria/ui-patterns/behaviors/list-selection/list-selection.spec.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/list-selection/list-selection.spec.ts
rename to src/aria/ui-patterns/behaviors/list-selection/list-selection.spec.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/list-selection/list-selection.ts b/src/aria/ui-patterns/behaviors/list-selection/list-selection.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/list-selection/list-selection.ts
rename to src/aria/ui-patterns/behaviors/list-selection/list-selection.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/list-typeahead/BUILD.bazel b/src/aria/ui-patterns/behaviors/list-typeahead/BUILD.bazel
similarity index 67%
rename from src/cdk-experimental/ui-patterns/behaviors/list-typeahead/BUILD.bazel
rename to src/aria/ui-patterns/behaviors/list-typeahead/BUILD.bazel
index d0406f733b59..4a4c998e0386 100644
--- a/src/cdk-experimental/ui-patterns/behaviors/list-typeahead/BUILD.bazel
+++ b/src/aria/ui-patterns/behaviors/list-typeahead/BUILD.bazel
@@ -10,8 +10,8 @@ ts_project(
     ),
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/list-focus",
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
+        "//src/aria/ui-patterns/behaviors/list-focus",
+        "//src/aria/ui-patterns/behaviors/signal-like",
     ],
 )
 
@@ -22,8 +22,8 @@ ng_project(
     deps = [
         ":list-typeahead",
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/list-focus",
-        "//src/cdk-experimental/ui-patterns/behaviors/list-focus:unit_test_sources",
+        "//src/aria/ui-patterns/behaviors/list-focus",
+        "//src/aria/ui-patterns/behaviors/list-focus:unit_test_sources",
     ],
 )
 
diff --git a/src/cdk-experimental/ui-patterns/behaviors/list-typeahead/list-typeahead.spec.ts b/src/aria/ui-patterns/behaviors/list-typeahead/list-typeahead.spec.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/list-typeahead/list-typeahead.spec.ts
rename to src/aria/ui-patterns/behaviors/list-typeahead/list-typeahead.spec.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/list-typeahead/list-typeahead.ts b/src/aria/ui-patterns/behaviors/list-typeahead/list-typeahead.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/list-typeahead/list-typeahead.ts
rename to src/aria/ui-patterns/behaviors/list-typeahead/list-typeahead.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/list/BUILD.bazel b/src/aria/ui-patterns/behaviors/list/BUILD.bazel
similarity index 60%
rename from src/cdk-experimental/ui-patterns/behaviors/list/BUILD.bazel
rename to src/aria/ui-patterns/behaviors/list/BUILD.bazel
index 428ebcabbf27..6e3522120137 100644
--- a/src/cdk-experimental/ui-patterns/behaviors/list/BUILD.bazel
+++ b/src/aria/ui-patterns/behaviors/list/BUILD.bazel
@@ -10,12 +10,12 @@ ts_project(
     ),
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/event-manager",
-        "//src/cdk-experimental/ui-patterns/behaviors/list-focus",
-        "//src/cdk-experimental/ui-patterns/behaviors/list-navigation",
-        "//src/cdk-experimental/ui-patterns/behaviors/list-selection",
-        "//src/cdk-experimental/ui-patterns/behaviors/list-typeahead",
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
+        "//src/aria/ui-patterns/behaviors/event-manager",
+        "//src/aria/ui-patterns/behaviors/list-focus",
+        "//src/aria/ui-patterns/behaviors/list-navigation",
+        "//src/aria/ui-patterns/behaviors/list-selection",
+        "//src/aria/ui-patterns/behaviors/list-typeahead",
+        "//src/aria/ui-patterns/behaviors/signal-like",
     ],
 )
 
diff --git a/src/cdk-experimental/ui-patterns/behaviors/list/list.spec.ts b/src/aria/ui-patterns/behaviors/list/list.spec.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/list/list.spec.ts
rename to src/aria/ui-patterns/behaviors/list/list.spec.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/list/list.ts b/src/aria/ui-patterns/behaviors/list/list.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/list/list.ts
rename to src/aria/ui-patterns/behaviors/list/list.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/popup/BUILD.bazel b/src/aria/ui-patterns/behaviors/popup/BUILD.bazel
similarity index 89%
rename from src/cdk-experimental/ui-patterns/behaviors/popup/BUILD.bazel
rename to src/aria/ui-patterns/behaviors/popup/BUILD.bazel
index 5925502c2bcc..3702057adb4a 100644
--- a/src/cdk-experimental/ui-patterns/behaviors/popup/BUILD.bazel
+++ b/src/aria/ui-patterns/behaviors/popup/BUILD.bazel
@@ -10,7 +10,7 @@ ts_project(
     ),
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
+        "//src/aria/ui-patterns/behaviors/signal-like",
     ],
 )
 
diff --git a/src/cdk-experimental/ui-patterns/behaviors/popup/popup.spec.ts b/src/aria/ui-patterns/behaviors/popup/popup.spec.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/popup/popup.spec.ts
rename to src/aria/ui-patterns/behaviors/popup/popup.spec.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/popup/popup.ts b/src/aria/ui-patterns/behaviors/popup/popup.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/popup/popup.ts
rename to src/aria/ui-patterns/behaviors/popup/popup.ts
diff --git a/src/cdk-experimental/ui-patterns/behaviors/signal-like/BUILD.bazel b/src/aria/ui-patterns/behaviors/signal-like/BUILD.bazel
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/signal-like/BUILD.bazel
rename to src/aria/ui-patterns/behaviors/signal-like/BUILD.bazel
diff --git a/src/cdk-experimental/ui-patterns/behaviors/signal-like/signal-like.ts b/src/aria/ui-patterns/behaviors/signal-like/signal-like.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/behaviors/signal-like/signal-like.ts
rename to src/aria/ui-patterns/behaviors/signal-like/signal-like.ts
diff --git a/src/cdk-experimental/ui-patterns/combobox/BUILD.bazel b/src/aria/ui-patterns/combobox/BUILD.bazel
similarity index 62%
rename from src/cdk-experimental/ui-patterns/combobox/BUILD.bazel
rename to src/aria/ui-patterns/combobox/BUILD.bazel
index 70f52d867d63..4dda9b51a441 100644
--- a/src/cdk-experimental/ui-patterns/combobox/BUILD.bazel
+++ b/src/aria/ui-patterns/combobox/BUILD.bazel
@@ -10,9 +10,9 @@ ts_project(
     ),
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/event-manager",
-        "//src/cdk-experimental/ui-patterns/behaviors/list",
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
+        "//src/aria/ui-patterns/behaviors/event-manager",
+        "//src/aria/ui-patterns/behaviors/list",
+        "//src/aria/ui-patterns/behaviors/signal-like",
     ],
 )
 
@@ -23,9 +23,9 @@ ts_project(
     deps = [
         ":combobox",
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
-        "//src/cdk-experimental/ui-patterns/listbox",
-        "//src/cdk-experimental/ui-patterns/tree",
+        "//src/aria/ui-patterns/behaviors/signal-like",
+        "//src/aria/ui-patterns/listbox",
+        "//src/aria/ui-patterns/tree",
         "//src/cdk/keycodes",
         "//src/cdk/testing/private",
     ],
diff --git a/src/cdk-experimental/ui-patterns/combobox/combobox.spec.ts b/src/aria/ui-patterns/combobox/combobox.spec.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/combobox/combobox.spec.ts
rename to src/aria/ui-patterns/combobox/combobox.spec.ts
diff --git a/src/cdk-experimental/ui-patterns/combobox/combobox.ts b/src/aria/ui-patterns/combobox/combobox.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/combobox/combobox.ts
rename to src/aria/ui-patterns/combobox/combobox.ts
diff --git a/src/aria/ui-patterns/index.ts b/src/aria/ui-patterns/index.ts
new file mode 100644
index 000000000000..52b3c7a5156f
--- /dev/null
+++ b/src/aria/ui-patterns/index.ts
@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+
+export * from './public-api';
diff --git a/src/cdk-experimental/ui-patterns/listbox/BUILD.bazel b/src/aria/ui-patterns/listbox/BUILD.bazel
similarity index 71%
rename from src/cdk-experimental/ui-patterns/listbox/BUILD.bazel
rename to src/aria/ui-patterns/listbox/BUILD.bazel
index 1e4fa1c60905..d30344d420aa 100644
--- a/src/cdk-experimental/ui-patterns/listbox/BUILD.bazel
+++ b/src/aria/ui-patterns/listbox/BUILD.bazel
@@ -10,10 +10,10 @@ ts_project(
     ),
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/event-manager",
-        "//src/cdk-experimental/ui-patterns/behaviors/list",
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
-        "//src/cdk-experimental/ui-patterns/combobox",
+        "//src/aria/ui-patterns/behaviors/event-manager",
+        "//src/aria/ui-patterns/behaviors/list",
+        "//src/aria/ui-patterns/behaviors/signal-like",
+        "//src/aria/ui-patterns/combobox",
     ],
 )
 
diff --git a/src/cdk-experimental/ui-patterns/listbox/combobox-listbox.ts b/src/aria/ui-patterns/listbox/combobox-listbox.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/listbox/combobox-listbox.ts
rename to src/aria/ui-patterns/listbox/combobox-listbox.ts
diff --git a/src/cdk-experimental/ui-patterns/listbox/listbox.spec.ts b/src/aria/ui-patterns/listbox/listbox.spec.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/listbox/listbox.spec.ts
rename to src/aria/ui-patterns/listbox/listbox.spec.ts
diff --git a/src/cdk-experimental/ui-patterns/listbox/listbox.ts b/src/aria/ui-patterns/listbox/listbox.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/listbox/listbox.ts
rename to src/aria/ui-patterns/listbox/listbox.ts
diff --git a/src/cdk-experimental/ui-patterns/listbox/option.ts b/src/aria/ui-patterns/listbox/option.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/listbox/option.ts
rename to src/aria/ui-patterns/listbox/option.ts
diff --git a/src/cdk-experimental/ui-patterns/public-api.ts b/src/aria/ui-patterns/public-api.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/public-api.ts
rename to src/aria/ui-patterns/public-api.ts
diff --git a/src/cdk-experimental/ui-patterns/radio-group/BUILD.bazel b/src/aria/ui-patterns/radio-group/BUILD.bazel
similarity index 68%
rename from src/cdk-experimental/ui-patterns/radio-group/BUILD.bazel
rename to src/aria/ui-patterns/radio-group/BUILD.bazel
index e6d2cf969a6d..27756de9c140 100644
--- a/src/cdk-experimental/ui-patterns/radio-group/BUILD.bazel
+++ b/src/aria/ui-patterns/radio-group/BUILD.bazel
@@ -11,10 +11,10 @@ ts_project(
     ],
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/event-manager",
-        "//src/cdk-experimental/ui-patterns/behaviors/list",
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
-        "//src/cdk-experimental/ui-patterns/toolbar",
+        "//src/aria/ui-patterns/behaviors/event-manager",
+        "//src/aria/ui-patterns/behaviors/list",
+        "//src/aria/ui-patterns/behaviors/signal-like",
+        "//src/aria/ui-patterns/toolbar",
     ],
 )
 
@@ -25,7 +25,7 @@ ng_project(
     deps = [
         ":radio-group",
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/toolbar",
+        "//src/aria/ui-patterns/toolbar",
         "//src/cdk/keycodes",
         "//src/cdk/testing/private",
     ],
diff --git a/src/cdk-experimental/ui-patterns/radio-group/radio-button.ts b/src/aria/ui-patterns/radio-group/radio-button.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/radio-group/radio-button.ts
rename to src/aria/ui-patterns/radio-group/radio-button.ts
diff --git a/src/cdk-experimental/ui-patterns/radio-group/radio-group.ts b/src/aria/ui-patterns/radio-group/radio-group.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/radio-group/radio-group.ts
rename to src/aria/ui-patterns/radio-group/radio-group.ts
diff --git a/src/cdk-experimental/ui-patterns/radio-group/radio.spec.ts b/src/aria/ui-patterns/radio-group/radio.spec.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/radio-group/radio.spec.ts
rename to src/aria/ui-patterns/radio-group/radio.spec.ts
diff --git a/src/cdk-experimental/ui-patterns/radio-group/toolbar-radio-group.spec.ts b/src/aria/ui-patterns/radio-group/toolbar-radio-group.spec.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/radio-group/toolbar-radio-group.spec.ts
rename to src/aria/ui-patterns/radio-group/toolbar-radio-group.spec.ts
diff --git a/src/cdk-experimental/ui-patterns/radio-group/toolbar-radio-group.ts b/src/aria/ui-patterns/radio-group/toolbar-radio-group.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/radio-group/toolbar-radio-group.ts
rename to src/aria/ui-patterns/radio-group/toolbar-radio-group.ts
diff --git a/src/cdk-experimental/ui-patterns/tabs/BUILD.bazel b/src/aria/ui-patterns/tabs/BUILD.bazel
similarity index 60%
rename from src/cdk-experimental/ui-patterns/tabs/BUILD.bazel
rename to src/aria/ui-patterns/tabs/BUILD.bazel
index 0067a0b83cb6..fbd6d5598c61 100644
--- a/src/cdk-experimental/ui-patterns/tabs/BUILD.bazel
+++ b/src/aria/ui-patterns/tabs/BUILD.bazel
@@ -9,11 +9,11 @@ ts_project(
     ],
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/event-manager",
-        "//src/cdk-experimental/ui-patterns/behaviors/expansion",
-        "//src/cdk-experimental/ui-patterns/behaviors/label",
-        "//src/cdk-experimental/ui-patterns/behaviors/list",
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
+        "//src/aria/ui-patterns/behaviors/event-manager",
+        "//src/aria/ui-patterns/behaviors/expansion",
+        "//src/aria/ui-patterns/behaviors/label",
+        "//src/aria/ui-patterns/behaviors/list",
+        "//src/aria/ui-patterns/behaviors/signal-like",
     ],
 )
 
@@ -26,7 +26,7 @@ ng_project(
     deps = [
         ":tabs",
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
+        "//src/aria/ui-patterns/behaviors/signal-like",
         "//src/cdk/keycodes",
         "//src/cdk/testing/private",
     ],
diff --git a/src/cdk-experimental/ui-patterns/tabs/tabs.spec.ts b/src/aria/ui-patterns/tabs/tabs.spec.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/tabs/tabs.spec.ts
rename to src/aria/ui-patterns/tabs/tabs.spec.ts
diff --git a/src/cdk-experimental/ui-patterns/tabs/tabs.ts b/src/aria/ui-patterns/tabs/tabs.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/tabs/tabs.ts
rename to src/aria/ui-patterns/tabs/tabs.ts
diff --git a/src/cdk-experimental/ui-patterns/toolbar/BUILD.bazel b/src/aria/ui-patterns/toolbar/BUILD.bazel
similarity index 64%
rename from src/cdk-experimental/ui-patterns/toolbar/BUILD.bazel
rename to src/aria/ui-patterns/toolbar/BUILD.bazel
index dfa0a083d443..1c3d9d978ebe 100644
--- a/src/cdk-experimental/ui-patterns/toolbar/BUILD.bazel
+++ b/src/aria/ui-patterns/toolbar/BUILD.bazel
@@ -11,9 +11,9 @@ ts_project(
     ],
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/event-manager",
-        "//src/cdk-experimental/ui-patterns/behaviors/list",
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
+        "//src/aria/ui-patterns/behaviors/event-manager",
+        "//src/aria/ui-patterns/behaviors/list",
+        "//src/aria/ui-patterns/behaviors/signal-like",
     ],
 )
 
@@ -24,9 +24,8 @@ ng_project(
     deps = [
         ":toolbar",
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/radio-group",
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
-        "//src/cdk-experimental/ui-patterns/radio-group",
+        "//src/aria/ui-patterns/behaviors/signal-like",
+        "//src/aria/ui-patterns/radio-group",
         "//src/cdk/keycodes",
         "//src/cdk/testing/private",
     ],
diff --git a/src/cdk-experimental/ui-patterns/toolbar/toolbar-widget-group.ts b/src/aria/ui-patterns/toolbar/toolbar-widget-group.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/toolbar/toolbar-widget-group.ts
rename to src/aria/ui-patterns/toolbar/toolbar-widget-group.ts
diff --git a/src/cdk-experimental/ui-patterns/toolbar/toolbar-widget.ts b/src/aria/ui-patterns/toolbar/toolbar-widget.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/toolbar/toolbar-widget.ts
rename to src/aria/ui-patterns/toolbar/toolbar-widget.ts
diff --git a/src/cdk-experimental/ui-patterns/toolbar/toolbar.spec.ts b/src/aria/ui-patterns/toolbar/toolbar.spec.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/toolbar/toolbar.spec.ts
rename to src/aria/ui-patterns/toolbar/toolbar.spec.ts
diff --git a/src/cdk-experimental/ui-patterns/toolbar/toolbar.ts b/src/aria/ui-patterns/toolbar/toolbar.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/toolbar/toolbar.ts
rename to src/aria/ui-patterns/toolbar/toolbar.ts
diff --git a/src/cdk-experimental/ui-patterns/tree/BUILD.bazel b/src/aria/ui-patterns/tree/BUILD.bazel
similarity index 62%
rename from src/cdk-experimental/ui-patterns/tree/BUILD.bazel
rename to src/aria/ui-patterns/tree/BUILD.bazel
index 5f3a7d59c6db..4d82175fc3bf 100644
--- a/src/cdk-experimental/ui-patterns/tree/BUILD.bazel
+++ b/src/aria/ui-patterns/tree/BUILD.bazel
@@ -10,11 +10,11 @@ ts_project(
     ],
     deps = [
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/event-manager",
-        "//src/cdk-experimental/ui-patterns/behaviors/expansion",
-        "//src/cdk-experimental/ui-patterns/behaviors/list",
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
-        "//src/cdk-experimental/ui-patterns/combobox",
+        "//src/aria/ui-patterns/behaviors/event-manager",
+        "//src/aria/ui-patterns/behaviors/expansion",
+        "//src/aria/ui-patterns/behaviors/list",
+        "//src/aria/ui-patterns/behaviors/signal-like",
+        "//src/aria/ui-patterns/combobox",
     ],
 )
 
@@ -27,7 +27,7 @@ ng_project(
     deps = [
         ":tree",
         "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
+        "//src/aria/ui-patterns/behaviors/signal-like",
         "//src/cdk/keycodes",
         "//src/cdk/testing/private",
     ],
diff --git a/src/cdk-experimental/ui-patterns/tree/combobox-tree.ts b/src/aria/ui-patterns/tree/combobox-tree.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/tree/combobox-tree.ts
rename to src/aria/ui-patterns/tree/combobox-tree.ts
diff --git a/src/cdk-experimental/ui-patterns/tree/tree.spec.ts b/src/aria/ui-patterns/tree/tree.spec.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/tree/tree.spec.ts
rename to src/aria/ui-patterns/tree/tree.spec.ts
diff --git a/src/cdk-experimental/ui-patterns/tree/tree.ts b/src/aria/ui-patterns/tree/tree.ts
similarity index 100%
rename from src/cdk-experimental/ui-patterns/tree/tree.ts
rename to src/aria/ui-patterns/tree/tree.ts
diff --git a/src/cdk-experimental/ui-patterns/ui-pattern-rules.md b/src/aria/ui-patterns/ui-pattern-rules.md
similarity index 100%
rename from src/cdk-experimental/ui-patterns/ui-pattern-rules.md
rename to src/aria/ui-patterns/ui-pattern-rules.md
diff --git a/src/cdk-experimental/accordion/public-api.ts b/src/aria/version.ts
similarity index 57%
rename from src/cdk-experimental/accordion/public-api.ts
rename to src/aria/version.ts
index 0724db6c960b..4093760bb305 100644
--- a/src/cdk-experimental/accordion/public-api.ts
+++ b/src/aria/version.ts
@@ -6,9 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-export {
-  CdkAccordionGroup,
-  CdkAccordionTrigger,
-  CdkAccordionPanel,
-  CdkAccordionContent,
-} from './accordion';
+import {Version} from '@angular/core';
+
+/** Current version of the CDK Experimental package. */
+export const VERSION = new Version('0.0.0-PLACEHOLDER');
diff --git a/src/bazel-tsconfig-build.json b/src/bazel-tsconfig-build.json
index 8a956fdee70a..0695aed97b2f 100644
--- a/src/bazel-tsconfig-build.json
+++ b/src/bazel-tsconfig-build.json
@@ -34,6 +34,7 @@
     "types": [],
     "skipLibCheck": true,
     "paths": {
+      "@angular/aria/*": ["./aria/*"],
       "@angular/cdk-experimental/*": ["./cdk-experimental/*"],
       "@angular/cdk/*": ["./cdk/*"],
       "@angular/components-examples": ["./components-examples"],
diff --git a/src/cdk-experimental/combobox/public-api.ts b/src/cdk-experimental/combobox/public-api.ts
deleted file mode 100644
index f54c5c49588f..000000000000
--- a/src/cdk-experimental/combobox/public-api.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.dev/license
- */
-
-export {
-  CdkCombobox,
-  CdkComboboxInput,
-  CdkComboboxPopup,
-  CdkComboboxPopupContainer,
-} from './combobox';
diff --git a/src/cdk-experimental/config.bzl b/src/cdk-experimental/config.bzl
index ee0ac847aba5..b5ed6085333d 100644
--- a/src/cdk-experimental/config.bzl
+++ b/src/cdk-experimental/config.bzl
@@ -1,19 +1,10 @@
 # List of all entry-points of the Angular cdk-experimental package.
 CDK_EXPERIMENTAL_ENTRYPOINTS = [
-    "accordion",
     "column-resize",
-    "combobox",
-    "deferred-content",
-    "listbox",
     "popover-edit",
-    "radio-group",
     "scrolling",
     "selection",
-    "tabs",
-    "toolbar",
-    "tree",
     "table-scroll-container",
-    "ui-patterns",
 ]
 
 # List of all entry-point targets of the Angular cdk-experimental package.
diff --git a/src/cdk-experimental/tree/public-api.ts b/src/cdk-experimental/tree/public-api.ts
deleted file mode 100644
index e61d3b72d41d..000000000000
--- a/src/cdk-experimental/tree/public-api.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.dev/license
- */
-
-export {CdkTreeItemGroup, CdkTreeItemGroupContent, CdkTree, CdkTreeItem} from './tree';
diff --git a/src/cdk-experimental/ui-patterns/BUILD.bazel b/src/cdk-experimental/ui-patterns/BUILD.bazel
deleted file mode 100644
index f29508aa8de6..000000000000
--- a/src/cdk-experimental/ui-patterns/BUILD.bazel
+++ /dev/null
@@ -1,22 +0,0 @@
-load("//tools:defaults.bzl", "ts_project")
-
-package(default_visibility = ["//visibility:public"])
-
-ts_project(
-    name = "ui-patterns",
-    srcs = glob(
-        ["**/*.ts"],
-        exclude = ["**/*.spec.ts"],
-    ),
-    deps = [
-        "//:node_modules/@angular/core",
-        "//src/cdk-experimental/ui-patterns/accordion",
-        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
-        "//src/cdk-experimental/ui-patterns/combobox",
-        "//src/cdk-experimental/ui-patterns/listbox",
-        "//src/cdk-experimental/ui-patterns/radio-group",
-        "//src/cdk-experimental/ui-patterns/tabs",
-        "//src/cdk-experimental/ui-patterns/toolbar",
-        "//src/cdk-experimental/ui-patterns/tree",
-    ],
-)
diff --git a/src/components-examples/BUILD.bazel b/src/components-examples/BUILD.bazel
index 2bc05f8f3da4..cc2a7d6636b6 100644
--- a/src/components-examples/BUILD.bazel
+++ b/src/components-examples/BUILD.bazel
@@ -63,6 +63,7 @@ ng_package(
     # ng_package does not properly handle tree artifacts currently so we escalate to nested_packages
     nested_packages = [":docs-content"],
     package_deps = [
+        ":node_modules/@angular/aria",
         ":node_modules/@angular/cdk",
         ":node_modules/@angular/cdk-experimental",
         ":node_modules/@angular/material",
diff --git a/src/components-examples/cdk-experimental/accordion/BUILD.bazel b/src/components-examples/aria/accordion/BUILD.bazel
similarity index 93%
rename from src/components-examples/cdk-experimental/accordion/BUILD.bazel
rename to src/components-examples/aria/accordion/BUILD.bazel
index 9f5b2afe9ffc..18304fe438ab 100644
--- a/src/components-examples/cdk-experimental/accordion/BUILD.bazel
+++ b/src/components-examples/aria/accordion/BUILD.bazel
@@ -12,7 +12,7 @@ ng_project(
     deps = [
         "//:node_modules/@angular/core",
         "//:node_modules/@angular/forms",
-        "//src/cdk-experimental/accordion",
+        "//src/aria/accordion",
         "//src/material/checkbox",
         "//src/material/form-field",
         "//src/material/icon",
diff --git a/src/components-examples/aria/accordion/accordion-configurable/accordion-configurable-example.html b/src/components-examples/aria/accordion/accordion-configurable/accordion-configurable-example.html
new file mode 100644
index 000000000000..b7fed2db81a5
--- /dev/null
+++ b/src/components-examples/aria/accordion/accordion-configurable/accordion-configurable-example.html
@@ -0,0 +1,109 @@
+<div class="example-accordion-controls">
+  <mat-checkbox [formControl]="wrap">Wrap (ArrowKey-only)</mat-checkbox>
+  <mat-checkbox [formControl]="multi">Multi</mat-checkbox>
+  <mat-checkbox [formControl]="disabled">Disabled</mat-checkbox>
+  <mat-checkbox [formControl]="skipDisabled">Skip Disabled</mat-checkbox>
+
+  <mat-form-field subscriptSizing="dynamic" appearance="outline">
+    <mat-label>Expanded Items</mat-label>
+    <mat-select [(value)]="expandedIds" multiple>
+      @for (item of items; track item) {
+        <mat-option [value]="item">{{item}}</mat-option>
+      }
+    </mat-select>
+  </mat-form-field>
+</div>
+
+<div
+  accordionGroup
+  class="example-accordion-group"
+  [multiExpandable]="multi.value"
+  [disabled]="disabled.value"
+  [skipDisabled]="skipDisabled.value"
+  [wrap]="wrap.value"
+  [(value)]="expandedIds"
+>
+  <div class="example-accordion">
+    <h3 class="example-accordion-header">
+      <button accordionTrigger class="example-accordion-trigger" value="item1">
+        Item 1 Trigger
+        <mat-icon aria-hidden="true">{{expansionIcon('item1')()}}</mat-icon>
+      </button>
+    </h3>
+    <div accordionPanel value="item1" class="example-accordion-panel">
+      <ng-template accordionContent>
+        <p>This is the content for Item 1.</p>
+        <button>Focusable Button</button>
+      </ng-template>
+    </div>
+  </div>
+
+  <div class="example-accordion">
+    <h3 class="example-accordion-header">
+      <button accordionTrigger class="example-accordion-trigger" value="item2" disabled>
+        Item 2 Trigger (disabled)
+        <mat-icon aria-hidden="true">{{expansionIcon('item2')()}}</mat-icon>
+      </button>
+    </h3>
+    <div accordionPanel value="item2" class="example-accordion-panel">
+      <ng-template accordionContent>
+        <p>This is the content for Item 2.</p>
+        <label>Input inside panel: <input type="text"></label>
+      </ng-template>
+    </div>
+  </div>
+
+  <div class="example-accordion">
+    <h3 class="example-accordion-header">
+      <button accordionTrigger class="example-accordion-trigger" value="item3">
+        Item 3 Trigger
+        <mat-icon aria-hidden="true">{{expansionIcon('item3')()}}</mat-icon>
+      </button>
+    </h3>
+    <div
+      accordionPanel
+      value="item3"
+      class="example-accordion-panel"
+    >
+      <ng-template accordionContent>
+        <p>This is the content for Item 3.</p>
+      </ng-template>
+    </div>
+  </div>
+
+  <div class="example-accordion">
+    <h3 class="example-accordion-header">
+      <button accordionTrigger class="example-accordion-trigger" value="item4">
+        Item 4 Trigger
+        <mat-icon aria-hidden="true">{{expansionIcon('item4')()}}</mat-icon>
+      </button>
+    </h3>
+    <div
+      accordionPanel
+      value="item4"
+      class="example-accordion-panel"
+    >
+      <ng-template accordionContent>
+        <p>This is the content for Item 4</p>
+      </ng-template>
+    </div>
+  </div>
+
+  <div class="example-accordion">
+    <h3 class="example-accordion-header">
+      <button accordionTrigger class="example-accordion-trigger" value="item5">
+        Item 5 Trigger
+        <mat-icon aria-hidden="true">{{expansionIcon('item5')()}}</mat-icon>
+      </button>
+    </h3>
+    <div
+      accordionPanel
+      value="item5"
+      class="example-accordion-panel"
+    >
+      <ng-template accordionContent>
+        <p>This is the content for Item 5</p>
+      </ng-template>
+    </div>
+  </div>
+</div>
diff --git a/src/components-examples/cdk-experimental/accordion/cdk-accordion-configurable/cdk-accordion-configurable-example.ts b/src/components-examples/aria/accordion/accordion-configurable/accordion-configurable-example.ts
similarity index 70%
rename from src/components-examples/cdk-experimental/accordion/cdk-accordion-configurable/cdk-accordion-configurable-example.ts
rename to src/components-examples/aria/accordion/accordion-configurable/accordion-configurable-example.ts
index c2b1af0bdc4c..b6a11095d344 100644
--- a/src/components-examples/cdk-experimental/accordion/cdk-accordion-configurable/cdk-accordion-configurable-example.ts
+++ b/src/components-examples/aria/accordion/accordion-configurable/accordion-configurable-example.ts
@@ -6,18 +6,18 @@ import {MatInputModule} from '@angular/material/input';
 import {MatSelectModule} from '@angular/material/select';
 import {MatIconModule} from '@angular/material/icon';
 import {
-  CdkAccordionGroup,
-  CdkAccordionTrigger,
-  CdkAccordionPanel,
-  CdkAccordionContent,
-} from '@angular/cdk-experimental/accordion';
+  AccordionGroup,
+  AccordionTrigger,
+  AccordionPanel,
+  AccordionContent,
+} from '@angular/aria/accordion';
 
 /** @title Configurable Accordion using UI Patterns. */
 @Component({
-  selector: 'cdk-accordion-configurable-example',
-  exportAs: 'cdkAccordionConfigurableExample',
-  templateUrl: 'cdk-accordion-configurable-example.html',
-  styleUrl: '../cdk-accordion-examples.css', // Point to shared CSS
+  selector: 'accordion-configurable-example',
+  exportAs: 'AccordionConfigurableExample',
+  templateUrl: 'accordion-configurable-example.html',
+  styleUrl: '../accordion-examples.css', // Point to shared CSS
   standalone: true,
   imports: [
     ReactiveFormsModule,
@@ -26,13 +26,13 @@ import {
     MatFormFieldModule,
     MatInputModule,
     MatSelectModule,
-    CdkAccordionGroup,
-    CdkAccordionTrigger,
-    CdkAccordionPanel,
-    CdkAccordionContent,
+    AccordionGroup,
+    AccordionTrigger,
+    AccordionPanel,
+    AccordionContent,
   ],
 })
-export class CdkAccordionConfigurableExample {
+export class AccordionConfigurableExample {
   // Accordion Group Properties
   wrap = new FormControl(true, {nonNullable: true});
   multi = new FormControl(true, {nonNullable: true});
diff --git a/src/components-examples/cdk-experimental/accordion/cdk-accordion-disabled-focusable/cdk-accordion-disabled-focusable-example.html b/src/components-examples/aria/accordion/accordion-disabled-focusable/accordion-disabled-focusable-example.html
similarity index 62%
rename from src/components-examples/cdk-experimental/accordion/cdk-accordion-disabled-focusable/cdk-accordion-disabled-focusable-example.html
rename to src/components-examples/aria/accordion/accordion-disabled-focusable/accordion-disabled-focusable-example.html
index 04387df81d66..644163ab05cf 100644
--- a/src/components-examples/cdk-experimental/accordion/cdk-accordion-disabled-focusable/cdk-accordion-disabled-focusable-example.html
+++ b/src/components-examples/aria/accordion/accordion-disabled-focusable/accordion-disabled-focusable-example.html
@@ -1,5 +1,5 @@
 <div
-  cdkAccordionGroup
+  accordionGroup
   class="example-accordion-group"
   [multiExpandable]="true"
   [skipDisabled]="false"
@@ -7,13 +7,13 @@
 >
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item1">
+      <button accordionTrigger class="example-accordion-trigger" value="item1">
         Item 1 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item1')()}}</mat-icon>
       </button>
     </h3>
-    <div cdkAccordionPanel value="item1" class="example-accordion-panel">
-      <ng-template cdkAccordionContent>
+    <div accordionPanel value="item1" class="example-accordion-panel">
+      <ng-template accordionContent>
         <p>This is the content for Item 1.</p>
       </ng-template>
     </div>
@@ -21,13 +21,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item2" disabled>
+      <button accordionTrigger class="example-accordion-trigger" value="item2" disabled>
         Item 2 Trigger (disabled)
         <mat-icon aria-hidden="true">{{expansionIcon('item2')()}}</mat-icon>
       </button>
     </h3>
-    <div cdkAccordionPanel value="item2" class="example-accordion-panel">
-      <ng-template cdkAccordionContent>
+    <div accordionPanel value="item2" class="example-accordion-panel">
+      <ng-template accordionContent>
         <p>This is the content for Item 2. This should not be expandable if trigger is disabled.</p>
       </ng-template>
     </div>
@@ -35,13 +35,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item3">
+      <button accordionTrigger class="example-accordion-trigger" value="item3">
         Item 3 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item3')()}}</mat-icon>
       </button>
     </h3>
-    <div cdkAccordionPanel value="item3" class="example-accordion-panel">
-      <ng-template cdkAccordionContent>
+    <div accordionPanel value="item3" class="example-accordion-panel">
+      <ng-template accordionContent>
         <p>This is the content for Item 3.</p>
       </ng-template>
     </div>
@@ -49,13 +49,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item4">
+      <button accordionTrigger class="example-accordion-trigger" value="item4">
         Item 4 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item4')()}}</mat-icon>
       </button>
     </h3>
-    <div cdkAccordionPanel value="item4" class="example-accordion-panel">
-      <ng-template cdkAccordionContent>
+    <div accordionPanel value="item4" class="example-accordion-panel">
+      <ng-template accordionContent>
         <p>This is the content for Item 4</p>
       </ng-template>
     </div>
@@ -63,13 +63,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item5">
+      <button accordionTrigger class="example-accordion-trigger" value="item5">
         Item 5 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item5')()}}</mat-icon>
       </button>
     </h3>
-    <div cdkAccordionPanel value="item5" class="example-accordion-panel">
-      <ng-template cdkAccordionContent>
+    <div accordionPanel value="item5" class="example-accordion-panel">
+      <ng-template accordionContent>
         <p>This is the content for Item 5</p>
       </ng-template>
     </div>
diff --git a/src/components-examples/aria/accordion/accordion-disabled-focusable/accordion-disabled-focusable-example.ts b/src/components-examples/aria/accordion/accordion-disabled-focusable/accordion-disabled-focusable-example.ts
new file mode 100644
index 000000000000..8405c4be29dc
--- /dev/null
+++ b/src/components-examples/aria/accordion/accordion-disabled-focusable/accordion-disabled-focusable-example.ts
@@ -0,0 +1,24 @@
+import {Component, computed, model, Signal} from '@angular/core';
+import {MatIconModule} from '@angular/material/icon';
+import {
+  AccordionGroup,
+  AccordionTrigger,
+  AccordionPanel,
+  AccordionContent,
+} from '@angular/aria/accordion';
+
+/** @title Accordion with focusable disabled items. */
+@Component({
+  selector: 'accordion-disabled-focusable-example',
+  templateUrl: 'accordion-disabled-focusable-example.html',
+  styleUrl: '../accordion-examples.css',
+  standalone: true,
+  imports: [MatIconModule, AccordionGroup, AccordionTrigger, AccordionPanel, AccordionContent],
+})
+export class AccordionDisabledFocusableExample {
+  expandedIds = model<string[]>([]);
+
+  expansionIcon(item: string): Signal<string> {
+    return computed(() => (this.expandedIds().includes(item) ? 'expand_less' : 'expand_more'));
+  }
+}
diff --git a/src/components-examples/cdk-experimental/accordion/cdk-accordion-disabled-skipped/cdk-accordion-disabled-skipped-example.html b/src/components-examples/aria/accordion/accordion-disabled-skipped/accordion-disabled-skipped-example.html
similarity index 62%
rename from src/components-examples/cdk-experimental/accordion/cdk-accordion-disabled-skipped/cdk-accordion-disabled-skipped-example.html
rename to src/components-examples/aria/accordion/accordion-disabled-skipped/accordion-disabled-skipped-example.html
index 617780d401ca..bd2842c81257 100644
--- a/src/components-examples/cdk-experimental/accordion/cdk-accordion-disabled-skipped/cdk-accordion-disabled-skipped-example.html
+++ b/src/components-examples/aria/accordion/accordion-disabled-skipped/accordion-disabled-skipped-example.html
@@ -1,5 +1,5 @@
 <div
-  cdkAccordionGroup
+  accordionGroup
   class="example-accordion-group"
   [multiExpandable]="true"
   [skipDisabled]="true"
@@ -7,13 +7,13 @@
 >
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item1">
+      <button accordionTrigger class="example-accordion-trigger" value="item1">
         Item 1 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item1')()}}</mat-icon>
       </button>
     </h3>
-    <div cdkAccordionPanel value="item1" class="example-accordion-panel">
-      <ng-template cdkAccordionContent>
+    <div accordionPanel value="item1" class="example-accordion-panel">
+      <ng-template accordionContent>
         <p>This is the content for Item 1.</p>
       </ng-template>
     </div>
@@ -21,13 +21,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item2" disabled>
+      <button accordionTrigger class="example-accordion-trigger" value="item2" disabled>
         Item 2 Trigger (disabled)
         <mat-icon aria-hidden="true">{{expansionIcon('item2')()}}</mat-icon>
       </button>
     </h3>
-    <div cdkAccordionPanel value="item2" class="example-accordion-panel">
-      <ng-template cdkAccordionContent>
+    <div accordionPanel value="item2" class="example-accordion-panel">
+      <ng-template accordionContent>
         <p>This is the content for Item 2. This should not be reachable or expandable.</p>
       </ng-template>
     </div>
@@ -35,13 +35,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item3">
+      <button accordionTrigger class="example-accordion-trigger" value="item3">
         Item 3 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item3')()}}</mat-icon>
       </button>
     </h3>
-    <div cdkAccordionPanel value="item3" class="example-accordion-panel">
-      <ng-template cdkAccordionContent>
+    <div accordionPanel value="item3" class="example-accordion-panel">
+      <ng-template accordionContent>
         <p>This is the content for Item 3.</p>
       </ng-template>
     </div>
@@ -49,13 +49,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item4">
+      <button accordionTrigger class="example-accordion-trigger" value="item4">
         Item 4 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item4')()}}</mat-icon>
       </button>
     </h3>
-    <div cdkAccordionPanel value="item4" class="example-accordion-panel">
-      <ng-template cdkAccordionContent>
+    <div accordionPanel value="item4" class="example-accordion-panel">
+      <ng-template accordionContent>
         <p>This is the content for Item 4</p>
       </ng-template>
     </div>
@@ -63,13 +63,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item5">
+      <button accordionTrigger class="example-accordion-trigger" value="item5">
         Item 5 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item5')()}}</mat-icon>
       </button>
     </h3>
-    <div cdkAccordionPanel value="item5" class="example-accordion-panel">
-      <ng-template cdkAccordionContent>
+    <div accordionPanel value="item5" class="example-accordion-panel">
+      <ng-template accordionContent>
         <p>This is the content for Item 5</p>
       </ng-template>
     </div>
diff --git a/src/components-examples/aria/accordion/accordion-disabled-skipped/accordion-disabled-skipped-example.ts b/src/components-examples/aria/accordion/accordion-disabled-skipped/accordion-disabled-skipped-example.ts
new file mode 100644
index 000000000000..4d946b5d9fe3
--- /dev/null
+++ b/src/components-examples/aria/accordion/accordion-disabled-skipped/accordion-disabled-skipped-example.ts
@@ -0,0 +1,24 @@
+import {Component, computed, model, Signal} from '@angular/core';
+import {MatIconModule} from '@angular/material/icon';
+import {
+  AccordionGroup,
+  AccordionTrigger,
+  AccordionPanel,
+  AccordionContent,
+} from '@angular/aria/accordion';
+
+/** @title Accordion with skipped disabled items. */
+@Component({
+  selector: 'accordion-disabled-skipped-example',
+  templateUrl: 'accordion-disabled-skipped-example.html',
+  styleUrl: '../accordion-examples.css',
+  standalone: true,
+  imports: [MatIconModule, AccordionGroup, AccordionTrigger, AccordionPanel, AccordionContent],
+})
+export class AccordionDisabledSkippedExample {
+  expandedIds = model<string[]>([]);
+
+  expansionIcon(item: string): Signal<string> {
+    return computed(() => (this.expandedIds().includes(item) ? 'expand_less' : 'expand_more'));
+  }
+}
diff --git a/src/components-examples/cdk-experimental/accordion/cdk-accordion-disabled/cdk-accordion-disabled-example.html b/src/components-examples/aria/accordion/accordion-disabled/accordion-disabled-example.html
similarity index 60%
rename from src/components-examples/cdk-experimental/accordion/cdk-accordion-disabled/cdk-accordion-disabled-example.html
rename to src/components-examples/aria/accordion/accordion-disabled/accordion-disabled-example.html
index 3ef9e3d3a16f..d9f821ad543a 100644
--- a/src/components-examples/cdk-experimental/accordion/cdk-accordion-disabled/cdk-accordion-disabled-example.html
+++ b/src/components-examples/aria/accordion/accordion-disabled/accordion-disabled-example.html
@@ -1,13 +1,13 @@
-<div cdkAccordionGroup class="example-accordion-group" [(value)]="expandedIds" [disabled]="true">
+<div accordionGroup class="example-accordion-group" [(value)]="expandedIds" [disabled]="true">
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item1">
+      <button accordionTrigger class="example-accordion-trigger" value="item1">
         Item 1 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item1')()}}</mat-icon>
       </button>
     </h3>
-    <div cdkAccordionPanel value="item1" class="example-accordion-panel">
-      <ng-template cdkAccordionContent>
+    <div accordionPanel value="item1" class="example-accordion-panel">
+      <ng-template accordionContent>
         <p>This is the content for Item 1.</p>
         <button>Focusable Button</button>
       </ng-template>
@@ -16,13 +16,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item2">
+      <button accordionTrigger class="example-accordion-trigger" value="item2">
         Item 2 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item2')()}}</mat-icon>
       </button>
     </h3>
-    <div cdkAccordionPanel value="item2" class="example-accordion-panel">
-      <ng-template cdkAccordionContent>
+    <div accordionPanel value="item2" class="example-accordion-panel">
+      <ng-template accordionContent>
         <p>This is the content for Item 2.</p>
         <label>Input inside panel: <input type="text" /></label>
       </ng-template>
@@ -31,13 +31,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item3">
+      <button accordionTrigger class="example-accordion-trigger" value="item3">
         Item 3 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item3')()}}</mat-icon>
       </button>
     </h3>
-    <div cdkAccordionPanel value="item3" class="example-accordion-panel">
-      <ng-template cdkAccordionContent>
+    <div accordionPanel value="item3" class="example-accordion-panel">
+      <ng-template accordionContent>
         <p>This is the content for Item 3.</p>
       </ng-template>
     </div>
@@ -45,13 +45,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item4">
+      <button accordionTrigger class="example-accordion-trigger" value="item4">
         Item 4 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item4')()}}</mat-icon>
       </button>
     </h3>
-    <div cdkAccordionPanel value="item4" class="example-accordion-panel">
-      <ng-template cdkAccordionContent>
+    <div accordionPanel value="item4" class="example-accordion-panel">
+      <ng-template accordionContent>
         <p>This is the content for Item 4</p>
       </ng-template>
     </div>
@@ -59,13 +59,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item5">
+      <button accordionTrigger class="example-accordion-trigger" value="item5">
         Item 5 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item5')()}}</mat-icon>
       </button>
     </h3>
-    <div cdkAccordionPanel value="item5" class="example-accordion-panel">
-      <ng-template cdkAccordionContent>
+    <div accordionPanel value="item5" class="example-accordion-panel">
+      <ng-template accordionContent>
         <p>This is the content for Item 5</p>
       </ng-template>
     </div>
diff --git a/src/components-examples/aria/accordion/accordion-disabled/accordion-disabled-example.ts b/src/components-examples/aria/accordion/accordion-disabled/accordion-disabled-example.ts
new file mode 100644
index 000000000000..4a883b839bf6
--- /dev/null
+++ b/src/components-examples/aria/accordion/accordion-disabled/accordion-disabled-example.ts
@@ -0,0 +1,24 @@
+import {Component, computed, model, Signal} from '@angular/core';
+import {MatIconModule} from '@angular/material/icon';
+import {
+  AccordionGroup,
+  AccordionTrigger,
+  AccordionPanel,
+  AccordionContent,
+} from '@angular/aria/accordion';
+
+/** @title Disabled Accordion. */
+@Component({
+  selector: 'accordion-disabled-example',
+  templateUrl: 'accordion-disabled-example.html',
+  styleUrl: '../accordion-examples.css',
+  standalone: true,
+  imports: [MatIconModule, AccordionGroup, AccordionTrigger, AccordionPanel, AccordionContent],
+})
+export class AccordionDisabledExample {
+  expandedIds = model<string[]>(['item1']);
+
+  expansionIcon(item: string): Signal<string> {
+    return computed(() => (this.expandedIds().includes(item) ? 'expand_less' : 'expand_more'));
+  }
+}
diff --git a/src/components-examples/cdk-experimental/accordion/cdk-accordion-examples.css b/src/components-examples/aria/accordion/accordion-examples.css
similarity index 73%
rename from src/components-examples/cdk-experimental/accordion/cdk-accordion-examples.css
rename to src/components-examples/aria/accordion/accordion-examples.css
index 9cf934ec507a..bcf9a83dd9a6 100644
--- a/src/components-examples/cdk-experimental/accordion/cdk-accordion-examples.css
+++ b/src/components-examples/aria/accordion/accordion-examples.css
@@ -12,7 +12,7 @@
   margin: 0;
 }
 
-.example-accordion-header .cdk-accordion-trigger {
+.example-accordion-header .example-accordion-trigger {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -25,20 +25,20 @@
   margin-bottom: 4px;
 }
 
-.example-accordion-header .cdk-accordion-trigger:hover {
+.example-accordion-header .example-accordion-trigger:hover {
   background-color: var(--mat-sys-surface-container-highest);
 }
 
-.example-accordion-header .cdk-accordion-trigger.cdk-active {
+.example-accordion-header .example-accordion-trigger[data-active='true'] {
   background-color: var(--mat-sys-surface-dim);
 }
 
-.example-accordion-header .cdk-accordion-trigger:focus {
+.example-accordion-header .example-accordion-trigger:focus {
   outline: 2px solid var(--mat-sys-primary);
   outline-offset: -2px;
 }
 
-.example-accordion-header .cdk-accordion-trigger[aria-disabled='true'] {
+.example-accordion-header .example-accordion-trigger[aria-disabled='true'] {
   color: inherit;
   opacity: 0.6;
 }
diff --git a/src/components-examples/cdk-experimental/accordion/cdk-accordion-multi-expansion/cdk-accordion-multi-expansion-example.html b/src/components-examples/aria/accordion/accordion-multi-expansion/accordion-multi-expansion-example.html
similarity index 70%
rename from src/components-examples/cdk-experimental/accordion/cdk-accordion-multi-expansion/cdk-accordion-multi-expansion-example.html
rename to src/components-examples/aria/accordion/accordion-multi-expansion/accordion-multi-expansion-example.html
index 5a95345b9df2..8baa4cdec1d4 100644
--- a/src/components-examples/cdk-experimental/accordion/cdk-accordion-multi-expansion/cdk-accordion-multi-expansion-example.html
+++ b/src/components-examples/aria/accordion/accordion-multi-expansion/accordion-multi-expansion-example.html
@@ -1,18 +1,18 @@
 <div
-  cdkAccordionGroup
+  accordionGroup
   class="example-accordion-group"
   [multiExpandable]="true"
   [(value)]="expandedIds"
 >
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item1">
+      <button accordionTrigger class="example-accordion-trigger" value="item1">
         Item 1 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item1')()}}</mat-icon>
       </button>
     </h3>
-    <div cdkAccordionPanel value="item1" class="example-accordion-panel">
-      <ng-template cdkAccordionContent>
+    <div accordionPanel value="item1" class="example-accordion-panel">
+      <ng-template accordionContent>
         <p>This is the content for Item 1. Multiple items can be expanded.</p>
         <button>Focusable Button</button>
       </ng-template>
@@ -21,13 +21,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item2">
+      <button accordionTrigger class="example-accordion-trigger" value="item2">
         Item 2 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item2')()}}</mat-icon>
       </button>
     </h3>
-    <div cdkAccordionPanel value="item2" class="example-accordion-panel">
-      <ng-template cdkAccordionContent>
+    <div accordionPanel value="item2" class="example-accordion-panel">
+      <ng-template accordionContent>
         <p>This is the content for Item 2.</p>
         <label>Input inside panel: <input type="text"></label>
       </ng-template>
@@ -36,17 +36,17 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item3">
+      <button accordionTrigger class="example-accordion-trigger" value="item3">
         Item 3 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item3')()}}</mat-icon>
       </button>
     </h3>
     <div
-      cdkAccordionPanel
+      accordionPanel
       value="item3"
       class="example-accordion-panel"
     >
-      <ng-template cdkAccordionContent>
+      <ng-template accordionContent>
         <p>This is the content for Item 3.</p>
       </ng-template>
     </div>
@@ -54,17 +54,17 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item4">
+      <button accordionTrigger class="example-accordion-trigger" value="item4">
         Item 4 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item4')()}}</mat-icon>
       </button>
     </h3>
     <div
-      cdkAccordionPanel
+      accordionPanel
       value="item4"
       class="example-accordion-panel"
     >
-      <ng-template cdkAccordionContent>
+      <ng-template accordionContent>
         <p>This is the content for Item 4</p>
       </ng-template>
     </div>
@@ -72,17 +72,17 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item5">
+      <button accordionTrigger class="example-accordion-trigger" value="item5">
         Item 5 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item5')()}}</mat-icon>
       </button>
     </h3>
     <div
-      cdkAccordionPanel
+      accordionPanel
       value="item5"
       class="example-accordion-panel"
     >
-      <ng-template cdkAccordionContent>
+      <ng-template accordionContent>
         <p>This is the content for Item 5</p>
       </ng-template>
     </div>
diff --git a/src/components-examples/aria/accordion/accordion-multi-expansion/accordion-multi-expansion-example.ts b/src/components-examples/aria/accordion/accordion-multi-expansion/accordion-multi-expansion-example.ts
new file mode 100644
index 000000000000..3e8bd4792453
--- /dev/null
+++ b/src/components-examples/aria/accordion/accordion-multi-expansion/accordion-multi-expansion-example.ts
@@ -0,0 +1,24 @@
+import {Component, computed, model, Signal} from '@angular/core';
+import {MatIconModule} from '@angular/material/icon';
+import {
+  AccordionGroup,
+  AccordionTrigger,
+  AccordionPanel,
+  AccordionContent,
+} from '@angular/aria/accordion';
+
+/** @title Accordion with multi-expansion. */
+@Component({
+  selector: 'accordion-multi-expansion-example',
+  templateUrl: 'accordion-multi-expansion-example.html',
+  styleUrl: '../accordion-examples.css',
+  standalone: true,
+  imports: [MatIconModule, AccordionGroup, AccordionTrigger, AccordionPanel, AccordionContent],
+})
+export class AccordionMultiExpansionExample {
+  expandedIds = model<string[]>([]);
+
+  expansionIcon(item: string): Signal<string> {
+    return computed(() => (this.expandedIds().includes(item) ? 'expand_less' : 'expand_more'));
+  }
+}
diff --git a/src/components-examples/cdk-experimental/accordion/cdk-accordion-single-expansion/cdk-accordion-single-expansion-example.html b/src/components-examples/aria/accordion/accordion-single-expansion/accordion-single-expansion-example.html
similarity index 69%
rename from src/components-examples/cdk-experimental/accordion/cdk-accordion-single-expansion/cdk-accordion-single-expansion-example.html
rename to src/components-examples/aria/accordion/accordion-single-expansion/accordion-single-expansion-example.html
index 5579965c75d0..edb1b6193155 100644
--- a/src/components-examples/cdk-experimental/accordion/cdk-accordion-single-expansion/cdk-accordion-single-expansion-example.html
+++ b/src/components-examples/aria/accordion/accordion-single-expansion/accordion-single-expansion-example.html
@@ -1,18 +1,18 @@
 <div
-  cdkAccordionGroup
+  accordionGroup
   class="example-accordion-group"
   [multiExpandable]="false"
   [(value)]="expandedIds"
 >
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item1">
+      <button accordionTrigger class="example-accordion-trigger" value="item1">
         Item 1 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item1')()}}</mat-icon>
       </button>
     </h3>
-    <div cdkAccordionPanel value="item1" class="example-accordion-panel">
-      <ng-template cdkAccordionContent>
+    <div accordionPanel value="item1" class="example-accordion-panel">
+      <ng-template accordionContent>
         <p>This is the content for Item 1.</p>
         <button>Focusable Button</button>
       </ng-template>
@@ -21,13 +21,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item2">
+      <button accordionTrigger class="example-accordion-trigger" value="item2">
         Item 2 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item2')()}}</mat-icon>
       </button>
     </h3>
-    <div cdkAccordionPanel value="item2" class="example-accordion-panel">
-      <ng-template cdkAccordionContent>
+    <div accordionPanel value="item2" class="example-accordion-panel">
+      <ng-template accordionContent>
         <p>This is the content for Item 2.</p>
         <label>Input inside panel: <input type="text"></label>
       </ng-template>
@@ -36,17 +36,17 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item3">
+      <button accordionTrigger class="example-accordion-trigger" value="item3">
         Item 3 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item3')()}}</mat-icon>
       </button>
     </h3>
     <div
-      cdkAccordionPanel
+      accordionPanel
       value="item3"
       class="example-accordion-panel"
     >
-      <ng-template cdkAccordionContent>
+      <ng-template accordionContent>
         <p>This is the content for Item 3.</p>
       </ng-template>
     </div>
@@ -54,17 +54,17 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item4">
+      <button accordionTrigger class="example-accordion-trigger" value="item4">
         Item 4 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item4')()}}</mat-icon>
       </button>
     </h3>
     <div
-      cdkAccordionPanel
+      accordionPanel
       value="item4"
       class="example-accordion-panel"
     >
-      <ng-template cdkAccordionContent>
+      <ng-template accordionContent>
         <p>This is the content for Item 4</p>
       </ng-template>
     </div>
@@ -72,17 +72,17 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item5">
+      <button accordionTrigger class="example-accordion-trigger" value="item5">
         Item 5 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item5')()}}</mat-icon>
       </button>
     </h3>
     <div
-      cdkAccordionPanel
+      accordionPanel
       value="item5"
       class="example-accordion-panel"
     >
-      <ng-template cdkAccordionContent>
+      <ng-template accordionContent>
         <p>This is the content for Item 5</p>
       </ng-template>
     </div>
diff --git a/src/components-examples/aria/accordion/accordion-single-expansion/accordion-single-expansion-example.ts b/src/components-examples/aria/accordion/accordion-single-expansion/accordion-single-expansion-example.ts
new file mode 100644
index 000000000000..56ed758f0e3a
--- /dev/null
+++ b/src/components-examples/aria/accordion/accordion-single-expansion/accordion-single-expansion-example.ts
@@ -0,0 +1,24 @@
+import {Component, computed, model, Signal} from '@angular/core';
+import {MatIconModule} from '@angular/material/icon';
+import {
+  AccordionGroup,
+  AccordionTrigger,
+  AccordionPanel,
+  AccordionContent,
+} from '@angular/aria/accordion';
+
+/** @title Accordion with single expansion. */
+@Component({
+  selector: 'accordion-single-expansion-example',
+  templateUrl: 'accordion-single-expansion-example.html',
+  styleUrl: '../accordion-examples.css',
+  standalone: true,
+  imports: [MatIconModule, AccordionGroup, AccordionTrigger, AccordionPanel, AccordionContent],
+})
+export class AccordionSingleExpansionExample {
+  expandedIds = model<string[]>([]);
+
+  expansionIcon(item: string): Signal<string> {
+    return computed(() => (this.expandedIds().includes(item) ? 'expand_less' : 'expand_more'));
+  }
+}
diff --git a/src/components-examples/cdk-experimental/accordion/cdk-accordion-configurable/cdk-accordion-configurable-example.html b/src/components-examples/aria/accordion/cdk-accordion-configurable/cdk-accordion-configurable-example.html
similarity index 75%
rename from src/components-examples/cdk-experimental/accordion/cdk-accordion-configurable/cdk-accordion-configurable-example.html
rename to src/components-examples/aria/accordion/cdk-accordion-configurable/cdk-accordion-configurable-example.html
index 84045c0dd5cc..4f34b9049ea5 100644
--- a/src/components-examples/cdk-experimental/accordion/cdk-accordion-configurable/cdk-accordion-configurable-example.html
+++ b/src/components-examples/aria/accordion/cdk-accordion-configurable/cdk-accordion-configurable-example.html
@@ -15,7 +15,7 @@
 </div>
 
 <div
-  cdkAccordionGroup
+  accordionGroup
   class="example-accordion-group"
   [multiExpandable]="multi.value"
   [disabled]="disabled.value"
@@ -25,13 +25,13 @@
 >
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item1">
+      <button accordionTrigger class="example-accordion-trigger" class="example-accordion-trigger" value="item1">
         Item 1 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item1')()}}</mat-icon>
       </button>
     </h3>
-    <div cdkAccordionPanel value="item1" class="example-accordion-panel">
-      <ng-template cdkAccordionContent>
+    <div accordionPanel value="item1" class="example-accordion-panel">
+      <ng-template accordionContent>
         <p>This is the content for Item 1.</p>
         <button>Focusable Button</button>
       </ng-template>
@@ -40,13 +40,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item2" disabled>
+      <button accordionTrigger class="example-accordion-trigger" value="item2" disabled>
         Item 2 Trigger (disabled)
         <mat-icon aria-hidden="true">{{expansionIcon('item2')()}}</mat-icon>
       </button>
     </h3>
-    <div cdkAccordionPanel value="item2" class="example-accordion-panel">
-      <ng-template cdkAccordionContent>
+    <div accordionPanel value="item2" class="example-accordion-panel">
+      <ng-template accordionContent>
         <p>This is the content for Item 2.</p>
         <label>Input inside panel: <input type="text"></label>
       </ng-template>
@@ -55,17 +55,17 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item3">
+      <button accordionTrigger class="example-accordion-trigger" value="item3">
         Item 3 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item3')()}}</mat-icon>
       </button>
     </h3>
     <div
-      cdkAccordionPanel
+      accordionPanel
       value="item3"
       class="example-accordion-panel"
     >
-      <ng-template cdkAccordionContent>
+      <ng-template accordionContent>
         <p>This is the content for Item 3.</p>
       </ng-template>
     </div>
@@ -73,17 +73,17 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item4">
+      <button accordionTrigger class="example-accordion-trigger" value="item4">
         Item 4 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item4')()}}</mat-icon>
       </button>
     </h3>
     <div
-      cdkAccordionPanel
+      accordionPanel
       value="item4"
       class="example-accordion-panel"
     >
-      <ng-template cdkAccordionContent>
+      <ng-template accordionContent>
         <p>This is the content for Item 4</p>
       </ng-template>
     </div>
@@ -91,17 +91,17 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button cdkAccordionTrigger value="item5">
+      <button accordionTrigger class="example-accordion-trigger" value="item5">
         Item 5 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item5')()}}</mat-icon>
       </button>
     </h3>
     <div
-      cdkAccordionPanel
+      accordionPanel
       value="item5"
       class="example-accordion-panel"
     >
-      <ng-template cdkAccordionContent>
+      <ng-template accordionContent>
         <p>This is the content for Item 5</p>
       </ng-template>
     </div>
diff --git a/src/components-examples/aria/accordion/index.ts b/src/components-examples/aria/accordion/index.ts
new file mode 100644
index 000000000000..563b3b6e1086
--- /dev/null
+++ b/src/components-examples/aria/accordion/index.ts
@@ -0,0 +1,6 @@
+export {AccordionConfigurableExample} from './accordion-configurable/accordion-configurable-example';
+export {AccordionSingleExpansionExample} from './accordion-single-expansion/accordion-single-expansion-example';
+export {AccordionMultiExpansionExample} from './accordion-multi-expansion/accordion-multi-expansion-example';
+export {AccordionDisabledFocusableExample} from './accordion-disabled-focusable/accordion-disabled-focusable-example';
+export {AccordionDisabledSkippedExample} from './accordion-disabled-skipped/accordion-disabled-skipped-example';
+export {AccordionDisabledExample} from './accordion-disabled/accordion-disabled-example';
diff --git a/src/components-examples/cdk-experimental/combobox/BUILD.bazel b/src/components-examples/aria/combobox/BUILD.bazel
similarity index 85%
rename from src/components-examples/cdk-experimental/combobox/BUILD.bazel
rename to src/components-examples/aria/combobox/BUILD.bazel
index 9e2dfcead864..6d08b7469803 100644
--- a/src/components-examples/cdk-experimental/combobox/BUILD.bazel
+++ b/src/components-examples/aria/combobox/BUILD.bazel
@@ -13,8 +13,9 @@ ng_project(
         "//:node_modules/@angular/common",
         "//:node_modules/@angular/core",
         "//:node_modules/@angular/forms",
-        "//src/cdk-experimental/listbox",
-        "//src/cdk-experimental/tree",
+        "//src/aria/combobox",
+        "//src/aria/listbox",
+        "//src/aria/tree",
     ],
 )
 
diff --git a/src/components-examples/cdk-experimental/combobox/cdk-combobox-auto-select/cdk-combobox-auto-select-example.html b/src/components-examples/aria/combobox/combobox-auto-select/combobox-auto-select-example.html
similarity index 76%
rename from src/components-examples/cdk-experimental/combobox/cdk-combobox-auto-select/cdk-combobox-auto-select-example.html
rename to src/components-examples/aria/combobox/combobox-auto-select/combobox-auto-select-example.html
index e582263fd44a..d985bde86220 100644
--- a/src/components-examples/cdk-experimental/combobox/cdk-combobox-auto-select/cdk-combobox-auto-select-example.html
+++ b/src/components-examples/aria/combobox/combobox-auto-select/combobox-auto-select-example.html
@@ -1,13 +1,8 @@
-<div
-  #combobox="cdkCombobox"
-  cdkCombobox
-  filterMode="auto-select"
-  class="example-combobox-container"
->
+<div #combobox="combobox" combobox filterMode="auto-select" class="example-combobox-container">
   <div class="example-combobox-input-container">
     <span class="material-symbols-outlined example-icon example-search-icon">search</span>
     <input
-      cdkComboboxInput
+      comboboxInput
       placeholder="Search..."
       [(value)]="searchString"
       class="example-combobox-input"
@@ -15,12 +10,12 @@
   </div>
 
   <div popover="manual" #popover class="example-popover">
-    <ng-template cdkComboboxPopupContainer>
-      <div cdkListbox class="example-listbox">
+    <ng-template comboboxPopupContainer>
+      <div listbox class="example-listbox">
         @for (option of options(); track option) {
           <div
             class="example-option example-selectable example-stateful"
-            cdkOption
+            option
             [value]="option"
             [label]="option"
           >
diff --git a/src/components-examples/cdk-experimental/combobox/cdk-combobox-auto-select/cdk-combobox-auto-select-example.ts b/src/components-examples/aria/combobox/combobox-auto-select/combobox-auto-select-example.ts
similarity index 78%
rename from src/components-examples/cdk-experimental/combobox/cdk-combobox-auto-select/cdk-combobox-auto-select-example.ts
rename to src/components-examples/aria/combobox/combobox-auto-select/combobox-auto-select-example.ts
index 2fd3e2acea65..a2cb39aef496 100644
--- a/src/components-examples/cdk-experimental/combobox/cdk-combobox-auto-select/cdk-combobox-auto-select-example.ts
+++ b/src/components-examples/aria/combobox/combobox-auto-select/combobox-auto-select-example.ts
@@ -7,12 +7,12 @@
  */
 
 import {
-  CdkCombobox,
-  CdkComboboxInput,
-  CdkComboboxPopup,
-  CdkComboboxPopupContainer,
-} from '@angular/cdk-experimental/combobox';
-import {CdkListbox, CdkOption} from '@angular/cdk-experimental/listbox';
+  Combobox,
+  ComboboxInput,
+  ComboboxPopup,
+  ComboboxPopupContainer,
+} from '@angular/aria/combobox';
+import {Listbox, Option} from '@angular/aria/listbox';
 import {
   afterRenderEffect,
   ChangeDetectionStrategy,
@@ -25,23 +25,16 @@ import {
 
 /** @title Combobox with auto-select filtering. */
 @Component({
-  selector: 'cdk-combobox-auto-select-example',
-  templateUrl: 'cdk-combobox-auto-select-example.html',
-  styleUrl: '../cdk-combobox-examples.css',
-  imports: [
-    CdkCombobox,
-    CdkComboboxInput,
-    CdkComboboxPopup,
-    CdkComboboxPopupContainer,
-    CdkListbox,
-    CdkOption,
-  ],
+  selector: 'combobox-auto-select-example',
+  templateUrl: 'combobox-auto-select-example.html',
+  styleUrl: '../combobox-examples.css',
+  imports: [Combobox, ComboboxInput, ComboboxPopup, ComboboxPopupContainer, Listbox, Option],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class CdkComboboxAutoSelectExample {
+export class ComboboxAutoSelectExample {
   popover = viewChild<ElementRef>('popover');
-  listbox = viewChild<CdkListbox<any>>(CdkListbox);
-  combobox = viewChild<CdkCombobox<any>>(CdkCombobox);
+  listbox = viewChild<Listbox<any>>(Listbox);
+  combobox = viewChild<Combobox<any>>(Combobox);
 
   searchString = signal('');
 
diff --git a/src/components-examples/cdk-experimental/combobox/cdk-combobox-examples.css b/src/components-examples/aria/combobox/combobox-examples.css
similarity index 94%
rename from src/components-examples/cdk-experimental/combobox/cdk-combobox-examples.css
rename to src/components-examples/aria/combobox/combobox-examples.css
index ac10fdf13b13..54e96b72490d 100644
--- a/src/components-examples/cdk-experimental/combobox/cdk-combobox-examples.css
+++ b/src/components-examples/aria/combobox/combobox-examples.css
@@ -85,7 +85,7 @@
   display: none;
 }
 
-.example-combobox-container:focus-within .cdk-active {
+.example-combobox-container:focus-within [data-active='true'] {
   background: color-mix(
     in srgb,
     var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%),
@@ -93,7 +93,7 @@
   );
 }
 
-.example-combobox-container:focus-within .cdk-active[aria-selected='true'] {
+.example-combobox-container:focus-within [data-active='true'][aria-selected='true'] {
   background: color-mix(
     in srgb,
     var(--mat-sys-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%),
diff --git a/src/components-examples/cdk-experimental/combobox/cdk-combobox-highlight/cdk-combobox-highlight-example.html b/src/components-examples/aria/combobox/combobox-highlight/combobox-highlight-example.html
similarity index 83%
rename from src/components-examples/cdk-experimental/combobox/cdk-combobox-highlight/cdk-combobox-highlight-example.html
rename to src/components-examples/aria/combobox/combobox-highlight/combobox-highlight-example.html
index 59430fda8cd7..2edf948f93af 100644
--- a/src/components-examples/cdk-experimental/combobox/cdk-combobox-highlight/cdk-combobox-highlight-example.html
+++ b/src/components-examples/aria/combobox/combobox-highlight/combobox-highlight-example.html
@@ -1,13 +1,13 @@
 <div
-  #combobox="cdkCombobox"
-  cdkCombobox
+  #combobox="combobox"
+  combobox
   filterMode="highlight"
   class="example-combobox-container"
 >
   <div class="example-combobox-input-container">
     <span class="material-symbols-outlined example-icon example-search-icon">search</span>
     <input
-      cdkComboboxInput
+      comboboxInput
       placeholder="Search..."
       [(value)]="searchString"
       class="example-combobox-input"
@@ -15,12 +15,12 @@
   </div>
 
   <div popover="manual" #popover class="example-popover">
-    <ng-template cdkComboboxPopupContainer>
-      <div cdkListbox class="example-listbox">
+    <ng-template comboboxPopupContainer>
+      <div listbox class="example-listbox">
         @for (option of options(); track option) {
           <div
             class="example-option example-selectable example-stateful"
-            cdkOption
+            option
             [value]="option"
             [label]="option"
           >
diff --git a/src/components-examples/cdk-experimental/combobox/cdk-combobox-highlight/cdk-combobox-highlight-example.ts b/src/components-examples/aria/combobox/combobox-highlight/combobox-highlight-example.ts
similarity index 79%
rename from src/components-examples/cdk-experimental/combobox/cdk-combobox-highlight/cdk-combobox-highlight-example.ts
rename to src/components-examples/aria/combobox/combobox-highlight/combobox-highlight-example.ts
index 611ab5ab004e..074310e88c1f 100644
--- a/src/components-examples/cdk-experimental/combobox/cdk-combobox-highlight/cdk-combobox-highlight-example.ts
+++ b/src/components-examples/aria/combobox/combobox-highlight/combobox-highlight-example.ts
@@ -7,12 +7,12 @@
  */
 
 import {
-  CdkCombobox,
-  CdkComboboxInput,
-  CdkComboboxPopup,
-  CdkComboboxPopupContainer,
-} from '@angular/cdk-experimental/combobox';
-import {CdkListbox, CdkOption} from '@angular/cdk-experimental/listbox';
+  Combobox,
+  ComboboxInput,
+  ComboboxPopup,
+  ComboboxPopupContainer,
+} from '@angular/aria/combobox';
+import {Listbox, Option} from '@angular/aria/listbox';
 import {
   afterRenderEffect,
   ChangeDetectionStrategy,
@@ -26,24 +26,24 @@ import {FormsModule} from '@angular/forms';
 
 /** @title Combobox with highlight filtering. */
 @Component({
-  selector: 'cdk-combobox-highlight-example',
-  templateUrl: 'cdk-combobox-highlight-example.html',
-  styleUrl: '../cdk-combobox-examples.css',
+  selector: 'combobox-highlight-example',
+  templateUrl: 'combobox-highlight-example.html',
+  styleUrl: '../combobox-examples.css',
   imports: [
-    CdkCombobox,
-    CdkComboboxInput,
-    CdkComboboxPopup,
-    CdkComboboxPopupContainer,
-    CdkListbox,
-    CdkOption,
+    Combobox,
+    ComboboxInput,
+    ComboboxPopup,
+    ComboboxPopupContainer,
+    Listbox,
+    Option,
     FormsModule,
   ],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class CdkComboboxHighlightExample {
+export class ComboboxHighlightExample {
   popover = viewChild<ElementRef>('popover');
-  listbox = viewChild<CdkListbox<any>>(CdkListbox);
-  combobox = viewChild<CdkCombobox<any>>(CdkCombobox);
+  listbox = viewChild<Listbox<any>>(Listbox);
+  combobox = viewChild<Combobox<any>>(Combobox);
 
   searchString = signal('');
 
diff --git a/src/components-examples/cdk-experimental/combobox/cdk-combobox-manual/cdk-combobox-manual-example.html b/src/components-examples/aria/combobox/combobox-manual/combobox-manual-example.html
similarity index 83%
rename from src/components-examples/cdk-experimental/combobox/cdk-combobox-manual/cdk-combobox-manual-example.html
rename to src/components-examples/aria/combobox/combobox-manual/combobox-manual-example.html
index 2d5ec27ae3cc..aac5ee18904c 100644
--- a/src/components-examples/cdk-experimental/combobox/cdk-combobox-manual/cdk-combobox-manual-example.html
+++ b/src/components-examples/aria/combobox/combobox-manual/combobox-manual-example.html
@@ -1,13 +1,13 @@
 <div
-  cdkCombobox
-  #combobox="cdkCombobox"
+  combobox
+  #combobox="combobox"
   filterMode="manual"
   class="example-combobox-container"
 >
   <div class="example-combobox-input-container">
     <span class="material-symbols-outlined example-icon example-search-icon">search</span>
     <input
-      cdkComboboxInput
+      comboboxInput
       class="example-combobox-input"
       placeholder="Search..."
       [(value)]="searchString"
@@ -15,12 +15,12 @@
   </div>
 
   <div popover="manual" #popover class="example-popover">
-    <ng-template cdkComboboxPopupContainer>
-      <div cdkListbox class="example-listbox">
+    <ng-template comboboxPopupContainer>
+      <div listbox class="example-listbox">
         @for (option of options(); track option) {
           <div
             class="example-option example-selectable example-stateful"
-            cdkOption
+            option
             [value]="option"
             [label]="option"
           >
diff --git a/src/components-examples/cdk-experimental/combobox/cdk-combobox-manual/cdk-combobox-manual-example.ts b/src/components-examples/aria/combobox/combobox-manual/combobox-manual-example.ts
similarity index 79%
rename from src/components-examples/cdk-experimental/combobox/cdk-combobox-manual/cdk-combobox-manual-example.ts
rename to src/components-examples/aria/combobox/combobox-manual/combobox-manual-example.ts
index 94413a22225b..1493d28eb0b2 100644
--- a/src/components-examples/cdk-experimental/combobox/cdk-combobox-manual/cdk-combobox-manual-example.ts
+++ b/src/components-examples/aria/combobox/combobox-manual/combobox-manual-example.ts
@@ -7,12 +7,12 @@
  */
 
 import {
-  CdkCombobox,
-  CdkComboboxInput,
-  CdkComboboxPopup,
-  CdkComboboxPopupContainer,
-} from '@angular/cdk-experimental/combobox';
-import {CdkListbox, CdkOption} from '@angular/cdk-experimental/listbox';
+  Combobox,
+  ComboboxInput,
+  ComboboxPopup,
+  ComboboxPopupContainer,
+} from '@angular/aria/combobox';
+import {Listbox, Option} from '@angular/aria/listbox';
 import {
   afterRenderEffect,
   ChangeDetectionStrategy,
@@ -26,24 +26,24 @@ import {FormsModule} from '@angular/forms';
 
 /** @title Combobox with manual selection. */
 @Component({
-  selector: 'cdk-combobox-manual-example',
-  templateUrl: 'cdk-combobox-manual-example.html',
-  styleUrl: '../cdk-combobox-examples.css',
+  selector: 'combobox-manual-example',
+  templateUrl: 'combobox-manual-example.html',
+  styleUrl: '../combobox-examples.css',
   imports: [
-    CdkCombobox,
-    CdkComboboxInput,
-    CdkComboboxPopup,
-    CdkComboboxPopupContainer,
-    CdkListbox,
-    CdkOption,
+    Combobox,
+    ComboboxInput,
+    ComboboxPopup,
+    ComboboxPopupContainer,
+    Listbox,
+    Option,
     FormsModule,
   ],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class CdkComboboxManualExample {
+export class ComboboxManualExample {
   popover = viewChild<ElementRef>('popover');
-  listbox = viewChild<CdkListbox<any>>(CdkListbox);
-  combobox = viewChild<CdkCombobox<any>>(CdkCombobox);
+  listbox = viewChild<Listbox<any>>(Listbox);
+  combobox = viewChild<Combobox<any>>(Combobox);
 
   searchString = signal('');
 
diff --git a/src/components-examples/cdk-experimental/combobox/cdk-combobox-tree-auto-select/cdk-combobox-tree-auto-select-example.html b/src/components-examples/aria/combobox/combobox-tree-auto-select/combobox-tree-auto-select-example.html
similarity index 81%
rename from src/components-examples/cdk-experimental/combobox/cdk-combobox-tree-auto-select/cdk-combobox-tree-auto-select-example.html
rename to src/components-examples/aria/combobox/combobox-tree-auto-select/combobox-tree-auto-select-example.html
index 535dc882091f..6355770d5ec1 100644
--- a/src/components-examples/cdk-experimental/combobox/cdk-combobox-tree-auto-select/cdk-combobox-tree-auto-select-example.html
+++ b/src/components-examples/aria/combobox/combobox-tree-auto-select/combobox-tree-auto-select-example.html
@@ -1,6 +1,6 @@
 <div
-  #combobox="cdkCombobox"
-  cdkCombobox
+  #combobox="combobox"
+  combobox
   class="example-combobox-container"
   [firstMatch]="firstMatch()"
   filterMode="auto-select"
@@ -8,7 +8,7 @@
   <div class="example-combobox-input-container">
     <span class="material-symbols-outlined example-icon example-search-icon">search</span>
     <input
-      cdkComboboxInput
+      comboboxInput
       class="example-combobox-input"
       placeholder="Search..."
       [(value)]="searchString"
@@ -16,8 +16,8 @@
   </div>
 
   <div popover="manual" #popover class="example-popover">
-    <ng-template cdkComboboxPopupContainer>
-      <ul cdkTree #tree="cdkTree" class="example-tree">
+    <ng-template comboboxPopupContainer>
+      <ul tree #tree="tree" class="example-tree">
         <ng-template
           [ngTemplateOutlet]="treeNodes"
           [ngTemplateOutletContext]="{nodes: nodes(), parent: tree}"
@@ -30,11 +30,11 @@
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.name) {
     <li
-      cdkTreeItem
+      treeItem
       [parent]="parent"
       [value]="node.name"
       [label]="node.name"
-      #treeItem="cdkTreeItem"
+      #treeItem="treeItem"
       class="example-tree-item example-selectable example-stateful"
     >
       <span
@@ -49,8 +49,8 @@
     </li>
 
     @if (node.children) {
-      <ul cdkTreeItemGroup [ownedBy]="treeItem" #group="cdkTreeItemGroup">
-        <ng-template cdkTreeItemGroupContent>
+      <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
+        <ng-template treeItemGroupContent>
           <ng-template
             [ngTemplateOutlet]="treeNodes"
             [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
diff --git a/src/components-examples/cdk-experimental/combobox/cdk-combobox-tree-auto-select/cdk-combobox-tree-auto-select-example.ts b/src/components-examples/aria/combobox/combobox-tree-auto-select/combobox-tree-auto-select-example.ts
similarity index 77%
rename from src/components-examples/cdk-experimental/combobox/cdk-combobox-tree-auto-select/cdk-combobox-tree-auto-select-example.ts
rename to src/components-examples/aria/combobox/combobox-tree-auto-select/combobox-tree-auto-select-example.ts
index 0ab4b24bb0be..b7e1e770d7b5 100644
--- a/src/components-examples/cdk-experimental/combobox/cdk-combobox-tree-auto-select/cdk-combobox-tree-auto-select-example.ts
+++ b/src/components-examples/aria/combobox/combobox-tree-auto-select/combobox-tree-auto-select-example.ts
@@ -7,17 +7,12 @@
  */
 
 import {
-  CdkCombobox,
-  CdkComboboxInput,
-  CdkComboboxPopup,
-  CdkComboboxPopupContainer,
-} from '@angular/cdk-experimental/combobox';
-import {
-  CdkTree,
-  CdkTreeItem,
-  CdkTreeItemGroup,
-  CdkTreeItemGroupContent,
-} from '@angular/cdk-experimental/tree';
+  Combobox,
+  ComboboxInput,
+  ComboboxPopup,
+  ComboboxPopupContainer,
+} from '@angular/aria/combobox';
+import {Tree, TreeItem, TreeItemGroup, TreeItemGroupContent} from '@angular/aria/tree';
 import {
   afterRenderEffect,
   ChangeDetectionStrategy,
@@ -32,26 +27,26 @@ import {NgTemplateOutlet} from '@angular/common';
 
 /** @title Combobox with tree popup and auto-select filtering. */
 @Component({
-  selector: 'cdk-combobox-tree-auto-select-example',
-  templateUrl: 'cdk-combobox-tree-auto-select-example.html',
-  styleUrl: '../cdk-combobox-examples.css',
+  selector: 'combobox-tree-auto-select-example',
+  templateUrl: 'combobox-tree-auto-select-example.html',
+  styleUrl: '../combobox-examples.css',
   imports: [
-    CdkCombobox,
-    CdkComboboxInput,
-    CdkComboboxPopup,
-    CdkComboboxPopupContainer,
-    CdkTree,
-    CdkTreeItem,
-    CdkTreeItemGroup,
-    CdkTreeItemGroupContent,
+    Combobox,
+    ComboboxInput,
+    ComboboxPopup,
+    ComboboxPopupContainer,
+    Tree,
+    TreeItem,
+    TreeItemGroup,
+    TreeItemGroupContent,
     NgTemplateOutlet,
   ],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class CdkComboboxTreeAutoSelectExample {
+export class ComboboxTreeAutoSelectExample {
   popover = viewChild<ElementRef>('popover');
-  tree = viewChild<CdkTree<TreeNode>>(CdkTree);
-  combobox = viewChild<CdkCombobox<any>>(CdkCombobox);
+  tree = viewChild<Tree<TreeNode>>(Tree);
+  combobox = viewChild<Combobox<any>>(Combobox);
 
   searchString = signal('');
 
diff --git a/src/components-examples/cdk-experimental/combobox/cdk-combobox-tree-highlight/cdk-combobox-tree-highlight-example.html b/src/components-examples/aria/combobox/combobox-tree-highlight/combobox-tree-highlight-example.html
similarity index 81%
rename from src/components-examples/cdk-experimental/combobox/cdk-combobox-tree-highlight/cdk-combobox-tree-highlight-example.html
rename to src/components-examples/aria/combobox/combobox-tree-highlight/combobox-tree-highlight-example.html
index 6849f55fd392..c6f935ce3fce 100644
--- a/src/components-examples/cdk-experimental/combobox/cdk-combobox-tree-highlight/cdk-combobox-tree-highlight-example.html
+++ b/src/components-examples/aria/combobox/combobox-tree-highlight/combobox-tree-highlight-example.html
@@ -1,6 +1,6 @@
 <div
-  #combobox="cdkCombobox"
-  cdkCombobox
+  #combobox="combobox"
+  combobox
   class="example-combobox-container"
   [firstMatch]="firstMatch()"
   filterMode="highlight"
@@ -8,7 +8,7 @@
   <div class="example-combobox-input-container">
     <span class="material-symbols-outlined example-icon example-search-icon">search</span>
     <input
-      cdkComboboxInput
+      comboboxInput
       class="example-combobox-input"
       placeholder="Search..."
       [(value)]="searchString"
@@ -16,8 +16,8 @@
   </div>
 
   <div popover="manual" #popover class="example-popover">
-    <ng-template cdkComboboxPopupContainer>
-      <ul cdkTree #tree="cdkTree" class="example-tree">
+    <ng-template comboboxPopupContainer>
+      <ul tree #tree="tree" class="example-tree">
         <ng-template
           [ngTemplateOutlet]="treeNodes"
           [ngTemplateOutletContext]="{nodes: nodes(), parent: tree}"
@@ -30,11 +30,11 @@
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.name) {
     <li
-      cdkTreeItem
+      treeItem
       [parent]="parent"
       [value]="node.name"
       [label]="node.name"
-      #treeItem="cdkTreeItem"
+      #treeItem="treeItem"
       class="example-tree-item example-selectable example-stateful"
     >
       <span
@@ -49,8 +49,8 @@
     </li>
 
     @if (node.children) {
-      <ul cdkTreeItemGroup [ownedBy]="treeItem" #group="cdkTreeItemGroup">
-        <ng-template cdkTreeItemGroupContent>
+      <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
+        <ng-template treeItemGroupContent>
           <ng-template
             [ngTemplateOutlet]="treeNodes"
             [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
diff --git a/src/components-examples/cdk-experimental/combobox/cdk-combobox-tree-highlight/cdk-combobox-tree-highlight-example.ts b/src/components-examples/aria/combobox/combobox-tree-highlight/combobox-tree-highlight-example.ts
similarity index 77%
rename from src/components-examples/cdk-experimental/combobox/cdk-combobox-tree-highlight/cdk-combobox-tree-highlight-example.ts
rename to src/components-examples/aria/combobox/combobox-tree-highlight/combobox-tree-highlight-example.ts
index 52fc09353999..ed0abf6ce7c7 100644
--- a/src/components-examples/cdk-experimental/combobox/cdk-combobox-tree-highlight/cdk-combobox-tree-highlight-example.ts
+++ b/src/components-examples/aria/combobox/combobox-tree-highlight/combobox-tree-highlight-example.ts
@@ -7,17 +7,12 @@
  */
 
 import {
-  CdkCombobox,
-  CdkComboboxInput,
-  CdkComboboxPopup,
-  CdkComboboxPopupContainer,
-} from '@angular/cdk-experimental/combobox';
-import {
-  CdkTree,
-  CdkTreeItem,
-  CdkTreeItemGroup,
-  CdkTreeItemGroupContent,
-} from '@angular/cdk-experimental/tree';
+  Combobox,
+  ComboboxInput,
+  ComboboxPopup,
+  ComboboxPopupContainer,
+} from '@angular/aria/combobox';
+import {Tree, TreeItem, TreeItemGroup, TreeItemGroupContent} from '@angular/aria/tree';
 import {
   afterRenderEffect,
   ChangeDetectionStrategy,
@@ -32,26 +27,26 @@ import {NgTemplateOutlet} from '@angular/common';
 
 /** @title Combobox with tree popup and highlight filtering. */
 @Component({
-  selector: 'cdk-combobox-tree-highlight-example',
-  templateUrl: 'cdk-combobox-tree-highlight-example.html',
-  styleUrl: '../cdk-combobox-examples.css',
+  selector: 'combobox-tree-highlight-example',
+  templateUrl: 'combobox-tree-highlight-example.html',
+  styleUrl: '../combobox-examples.css',
   imports: [
-    CdkCombobox,
-    CdkComboboxInput,
-    CdkComboboxPopup,
-    CdkComboboxPopupContainer,
-    CdkTree,
-    CdkTreeItem,
-    CdkTreeItemGroup,
-    CdkTreeItemGroupContent,
+    Combobox,
+    ComboboxInput,
+    ComboboxPopup,
+    ComboboxPopupContainer,
+    Tree,
+    TreeItem,
+    TreeItemGroup,
+    TreeItemGroupContent,
     NgTemplateOutlet,
   ],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class CdkComboboxTreeHighlightExample {
+export class ComboboxTreeHighlightExample {
   popover = viewChild<ElementRef>('popover');
-  tree = viewChild<CdkTree<TreeNode>>(CdkTree);
-  combobox = viewChild<CdkCombobox<any>>(CdkCombobox);
+  tree = viewChild<Tree<TreeNode>>(Tree);
+  combobox = viewChild<Combobox<any>>(Combobox);
 
   searchString = signal('');
 
diff --git a/src/components-examples/cdk-experimental/combobox/cdk-combobox-tree-manual/cdk-combobox-tree-manual-example.html b/src/components-examples/aria/combobox/combobox-tree-manual/combobox-tree-manual-example.html
similarity index 81%
rename from src/components-examples/cdk-experimental/combobox/cdk-combobox-tree-manual/cdk-combobox-tree-manual-example.html
rename to src/components-examples/aria/combobox/combobox-tree-manual/combobox-tree-manual-example.html
index 1b6301fb9604..bd39020e6d50 100644
--- a/src/components-examples/cdk-experimental/combobox/cdk-combobox-tree-manual/cdk-combobox-tree-manual-example.html
+++ b/src/components-examples/aria/combobox/combobox-tree-manual/combobox-tree-manual-example.html
@@ -1,6 +1,6 @@
 <div
-  #combobox="cdkCombobox"
-  cdkCombobox
+  #combobox="combobox"
+  combobox
   class="example-combobox-container"
   [firstMatch]="firstMatch()"
   filterMode="manual"
@@ -8,7 +8,7 @@
   <div class="example-combobox-input-container">
     <span class="material-symbols-outlined example-icon example-search-icon">search</span>
     <input
-      cdkComboboxInput
+      comboboxInput
       class="example-combobox-input"
       placeholder="Search..."
       [(value)]="searchString"
@@ -16,8 +16,8 @@
   </div>
 
   <div popover="manual" #popover class="example-popover">
-    <ng-template cdkComboboxPopupContainer>
-      <ul cdkTree #tree="cdkTree" class="example-tree">
+    <ng-template comboboxPopupContainer>
+      <ul tree #tree="tree" class="example-tree">
         <ng-template
           [ngTemplateOutlet]="treeNodes"
           [ngTemplateOutletContext]="{nodes: nodes(), parent: tree}"
@@ -30,11 +30,11 @@
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.name) {
     <li
-      cdkTreeItem
+      treeItem
       [parent]="parent"
       [value]="node.name"
       [label]="node.name"
-      #treeItem="cdkTreeItem"
+      #treeItem="treeItem"
       class="example-tree-item example-selectable example-stateful"
     >
       <span
@@ -49,8 +49,8 @@
     </li>
 
     @if (node.children) {
-      <ul cdkTreeItemGroup [ownedBy]="treeItem" #group="cdkTreeItemGroup">
-        <ng-template cdkTreeItemGroupContent>
+      <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
+        <ng-template treeItemGroupContent>
           <ng-template
             [ngTemplateOutlet]="treeNodes"
             [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
diff --git a/src/components-examples/cdk-experimental/combobox/cdk-combobox-tree-manual/cdk-combobox-tree-manual-example.ts b/src/components-examples/aria/combobox/combobox-tree-manual/combobox-tree-manual-example.ts
similarity index 77%
rename from src/components-examples/cdk-experimental/combobox/cdk-combobox-tree-manual/cdk-combobox-tree-manual-example.ts
rename to src/components-examples/aria/combobox/combobox-tree-manual/combobox-tree-manual-example.ts
index 5196e9054a62..64d3b112eaa9 100644
--- a/src/components-examples/cdk-experimental/combobox/cdk-combobox-tree-manual/cdk-combobox-tree-manual-example.ts
+++ b/src/components-examples/aria/combobox/combobox-tree-manual/combobox-tree-manual-example.ts
@@ -7,17 +7,12 @@
  */
 
 import {
-  CdkCombobox,
-  CdkComboboxInput,
-  CdkComboboxPopup,
-  CdkComboboxPopupContainer,
-} from '@angular/cdk-experimental/combobox';
-import {
-  CdkTree,
-  CdkTreeItem,
-  CdkTreeItemGroup,
-  CdkTreeItemGroupContent,
-} from '@angular/cdk-experimental/tree';
+  Combobox,
+  ComboboxInput,
+  ComboboxPopup,
+  ComboboxPopupContainer,
+} from '@angular/aria/combobox';
+import {Tree, TreeItem, TreeItemGroup, TreeItemGroupContent} from '@angular/aria/tree';
 import {
   afterRenderEffect,
   ChangeDetectionStrategy,
@@ -32,26 +27,26 @@ import {NgTemplateOutlet} from '@angular/common';
 
 /** @title Combobox with tree popup and manual filtering. */
 @Component({
-  selector: 'cdk-combobox-tree-manual-example',
-  templateUrl: 'cdk-combobox-tree-manual-example.html',
-  styleUrl: '../cdk-combobox-examples.css',
+  selector: 'combobox-tree-manual-example',
+  templateUrl: 'combobox-tree-manual-example.html',
+  styleUrl: '../combobox-examples.css',
   imports: [
-    CdkCombobox,
-    CdkComboboxInput,
-    CdkComboboxPopup,
-    CdkComboboxPopupContainer,
-    CdkTree,
-    CdkTreeItem,
-    CdkTreeItemGroup,
-    CdkTreeItemGroupContent,
+    Combobox,
+    ComboboxInput,
+    ComboboxPopup,
+    ComboboxPopupContainer,
+    Tree,
+    TreeItem,
+    TreeItemGroup,
+    TreeItemGroupContent,
     NgTemplateOutlet,
   ],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class CdkComboboxTreeManualExample {
+export class ComboboxTreeManualExample {
   popover = viewChild<ElementRef>('popover');
-  tree = viewChild<CdkTree<TreeNode>>(CdkTree);
-  combobox = viewChild<CdkCombobox<any>>(CdkCombobox);
+  tree = viewChild<Tree<TreeNode>>(Tree);
+  combobox = viewChild<Combobox<any>>(Combobox);
 
   searchString = signal('');
 
diff --git a/src/components-examples/cdk-experimental/combobox/data.ts b/src/components-examples/aria/combobox/data.ts
similarity index 100%
rename from src/components-examples/cdk-experimental/combobox/data.ts
rename to src/components-examples/aria/combobox/data.ts
diff --git a/src/components-examples/aria/combobox/index.ts b/src/components-examples/aria/combobox/index.ts
new file mode 100644
index 000000000000..ca1e1f5c5dde
--- /dev/null
+++ b/src/components-examples/aria/combobox/index.ts
@@ -0,0 +1,6 @@
+export {ComboboxManualExample} from './combobox-manual/combobox-manual-example';
+export {ComboboxAutoSelectExample} from './combobox-auto-select/combobox-auto-select-example';
+export {ComboboxHighlightExample} from './combobox-highlight/combobox-highlight-example';
+export {ComboboxTreeManualExample} from './combobox-tree-manual/combobox-tree-manual-example';
+export {ComboboxTreeAutoSelectExample} from './combobox-tree-auto-select/combobox-tree-auto-select-example';
+export {ComboboxTreeHighlightExample} from './combobox-tree-highlight/combobox-tree-highlight-example';
diff --git a/src/components-examples/cdk-experimental/listbox/BUILD.bazel b/src/components-examples/aria/listbox/BUILD.bazel
similarity index 93%
rename from src/components-examples/cdk-experimental/listbox/BUILD.bazel
rename to src/components-examples/aria/listbox/BUILD.bazel
index 243a699a62e8..87f08dc0df01 100644
--- a/src/components-examples/cdk-experimental/listbox/BUILD.bazel
+++ b/src/components-examples/aria/listbox/BUILD.bazel
@@ -12,7 +12,7 @@ ng_project(
     deps = [
         "//:node_modules/@angular/core",
         "//:node_modules/@angular/forms",
-        "//src/cdk-experimental/listbox",
+        "//src/aria/listbox",
         "//src/material/checkbox",
         "//src/material/form-field",
         "//src/material/select",
diff --git a/src/components-examples/aria/listbox/index.ts b/src/components-examples/aria/listbox/index.ts
new file mode 100644
index 000000000000..6543f8c79a2e
--- /dev/null
+++ b/src/components-examples/aria/listbox/index.ts
@@ -0,0 +1,12 @@
+export {ListboxConfigurableExample} from './listbox-configurable/listbox-configurable-example';
+export {ListboxSingleSelectExample} from './listbox-single-select/listbox-single-select-example';
+export {ListboxMultiSelectExample} from './listbox-multi-select/listbox-multi-select-example';
+export {ListboxSingleSelectFollowFocusExample} from './listbox-single-select-follow-focus/listbox-single-select-follow-focus-example';
+export {ListboxMultiSelectFollowFocusExample} from './listbox-multi-select-follow-focus/listbox-multi-select-follow-focus-example';
+export {ListboxHorizontalExample} from './listbox-horizontal/listbox-horizontal-example';
+export {ListboxRtlHorizontalExample} from './listbox-rtl-horizontal/listbox-rtl-horizontal-example';
+export {ListboxActiveDescendantExample} from './listbox-active-descendant/listbox-active-descendant-example';
+export {ListboxDisabledFocusableExample} from './listbox-disabled-focusable/listbox-disabled-focusable-example';
+export {ListboxDisabledSkippedExample} from './listbox-disabled-skipped/listbox-disabled-skipped-example';
+export {ListboxReadonlyExample} from './listbox-readonly/listbox-readonly-example';
+export {ListboxDisabledExample} from './listbox-disabled/listbox-disabled-example';
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-active-descendant/cdk-listbox-active-descendant-example.html b/src/components-examples/aria/listbox/listbox-active-descendant/listbox-active-descendant-example.html
similarity index 91%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-active-descendant/cdk-listbox-active-descendant-example.html
rename to src/components-examples/aria/listbox/listbox-active-descendant/listbox-active-descendant-example.html
index 3668430f399b..eda4805a05db 100644
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-active-descendant/cdk-listbox-active-descendant-example.html
+++ b/src/components-examples/aria/listbox/listbox-active-descendant/listbox-active-descendant-example.html
@@ -1,7 +1,7 @@
 <!-- Active Descendant -->
 <div class="example-container">
   <ul
-    cdkListbox
+    listbox
     focusMode="activedescendant"
     class="example-listbox example-parent"
     aria-labelledby="active-descendant-label"
@@ -11,8 +11,8 @@
       <li
         class="example-option example-stateful example-selectable"
         [value]="fruit"
-        cdkOption
-        #option="cdkOption"
+        option
+        #option="option"
       >
         <mat-pseudo-checkbox
           [state]="option.pattern.selected() ? 'checked' : 'unchecked'"
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-active-descendant/cdk-listbox-active-descendant-example.ts b/src/components-examples/aria/listbox/listbox-active-descendant/listbox-active-descendant-example.ts
similarity index 62%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-active-descendant/cdk-listbox-active-descendant-example.ts
rename to src/components-examples/aria/listbox/listbox-active-descendant/listbox-active-descendant-example.ts
index c793d16a1c86..ac6a94a8373d 100644
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-active-descendant/cdk-listbox-active-descendant-example.ts
+++ b/src/components-examples/aria/listbox/listbox-active-descendant/listbox-active-descendant-example.ts
@@ -1,19 +1,19 @@
 import {Component} from '@angular/core';
-import {CdkListbox, CdkOption} from '@angular/cdk-experimental/listbox';
+import {Listbox, Option} from '@angular/aria/listbox';
 import {MatPseudoCheckbox} from '@angular/material/core';
 
 /**
  * @title Listbox with active descendant.
  */
 @Component({
-  selector: 'cdk-listbox-active-descendant-example',
-  exportAs: 'cdkListboxActiveDescendantExample',
-  templateUrl: 'cdk-listbox-active-descendant-example.html',
-  styleUrl: '../cdk-listbox-configurable/cdk-listbox-configurable-example.css',
+  selector: 'listbox-active-descendant-example',
+  exportAs: 'ListboxActiveDescendantExample',
+  templateUrl: 'listbox-active-descendant-example.html',
+  styleUrl: '../listbox-configurable/listbox-configurable-example.css',
   standalone: true,
-  imports: [CdkListbox, CdkOption, MatPseudoCheckbox],
+  imports: [Listbox, Option, MatPseudoCheckbox],
 })
-export class CdkListboxActiveDescendantExample {
+export class ListboxActiveDescendantExample {
   fruits = [
     'Apple',
     'Apricot',
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-configurable/cdk-listbox-configurable-example.css b/src/components-examples/aria/listbox/listbox-configurable/listbox-configurable-example.css
similarity index 100%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-configurable/cdk-listbox-configurable-example.css
rename to src/components-examples/aria/listbox/listbox-configurable/listbox-configurable-example.css
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-configurable/cdk-listbox-configurable-example.html b/src/components-examples/aria/listbox/listbox-configurable/listbox-configurable-example.html
similarity index 97%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-configurable/cdk-listbox-configurable-example.html
rename to src/components-examples/aria/listbox/listbox-configurable/listbox-configurable-example.html
index 852b16c939cf..fad27bd2711f 100644
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-configurable/cdk-listbox-configurable-example.html
+++ b/src/components-examples/aria/listbox/listbox-configurable/listbox-configurable-example.html
@@ -50,8 +50,8 @@
 
 <!-- #docregion listbox -->
 <ul
-  cdkListbox
-  #listbox="cdkListbox"
+  listbox
+  #listbox="listbox"
   [value]="selection"
   [wrap]="wrap.value"
   [multi]="multi.value"
@@ -73,8 +73,8 @@
       class="example-option example-stateful example-selectable"
       [disabled]="optionDisabled"
       [value]="fruit"
-      cdkOption
-      #option="cdkOption"
+      option
+      #option="option"
     >
       <mat-pseudo-checkbox
         [disabled]="optionDisabled || listbox.disabled()"
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-configurable/cdk-listbox-configurable-example.ts b/src/components-examples/aria/listbox/listbox-configurable/listbox-configurable-example.ts
similarity index 82%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-configurable/cdk-listbox-configurable-example.ts
rename to src/components-examples/aria/listbox/listbox-configurable/listbox-configurable-example.ts
index 73aacf57894f..bbf5e6a206f9 100644
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-configurable/cdk-listbox-configurable-example.ts
+++ b/src/components-examples/aria/listbox/listbox-configurable/listbox-configurable-example.ts
@@ -1,5 +1,5 @@
 import {Component} from '@angular/core';
-import {CdkListbox, CdkOption} from '@angular/cdk-experimental/listbox';
+import {Listbox, Option} from '@angular/aria/listbox';
 import {MatCheckboxModule} from '@angular/material/checkbox';
 import {MatFormFieldModule} from '@angular/material/form-field';
 import {MatSelectModule} from '@angular/material/select';
@@ -8,14 +8,14 @@ import {MatPseudoCheckbox} from '@angular/material/core';
 
 /** @title Configurable Listbox. */
 @Component({
-  selector: 'cdk-listbox-configurable-example',
-  exportAs: 'cdkListboxConfigurableExample',
-  templateUrl: 'cdk-listbox-configurable-example.html',
-  styleUrl: 'cdk-listbox-configurable-example.css',
+  selector: 'listbox-configurable-example',
+  exportAs: 'ListboxConfigurableExample',
+  templateUrl: 'listbox-configurable-example.html',
+  styleUrl: 'listbox-configurable-example.css',
   standalone: true,
   imports: [
-    CdkListbox,
-    CdkOption,
+    Listbox,
+    Option,
     MatCheckboxModule,
     MatFormFieldModule,
     MatSelectModule,
@@ -23,7 +23,7 @@ import {MatPseudoCheckbox} from '@angular/material/core';
     MatPseudoCheckbox,
   ],
 })
-export class CdkListboxConfigurableExample {
+export class ListboxConfigurableExample {
   orientation: 'vertical' | 'horizontal' = 'vertical';
   focusMode: 'roving' | 'activedescendant' = 'roving';
   selectionMode: 'explicit' | 'follow' = 'explicit';
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-disabled-focusable/cdk-listbox-disabled-focusable-example.html b/src/components-examples/aria/listbox/listbox-disabled-focusable/listbox-disabled-focusable-example.html
similarity index 91%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-disabled-focusable/cdk-listbox-disabled-focusable-example.html
rename to src/components-examples/aria/listbox/listbox-disabled-focusable/listbox-disabled-focusable-example.html
index 4960a3e244c2..54aa66f41d97 100644
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-disabled-focusable/cdk-listbox-disabled-focusable-example.html
+++ b/src/components-examples/aria/listbox/listbox-disabled-focusable/listbox-disabled-focusable-example.html
@@ -1,7 +1,7 @@
 <!-- Disabled Options are Focusable -->
 <div class="example-container">
   <ul
-    cdkListbox
+    listbox
     [skipDisabled]="false"
     class="example-listbox example-parent"
     aria-labelledby="disabled-focusable-label"
@@ -12,8 +12,8 @@
         class="example-option example-stateful example-selectable"
         [value]="fruit"
         [disabled]="i % 2 === 0"
-        cdkOption
-        #option="cdkOption"
+        option
+        #option="option"
       >
         <mat-pseudo-checkbox
           [state]="option.pattern.selected() ? 'checked' : 'unchecked'"
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-disabled-focusable/cdk-listbox-disabled-focusable-example.ts b/src/components-examples/aria/listbox/listbox-disabled-focusable/listbox-disabled-focusable-example.ts
similarity index 62%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-disabled-focusable/cdk-listbox-disabled-focusable-example.ts
rename to src/components-examples/aria/listbox/listbox-disabled-focusable/listbox-disabled-focusable-example.ts
index e36e7abb6958..fca424d2b1e4 100644
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-disabled-focusable/cdk-listbox-disabled-focusable-example.ts
+++ b/src/components-examples/aria/listbox/listbox-disabled-focusable/listbox-disabled-focusable-example.ts
@@ -1,19 +1,19 @@
 import {Component} from '@angular/core';
-import {CdkListbox, CdkOption} from '@angular/cdk-experimental/listbox';
+import {Listbox, Option} from '@angular/aria/listbox';
 import {MatPseudoCheckbox} from '@angular/material/core';
 
 /**
  * @title Listbox with focusable disabled options.
  */
 @Component({
-  selector: 'cdk-listbox-disabled-focusable-example',
-  exportAs: 'cdkListboxDisabledFocusableExample',
-  templateUrl: 'cdk-listbox-disabled-focusable-example.html',
-  styleUrl: '../cdk-listbox-configurable/cdk-listbox-configurable-example.css',
+  selector: 'listbox-disabled-focusable-example',
+  exportAs: 'ListboxDisabledFocusableExample',
+  templateUrl: 'listbox-disabled-focusable-example.html',
+  styleUrl: '../listbox-configurable/listbox-configurable-example.css',
   standalone: true,
-  imports: [CdkListbox, CdkOption, MatPseudoCheckbox],
+  imports: [Listbox, Option, MatPseudoCheckbox],
 })
-export class CdkListboxDisabledFocusableExample {
+export class ListboxDisabledFocusableExample {
   fruits = [
     'Apple',
     'Apricot',
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-disabled-skipped/cdk-listbox-disabled-skipped-example.html b/src/components-examples/aria/listbox/listbox-disabled-skipped/listbox-disabled-skipped-example.html
similarity index 91%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-disabled-skipped/cdk-listbox-disabled-skipped-example.html
rename to src/components-examples/aria/listbox/listbox-disabled-skipped/listbox-disabled-skipped-example.html
index 5cba3b6fd552..64f0ff7551bb 100644
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-disabled-skipped/cdk-listbox-disabled-skipped-example.html
+++ b/src/components-examples/aria/listbox/listbox-disabled-skipped/listbox-disabled-skipped-example.html
@@ -1,7 +1,7 @@
 <!-- Disabled Options are Skipped -->
 <div class="example-container">
   <ul
-    cdkListbox
+    listbox
     [skipDisabled]="true"
     class="example-listbox example-parent"
     aria-labelledby="disabled-skipped-label"
@@ -12,8 +12,8 @@
         class="example-option example-stateful example-selectable"
         [value]="fruit"
         [disabled]="i % 2 === 0"
-        cdkOption
-        #option="cdkOption"
+        option
+        #option="option"
       >
         <mat-pseudo-checkbox
           [state]="option.pattern.selected() ? 'checked' : 'unchecked'"
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-disabled-skipped/cdk-listbox-disabled-skipped-example.ts b/src/components-examples/aria/listbox/listbox-disabled-skipped/listbox-disabled-skipped-example.ts
similarity index 63%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-disabled-skipped/cdk-listbox-disabled-skipped-example.ts
rename to src/components-examples/aria/listbox/listbox-disabled-skipped/listbox-disabled-skipped-example.ts
index 634e2555d2b4..3b1a0eae1e26 100644
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-disabled-skipped/cdk-listbox-disabled-skipped-example.ts
+++ b/src/components-examples/aria/listbox/listbox-disabled-skipped/listbox-disabled-skipped-example.ts
@@ -1,19 +1,19 @@
 import {Component} from '@angular/core';
-import {CdkListbox, CdkOption} from '@angular/cdk-experimental/listbox';
+import {Listbox, Option} from '@angular/aria/listbox';
 import {MatPseudoCheckbox} from '@angular/material/core';
 
 /**
  * @title Listbox with skipped disabled options.
  */
 @Component({
-  selector: 'cdk-listbox-disabled-skipped-example',
-  exportAs: 'cdkListboxDisabledSkippedExample',
-  templateUrl: 'cdk-listbox-disabled-skipped-example.html',
-  styleUrl: '../cdk-listbox-configurable/cdk-listbox-configurable-example.css',
+  selector: 'listbox-disabled-skipped-example',
+  exportAs: 'ListboxDisabledSkippedExample',
+  templateUrl: 'listbox-disabled-skipped-example.html',
+  styleUrl: '../listbox-configurable/listbox-configurable-example.css',
   standalone: true,
-  imports: [CdkListbox, CdkOption, MatPseudoCheckbox],
+  imports: [Listbox, Option, MatPseudoCheckbox],
 })
-export class CdkListboxDisabledSkippedExample {
+export class ListboxDisabledSkippedExample {
   fruits = [
     'Apple',
     'Apricot',
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-disabled/cdk-listbox-disabled-example.html b/src/components-examples/aria/listbox/listbox-disabled/listbox-disabled-example.html
similarity index 90%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-disabled/cdk-listbox-disabled-example.html
rename to src/components-examples/aria/listbox/listbox-disabled/listbox-disabled-example.html
index 07a8c6165db0..98cfd389952a 100644
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-disabled/cdk-listbox-disabled-example.html
+++ b/src/components-examples/aria/listbox/listbox-disabled/listbox-disabled-example.html
@@ -1,6 +1,6 @@
 <div class="example-container">
   <ul
-    cdkListbox
+    listbox
     [disabled]="true"
     class="example-listbox example-parent"
     aria-labelledby="disabled-label"
@@ -10,8 +10,8 @@
       <li
         class="example-option example-stateful example-selectable"
         [value]="fruit"
-        cdkOption
-        #option="cdkOption"
+        option
+        #option="option"
       >
         <mat-pseudo-checkbox
           [state]="option.pattern.selected() ? 'checked' : 'unchecked'"
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-disabled/cdk-listbox-disabled-example.ts b/src/components-examples/aria/listbox/listbox-disabled/listbox-disabled-example.ts
similarity index 64%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-disabled/cdk-listbox-disabled-example.ts
rename to src/components-examples/aria/listbox/listbox-disabled/listbox-disabled-example.ts
index a07fca12529c..a31777081e27 100644
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-disabled/cdk-listbox-disabled-example.ts
+++ b/src/components-examples/aria/listbox/listbox-disabled/listbox-disabled-example.ts
@@ -1,19 +1,19 @@
 import {Component} from '@angular/core';
-import {CdkListbox, CdkOption} from '@angular/cdk-experimental/listbox';
+import {Listbox, Option} from '@angular/aria/listbox';
 import {MatPseudoCheckbox} from '@angular/material/core';
 
 /**
  * @title Listbox with disabled state.
  */
 @Component({
-  selector: 'cdk-listbox-disabled-example',
-  exportAs: 'cdkListboxDisabledExample',
-  templateUrl: 'cdk-listbox-disabled-example.html',
-  styleUrl: '../cdk-listbox-configurable/cdk-listbox-configurable-example.css',
+  selector: 'listbox-disabled-example',
+  exportAs: 'ListboxDisabledExample',
+  templateUrl: 'listbox-disabled-example.html',
+  styleUrl: '../listbox-configurable/listbox-configurable-example.css',
   standalone: true,
-  imports: [CdkListbox, CdkOption, MatPseudoCheckbox],
+  imports: [Listbox, Option, MatPseudoCheckbox],
 })
-export class CdkListboxDisabledExample {
+export class ListboxDisabledExample {
   fruits = [
     'Apple',
     'Apricot',
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-horizontal/cdk-listbox-horizontal-example.html b/src/components-examples/aria/listbox/listbox-horizontal/listbox-horizontal-example.html
similarity index 90%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-horizontal/cdk-listbox-horizontal-example.html
rename to src/components-examples/aria/listbox/listbox-horizontal/listbox-horizontal-example.html
index ac244698242d..b9c087f752d6 100644
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-horizontal/cdk-listbox-horizontal-example.html
+++ b/src/components-examples/aria/listbox/listbox-horizontal/listbox-horizontal-example.html
@@ -1,7 +1,7 @@
 <!-- Horizontal Orientation -->
 <div class="example-container">
   <ul
-    cdkListbox
+    listbox
     orientation="horizontal"
     class="example-listbox example-parent"
     aria-labelledby="horizontal-label"
@@ -11,8 +11,8 @@
       <li
         class="example-option example-stateful example-selectable"
         [value]="fruit"
-        cdkOption
-        #option="cdkOption"
+        option
+        #option="option"
       >
         <mat-pseudo-checkbox
           [state]="option.pattern.selected() ? 'checked' : 'unchecked'"
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-horizontal/cdk-listbox-horizontal-example.ts b/src/components-examples/aria/listbox/listbox-horizontal/listbox-horizontal-example.ts
similarity index 64%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-horizontal/cdk-listbox-horizontal-example.ts
rename to src/components-examples/aria/listbox/listbox-horizontal/listbox-horizontal-example.ts
index ade7fd988ea1..72366a8c0c5e 100644
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-horizontal/cdk-listbox-horizontal-example.ts
+++ b/src/components-examples/aria/listbox/listbox-horizontal/listbox-horizontal-example.ts
@@ -1,19 +1,19 @@
 import {Component} from '@angular/core';
-import {CdkListbox, CdkOption} from '@angular/cdk-experimental/listbox';
+import {Listbox, Option} from '@angular/aria/listbox';
 import {MatPseudoCheckbox} from '@angular/material/core';
 
 /**
  * @title Listbox with horizontal orientation.
  */
 @Component({
-  selector: 'cdk-listbox-horizontal-example',
-  exportAs: 'cdkListboxHorizontalExample',
-  templateUrl: 'cdk-listbox-horizontal-example.html',
-  styleUrl: '../cdk-listbox-configurable/cdk-listbox-configurable-example.css',
+  selector: 'listbox-horizontal-example',
+  exportAs: 'ListboxHorizontalExample',
+  templateUrl: 'listbox-horizontal-example.html',
+  styleUrl: '../listbox-configurable/listbox-configurable-example.css',
   standalone: true,
-  imports: [CdkListbox, CdkOption, MatPseudoCheckbox],
+  imports: [Listbox, Option, MatPseudoCheckbox],
 })
-export class CdkListboxHorizontalExample {
+export class ListboxHorizontalExample {
   fruits = [
     'Apple',
     'Apricot',
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-multi-select-follow-focus/cdk-listbox-multi-select-follow-focus-example.html b/src/components-examples/aria/listbox/listbox-multi-select-follow-focus/listbox-multi-select-follow-focus-example.html
similarity index 91%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-multi-select-follow-focus/cdk-listbox-multi-select-follow-focus-example.html
rename to src/components-examples/aria/listbox/listbox-multi-select-follow-focus/listbox-multi-select-follow-focus-example.html
index c02c74357291..9fe748d6edec 100644
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-multi-select-follow-focus/cdk-listbox-multi-select-follow-focus-example.html
+++ b/src/components-examples/aria/listbox/listbox-multi-select-follow-focus/listbox-multi-select-follow-focus-example.html
@@ -1,7 +1,7 @@
 <!-- Multi Select w/ Selection Follows Focus -->
 <div class="example-container">
   <ul
-    cdkListbox
+    listbox
     [multi]="true"
     selectionMode="follow"
     class="example-listbox example-parent"
@@ -12,8 +12,8 @@
       <li
         class="example-option example-stateful example-selectable"
         [value]="fruit"
-        cdkOption
-        #option="cdkOption"
+        option
+        #option="option"
       >
         <mat-pseudo-checkbox
           [state]="option.pattern.selected() ? 'checked' : 'unchecked'"
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-multi-select-follow-focus/cdk-listbox-multi-select-follow-focus-example.ts b/src/components-examples/aria/listbox/listbox-multi-select-follow-focus/listbox-multi-select-follow-focus-example.ts
similarity index 62%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-multi-select-follow-focus/cdk-listbox-multi-select-follow-focus-example.ts
rename to src/components-examples/aria/listbox/listbox-multi-select-follow-focus/listbox-multi-select-follow-focus-example.ts
index d28bb80451cc..5d77aed23df7 100644
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-multi-select-follow-focus/cdk-listbox-multi-select-follow-focus-example.ts
+++ b/src/components-examples/aria/listbox/listbox-multi-select-follow-focus/listbox-multi-select-follow-focus-example.ts
@@ -1,19 +1,19 @@
 import {Component} from '@angular/core';
-import {CdkListbox, CdkOption} from '@angular/cdk-experimental/listbox';
+import {Listbox, Option} from '@angular/aria/listbox';
 import {MatPseudoCheckbox} from '@angular/material/core';
 
 /**
  * @title Listbox with multi-selection and selection following focus.
  */
 @Component({
-  selector: 'cdk-listbox-multi-select-follow-focus-example',
-  exportAs: 'cdkListboxMultiSelectFollowFocusExample',
-  templateUrl: 'cdk-listbox-multi-select-follow-focus-example.html',
-  styleUrl: '../cdk-listbox-configurable/cdk-listbox-configurable-example.css',
+  selector: 'listbox-multi-select-follow-focus-example',
+  exportAs: 'ListboxMultiSelectFollowFocusExample',
+  templateUrl: 'listbox-multi-select-follow-focus-example.html',
+  styleUrl: '../listbox-configurable/listbox-configurable-example.css',
   standalone: true,
-  imports: [CdkListbox, CdkOption, MatPseudoCheckbox],
+  imports: [Listbox, Option, MatPseudoCheckbox],
 })
-export class CdkListboxMultiSelectFollowFocusExample {
+export class ListboxMultiSelectFollowFocusExample {
   fruits = [
     'Apple',
     'Apricot',
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-multi-select/cdk-listbox-multi-select-example.html b/src/components-examples/aria/listbox/listbox-multi-select/listbox-multi-select-example.html
similarity index 91%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-multi-select/cdk-listbox-multi-select-example.html
rename to src/components-examples/aria/listbox/listbox-multi-select/listbox-multi-select-example.html
index 29e5fde39a7a..b0ca0f0b5519 100644
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-multi-select/cdk-listbox-multi-select-example.html
+++ b/src/components-examples/aria/listbox/listbox-multi-select/listbox-multi-select-example.html
@@ -1,7 +1,7 @@
 <!-- Multi Select -->
 <div class="example-container">
   <ul
-    cdkListbox
+    listbox
     [multi]="true"
     selectionMode="explicit"
     class="example-listbox example-parent"
@@ -12,8 +12,8 @@
       <li
         class="example-option example-stateful example-selectable"
         [value]="fruit"
-        cdkOption
-        #option="cdkOption"
+        option
+        #option="option"
       >
         <mat-pseudo-checkbox
           [state]="option.pattern.selected() ? 'checked' : 'unchecked'"
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-multi-select/cdk-listbox-multi-select-example.ts b/src/components-examples/aria/listbox/listbox-multi-select/listbox-multi-select-example.ts
similarity index 64%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-multi-select/cdk-listbox-multi-select-example.ts
rename to src/components-examples/aria/listbox/listbox-multi-select/listbox-multi-select-example.ts
index 5fe97263b80f..e51288e75170 100644
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-multi-select/cdk-listbox-multi-select-example.ts
+++ b/src/components-examples/aria/listbox/listbox-multi-select/listbox-multi-select-example.ts
@@ -1,15 +1,18 @@
 import {Component} from '@angular/core';
-import {CdkListbox, CdkOption} from '@angular/cdk-experimental/listbox';
+import {Listbox, Option} from '@angular/aria/listbox';
 import {MatPseudoCheckbox} from '@angular/material/core';
 
+/**
+ * @title Listbox with multi-selection.
+ */
 @Component({
-  selector: 'cdk-listbox-multi-select-example',
-  templateUrl: './cdk-listbox-multi-select-example.html',
-  styleUrl: '../cdk-listbox-configurable/cdk-listbox-configurable-example.css',
+  selector: 'listbox-multi-select-example',
+  templateUrl: './listbox-multi-select-example.html',
+  styleUrl: '../listbox-configurable/listbox-configurable-example.css',
   standalone: true,
-  imports: [CdkListbox, CdkOption, MatPseudoCheckbox],
+  imports: [Listbox, Option, MatPseudoCheckbox],
 })
-export class CdkListboxMultiSelectExample {
+export class ListboxMultiSelectExample {
   fruits = [
     'Apple',
     'Apricot',
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-readonly/cdk-listbox-readonly-example.html b/src/components-examples/aria/listbox/listbox-readonly/listbox-readonly-example.html
similarity index 90%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-readonly/cdk-listbox-readonly-example.html
rename to src/components-examples/aria/listbox/listbox-readonly/listbox-readonly-example.html
index cf1d393ddc74..533e5be1d7dc 100644
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-readonly/cdk-listbox-readonly-example.html
+++ b/src/components-examples/aria/listbox/listbox-readonly/listbox-readonly-example.html
@@ -1,7 +1,7 @@
 <!-- Readonly -->
 <div class="example-container">
   <ul
-    cdkListbox
+    listbox
     [readonly]="true"
     class="example-listbox example-parent"
     aria-labelledby="readonly-label"
@@ -11,8 +11,8 @@
       <li
         class="example-option example-stateful example-selectable"
         [value]="fruit"
-        cdkOption
-        #option="cdkOption"
+        option
+        #option="option"
       >
         <mat-pseudo-checkbox
           [state]="option.pattern.selected() ? 'checked' : 'unchecked'"
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-readonly/cdk-listbox-readonly-example.ts b/src/components-examples/aria/listbox/listbox-readonly/listbox-readonly-example.ts
similarity index 64%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-readonly/cdk-listbox-readonly-example.ts
rename to src/components-examples/aria/listbox/listbox-readonly/listbox-readonly-example.ts
index e04d549d2bb3..d15f7c1ab851 100644
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-readonly/cdk-listbox-readonly-example.ts
+++ b/src/components-examples/aria/listbox/listbox-readonly/listbox-readonly-example.ts
@@ -1,19 +1,19 @@
 import {Component} from '@angular/core';
-import {CdkListbox, CdkOption} from '@angular/cdk-experimental/listbox';
+import {Listbox, Option} from '@angular/aria/listbox';
 import {MatPseudoCheckbox} from '@angular/material/core';
 
 /**
  * @title Listbox with readonly state.
  */
 @Component({
-  selector: 'cdk-listbox-readonly-example',
-  exportAs: 'cdkListboxReadonlyExample',
-  templateUrl: 'cdk-listbox-readonly-example.html',
-  styleUrl: '../cdk-listbox-configurable/cdk-listbox-configurable-example.css',
+  selector: 'listbox-readonly-example',
+  exportAs: 'ListboxReadonlyExample',
+  templateUrl: 'listbox-readonly-example.html',
+  styleUrl: '../listbox-configurable/listbox-configurable-example.css',
   standalone: true,
-  imports: [CdkListbox, CdkOption, MatPseudoCheckbox],
+  imports: [Listbox, Option, MatPseudoCheckbox],
 })
-export class CdkListboxReadonlyExample {
+export class ListboxReadonlyExample {
   fruits = [
     'Apple',
     'Apricot',
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-rtl-horizontal/cdk-listbox-rtl-horizontal-example.html b/src/components-examples/aria/listbox/listbox-rtl-horizontal/listbox-rtl-horizontal-example.html
similarity index 91%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-rtl-horizontal/cdk-listbox-rtl-horizontal-example.html
rename to src/components-examples/aria/listbox/listbox-rtl-horizontal/listbox-rtl-horizontal-example.html
index 3728f0341aba..fdbdf15ce04a 100644
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-rtl-horizontal/cdk-listbox-rtl-horizontal-example.html
+++ b/src/components-examples/aria/listbox/listbox-rtl-horizontal/listbox-rtl-horizontal-example.html
@@ -1,7 +1,7 @@
 <!-- RTL & Horizontal Orientation -->
 <div class="example-container" dir="rtl">
   <ul
-    cdkListbox
+    listbox
     orientation="horizontal"
     class="example-listbox example-parent"
     aria-labelledby="rtl-horizontal-label"
@@ -11,8 +11,8 @@
       <li
         class="example-option example-stateful example-selectable"
         [value]="fruit"
-        cdkOption
-        #option="cdkOption"
+        option
+        #option="option"
       >
         <mat-pseudo-checkbox
           [state]="option.pattern.selected() ? 'checked' : 'unchecked'"
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-rtl-horizontal/cdk-listbox-rtl-horizontal-example.ts b/src/components-examples/aria/listbox/listbox-rtl-horizontal/listbox-rtl-horizontal-example.ts
similarity index 64%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-rtl-horizontal/cdk-listbox-rtl-horizontal-example.ts
rename to src/components-examples/aria/listbox/listbox-rtl-horizontal/listbox-rtl-horizontal-example.ts
index 1cb26c672da3..c8fc4eb05ac7 100644
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-rtl-horizontal/cdk-listbox-rtl-horizontal-example.ts
+++ b/src/components-examples/aria/listbox/listbox-rtl-horizontal/listbox-rtl-horizontal-example.ts
@@ -1,20 +1,20 @@
 import {Component} from '@angular/core';
 import {Dir} from '@angular/cdk/bidi';
-import {CdkListbox, CdkOption} from '@angular/cdk-experimental/listbox';
+import {Listbox, Option} from '@angular/aria/listbox';
 import {MatPseudoCheckbox} from '@angular/material/core';
 
 /**
  * @title Listbox with RTL and horizontal orientation.
  */
 @Component({
-  selector: 'cdk-listbox-rtl-horizontal-example',
-  exportAs: 'cdkListboxRtlHorizontalExample',
-  templateUrl: 'cdk-listbox-rtl-horizontal-example.html',
-  styleUrl: '../cdk-listbox-configurable/cdk-listbox-configurable-example.css',
+  selector: 'listbox-rtl-horizontal-example',
+  exportAs: 'ListboxRtlHorizontalExample',
+  templateUrl: 'listbox-rtl-horizontal-example.html',
+  styleUrl: '../listbox-configurable/listbox-configurable-example.css',
   standalone: true,
-  imports: [CdkListbox, CdkOption, Dir, MatPseudoCheckbox],
+  imports: [Listbox, Option, Dir, MatPseudoCheckbox],
 })
-export class CdkListboxRtlHorizontalExample {
+export class ListboxRtlHorizontalExample {
   fruits = [
     'Apple',
     'Apricot',
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-single-select-follow-focus/cdk-listbox-single-select-follow-focus-example.html b/src/components-examples/aria/listbox/listbox-single-select-follow-focus/listbox-single-select-follow-focus-example.html
similarity index 91%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-single-select-follow-focus/cdk-listbox-single-select-follow-focus-example.html
rename to src/components-examples/aria/listbox/listbox-single-select-follow-focus/listbox-single-select-follow-focus-example.html
index f8a72a5bd1b2..fc89ab72f7d1 100644
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-single-select-follow-focus/cdk-listbox-single-select-follow-focus-example.html
+++ b/src/components-examples/aria/listbox/listbox-single-select-follow-focus/listbox-single-select-follow-focus-example.html
@@ -1,7 +1,7 @@
 <!-- Single Select w/ Selection Follows Focus -->
 <div class="example-container">
   <ul
-    cdkListbox
+    listbox
     [multi]="false"
     selectionMode="follow"
     class="example-listbox example-parent"
@@ -12,8 +12,8 @@
       <li
         class="example-option example-stateful example-selectable"
         [value]="fruit"
-        cdkOption
-        #option="cdkOption"
+        option
+        #option="option"
       >
         <mat-pseudo-checkbox
           [state]="option.pattern.selected() ? 'checked' : 'unchecked'"
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-single-select-follow-focus/cdk-listbox-single-select-follow-focus-example.ts b/src/components-examples/aria/listbox/listbox-single-select-follow-focus/listbox-single-select-follow-focus-example.ts
similarity index 60%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-single-select-follow-focus/cdk-listbox-single-select-follow-focus-example.ts
rename to src/components-examples/aria/listbox/listbox-single-select-follow-focus/listbox-single-select-follow-focus-example.ts
index 1c49a9020e23..cac7c1a7ae13 100644
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-single-select-follow-focus/cdk-listbox-single-select-follow-focus-example.ts
+++ b/src/components-examples/aria/listbox/listbox-single-select-follow-focus/listbox-single-select-follow-focus-example.ts
@@ -1,17 +1,17 @@
 import {Component} from '@angular/core';
-import {CdkListbox, CdkOption} from '@angular/cdk-experimental/listbox';
+import {Listbox, Option} from '@angular/aria/listbox';
 import {MatPseudoCheckbox} from '@angular/material/core';
 
 /** @title Listbox with single selection and selection follows focus. */
 @Component({
-  selector: 'cdk-listbox-single-select-follow-focus-example',
-  exportAs: 'cdkListboxSingleSelectFollowFocusExample',
-  templateUrl: 'cdk-listbox-single-select-follow-focus-example.html',
-  styleUrl: '../cdk-listbox-configurable/cdk-listbox-configurable-example.css', // Reuse common styles
+  selector: 'listbox-single-select-follow-focus-example',
+  exportAs: 'ListboxSingleSelectFollowFocusExample',
+  templateUrl: 'listbox-single-select-follow-focus-example.html',
+  styleUrl: '../listbox-configurable/listbox-configurable-example.css', // Reuse common styles
   standalone: true,
-  imports: [CdkListbox, CdkOption, MatPseudoCheckbox],
+  imports: [Listbox, Option, MatPseudoCheckbox],
 })
-export class CdkListboxSingleSelectFollowFocusExample {
+export class ListboxSingleSelectFollowFocusExample {
   fruits = [
     'Apple',
     'Apricot',
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-single-select/cdk-listbox-single-select-example.html b/src/components-examples/aria/listbox/listbox-single-select/listbox-single-select-example.html
similarity index 91%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-single-select/cdk-listbox-single-select-example.html
rename to src/components-examples/aria/listbox/listbox-single-select/listbox-single-select-example.html
index 9f513f703b96..d58f3c189230 100644
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-single-select/cdk-listbox-single-select-example.html
+++ b/src/components-examples/aria/listbox/listbox-single-select/listbox-single-select-example.html
@@ -1,7 +1,7 @@
 <!-- Single Select -->
 <div class="example-container">
   <ul
-    cdkListbox
+    listbox
     [multi]="false"
     selectionMode="explicit"
     class="example-listbox example-parent"
@@ -12,8 +12,8 @@
       <li
         class="example-option example-stateful example-selectable"
         [value]="fruit"
-        cdkOption
-        #option="cdkOption"
+        option
+        #option="option"
       >
         <mat-pseudo-checkbox
           [state]="option.pattern.selected() ? 'checked' : 'unchecked'"
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-single-select/cdk-listbox-single-select-example.ts b/src/components-examples/aria/listbox/listbox-single-select/listbox-single-select-example.ts
similarity index 62%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox-single-select/cdk-listbox-single-select-example.ts
rename to src/components-examples/aria/listbox/listbox-single-select/listbox-single-select-example.ts
index 0cfd2a89e843..e1ec77f18233 100644
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-single-select/cdk-listbox-single-select-example.ts
+++ b/src/components-examples/aria/listbox/listbox-single-select/listbox-single-select-example.ts
@@ -1,17 +1,17 @@
 import {Component} from '@angular/core';
-import {CdkListbox, CdkOption} from '@angular/cdk-experimental/listbox';
+import {Listbox, Option} from '@angular/aria/listbox';
 import {MatPseudoCheckbox} from '@angular/material/core';
 
 /** @title Listbox with single selection. */
 @Component({
-  selector: 'cdk-listbox-single-select-example',
-  exportAs: 'cdkListboxSingleSelectExample',
-  templateUrl: 'cdk-listbox-single-select-example.html',
-  styleUrl: '../cdk-listbox-configurable/cdk-listbox-configurable-example.css', // Reuse common styles
+  selector: 'listbox-single-select-example',
+  exportAs: 'ListboxSingleSelectExample',
+  templateUrl: 'listbox-single-select-example.html',
+  styleUrl: '../listbox-configurable/listbox-configurable-example.css', // Reuse common styles
   standalone: true,
-  imports: [CdkListbox, CdkOption, MatPseudoCheckbox],
+  imports: [Listbox, Option, MatPseudoCheckbox],
 })
-export class CdkListboxSingleSelectExample {
+export class ListboxSingleSelectExample {
   fruits = [
     'Apple',
     'Apricot',
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox/cdk-listbox-example.html b/src/components-examples/aria/listbox/listbox/listbox-example.html
similarity index 100%
rename from src/components-examples/cdk-experimental/listbox/cdk-listbox/cdk-listbox-example.html
rename to src/components-examples/aria/listbox/listbox/listbox-example.html
diff --git a/src/components-examples/cdk-experimental/radio-group/BUILD.bazel b/src/components-examples/aria/radio-group/BUILD.bazel
similarity index 92%
rename from src/components-examples/cdk-experimental/radio-group/BUILD.bazel
rename to src/components-examples/aria/radio-group/BUILD.bazel
index e95ccca18a3e..fa62632483d9 100644
--- a/src/components-examples/cdk-experimental/radio-group/BUILD.bazel
+++ b/src/components-examples/aria/radio-group/BUILD.bazel
@@ -12,7 +12,7 @@ ng_project(
     deps = [
         "//:node_modules/@angular/core",
         "//:node_modules/@angular/forms",
-        "//src/cdk-experimental/radio-group",
+        "//src/aria/radio-group",
         "//src/material/checkbox",
         "//src/material/form-field",
         "//src/material/select",
diff --git a/src/components-examples/aria/radio-group/index.ts b/src/components-examples/aria/radio-group/index.ts
new file mode 100644
index 000000000000..1eac914e3216
--- /dev/null
+++ b/src/components-examples/aria/radio-group/index.ts
@@ -0,0 +1,9 @@
+export {RadioGroupStandardExample} from './radio-group-standard/radio-group-standard-example';
+export {RadioGroupHorizontalExample} from './radio-group-horizontal/radio-group-horizontal-example';
+export {RadioGroupRtlHorizontalExample} from './radio-group-rtl-horizontal/radio-group-rtl-horizontal-example';
+export {RadioGroupActiveDescendantExample} from './radio-group-active-descendant/radio-group-active-descendant-example';
+export {RadioGroupDisabledFocusableExample} from './radio-group-disabled-focusable/radio-group-disabled-focusable-example';
+export {RadioGroupDisabledSkippedExample} from './radio-group-disabled-skipped/radio-group-disabled-skipped-example';
+export {RadioGroupReadonlyExample} from './radio-group-readonly/radio-group-readonly-example';
+export {RadioGroupDisabledExample} from './radio-group-disabled/radio-group-disabled-example';
+export {RadioGroupConfigurableExample} from './radio-group-configurable/radio-group-configurable-example';
diff --git a/src/components-examples/cdk-experimental/radio-group/radio-common.css b/src/components-examples/aria/radio-group/radio-common.css
similarity index 100%
rename from src/components-examples/cdk-experimental/radio-group/radio-common.css
rename to src/components-examples/aria/radio-group/radio-common.css
diff --git a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-active-descendant/cdk-radio-group-active-descendant-example.html b/src/components-examples/aria/radio-group/radio-group-active-descendant/radio-group-active-descendant-example.html
similarity index 88%
rename from src/components-examples/cdk-experimental/radio-group/cdk-radio-group-active-descendant/cdk-radio-group-active-descendant-example.html
rename to src/components-examples/aria/radio-group/radio-group-active-descendant/radio-group-active-descendant-example.html
index e2df498ec509..944420bc0a39 100644
--- a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-active-descendant/cdk-radio-group-active-descendant-example.html
+++ b/src/components-examples/aria/radio-group/radio-group-active-descendant/radio-group-active-descendant-example.html
@@ -1,6 +1,6 @@
 <div class="example-container">
   <ul
-    cdkRadioGroup
+    radioGroup
     focusMode="activedescendant"
     class="example-radio-group"
     aria-labelledby="active-descendant-radio-label"
@@ -10,8 +10,8 @@
       <li
         class="example-radio-button example-stateful example-selectable"
         [value]="fruit"
-        cdkRadioButton
-        #radioButton="cdkRadioButton"
+        radioButton
+        #radioButton="radioButton"
       >
         <span class="example-radio-indicator" [class.example-radio-checked]="radioButton.pattern.selected()"></span>
         <span>{{ fruit }}</span>
diff --git a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-active-descendant/cdk-radio-group-active-descendant-example.ts b/src/components-examples/aria/radio-group/radio-group-active-descendant/radio-group-active-descendant-example.ts
similarity index 66%
rename from src/components-examples/cdk-experimental/radio-group/cdk-radio-group-active-descendant/cdk-radio-group-active-descendant-example.ts
rename to src/components-examples/aria/radio-group/radio-group-active-descendant/radio-group-active-descendant-example.ts
index ea490f3d988f..2a74ef02f1ac 100644
--- a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-active-descendant/cdk-radio-group-active-descendant-example.ts
+++ b/src/components-examples/aria/radio-group/radio-group-active-descendant/radio-group-active-descendant-example.ts
@@ -1,17 +1,17 @@
 import {Component} from '@angular/core';
 import {FormsModule} from '@angular/forms';
-import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio-group';
+import {RadioGroup, RadioButton} from '@angular/aria/radio-group';
 
 /** @title Active descendant radio group. */
 @Component({
-  selector: 'cdk-radio-group-active-descendant-example',
-  exportAs: 'cdkRadioActiveDescendantExample',
-  templateUrl: 'cdk-radio-group-active-descendant-example.html',
+  selector: 'radio-group-active-descendant-example',
+  exportAs: 'RadioActiveDescendantExample',
+  templateUrl: 'radio-group-active-descendant-example.html',
   standalone: true,
   styleUrl: '../radio-common.css',
-  imports: [CdkRadioGroup, CdkRadioButton, FormsModule],
+  imports: [RadioGroup, RadioButton, FormsModule],
 })
-export class CdkRadioGroupActiveDescendantExample {
+export class RadioGroupActiveDescendantExample {
   fruits = [
     'Apple',
     'Apricot',
diff --git a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-configurable/cdk-radio-group-configurable-example.html b/src/components-examples/aria/radio-group/radio-group-configurable/radio-group-configurable-example.html
similarity index 98%
rename from src/components-examples/cdk-experimental/radio-group/cdk-radio-group-configurable/cdk-radio-group-configurable-example.html
rename to src/components-examples/aria/radio-group/radio-group-configurable/radio-group-configurable-example.html
index beff767df206..b6864fae0111 100644
--- a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-configurable/cdk-radio-group-configurable-example.html
+++ b/src/components-examples/aria/radio-group/radio-group-configurable/radio-group-configurable-example.html
@@ -31,7 +31,7 @@
 
 <!-- #docregion radio-group -->
 <ul
-  cdkRadioGroup
+  radioGroup
   [disabled]="disabled.value"
   [readonly]="readonly.value"
   [skipDisabled]="skipDisabled.value"
@@ -43,7 +43,7 @@
   @for (fruit of fruits; track fruit) {
     @let optionDisabled = disabledOptions.includes(fruit);
     <li
-      cdkRadioButton
+      radioButton
       [value]="fruit"
       [disabled]="optionDisabled"
       class="example-radio-button example-stateful example-selectable"
diff --git a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-configurable/cdk-radio-group-configurable-example.ts b/src/components-examples/aria/radio-group/radio-group-configurable/radio-group-configurable-example.ts
similarity index 81%
rename from src/components-examples/cdk-experimental/radio-group/cdk-radio-group-configurable/cdk-radio-group-configurable-example.ts
rename to src/components-examples/aria/radio-group/radio-group-configurable/radio-group-configurable-example.ts
index 4878a9fbd4ad..82b17f7e2eef 100644
--- a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-configurable/cdk-radio-group-configurable-example.ts
+++ b/src/components-examples/aria/radio-group/radio-group-configurable/radio-group-configurable-example.ts
@@ -1,5 +1,5 @@
 import {Component} from '@angular/core';
-import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio-group';
+import {RadioGroup, RadioButton} from '@angular/aria/radio-group';
 import {MatCheckboxModule} from '@angular/material/checkbox';
 import {MatFormFieldModule} from '@angular/material/form-field';
 import {MatSelectModule} from '@angular/material/select';
@@ -7,14 +7,14 @@ import {FormControl, FormsModule, ReactiveFormsModule} from '@angular/forms';
 
 /** @title Configurable CDK Radio Group */
 @Component({
-  selector: 'cdk-radio-group-configurable-example',
-  exportAs: 'cdkRadioConfigurableExample',
-  templateUrl: 'cdk-radio-group-configurable-example.html',
+  selector: 'radio-group-configurable-example',
+  exportAs: 'RadioConfigurableExample',
+  templateUrl: 'radio-group-configurable-example.html',
   styleUrl: '../radio-common.css',
   standalone: true,
   imports: [
-    CdkRadioGroup,
-    CdkRadioButton,
+    RadioGroup,
+    RadioButton,
     MatCheckboxModule,
     MatFormFieldModule,
     MatSelectModule,
@@ -22,7 +22,7 @@ import {FormControl, FormsModule, ReactiveFormsModule} from '@angular/forms';
     ReactiveFormsModule,
   ],
 })
-export class CdkRadioGroupConfigurableExample {
+export class RadioGroupConfigurableExample {
   orientation: 'vertical' | 'horizontal' = 'vertical';
   disabled = new FormControl(false, {nonNullable: true});
 
diff --git a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-disabled-focusable/cdk-radio-group-disabled-focusable-example.html b/src/components-examples/aria/radio-group/radio-group-disabled-focusable/radio-group-disabled-focusable-example.html
similarity index 90%
rename from src/components-examples/cdk-experimental/radio-group/cdk-radio-group-disabled-focusable/cdk-radio-group-disabled-focusable-example.html
rename to src/components-examples/aria/radio-group/radio-group-disabled-focusable/radio-group-disabled-focusable-example.html
index 35067271c9ad..fddc05ef8ade 100644
--- a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-disabled-focusable/cdk-radio-group-disabled-focusable-example.html
+++ b/src/components-examples/aria/radio-group/radio-group-disabled-focusable/radio-group-disabled-focusable-example.html
@@ -1,6 +1,6 @@
 <div class="example-container">
   <ul
-    cdkRadioGroup
+    radioGroup
     [skipDisabled]="false"
     class="example-radio-group example-parent"
     aria-labelledby="disabled-focusable-radio-label"
@@ -11,8 +11,8 @@
         class="example-radio-button example-stateful example-selectable"
         [value]="fruit"
         [disabled]="disabledFruits.includes(fruit)"
-        cdkRadioButton
-        #radioButton="cdkRadioButton"
+        radioButton
+        #radioButton="radioButton"
       >
         <span class="example-radio-indicator" [class.example-radio-checked]="radioButton.pattern.selected()"></span>
         <span>{{ fruit }} {{ disabledFruits.includes(fruit) ? '(Disabled)' : '' }}</span>
diff --git a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-disabled-focusable/cdk-radio-group-disabled-focusable-example.ts b/src/components-examples/aria/radio-group/radio-group-disabled-focusable/radio-group-disabled-focusable-example.ts
similarity index 68%
rename from src/components-examples/cdk-experimental/radio-group/cdk-radio-group-disabled-focusable/cdk-radio-group-disabled-focusable-example.ts
rename to src/components-examples/aria/radio-group/radio-group-disabled-focusable/radio-group-disabled-focusable-example.ts
index 1af6decfda58..79289127448d 100644
--- a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-disabled-focusable/cdk-radio-group-disabled-focusable-example.ts
+++ b/src/components-examples/aria/radio-group/radio-group-disabled-focusable/radio-group-disabled-focusable-example.ts
@@ -1,17 +1,17 @@
 import {Component} from '@angular/core';
 import {FormsModule} from '@angular/forms';
-import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio-group';
+import {RadioGroup, RadioButton} from '@angular/aria/radio-group';
 
 /** @title Radio group with disabled options that are focusable. */
 @Component({
-  selector: 'cdk-radio-group-disabled-focusable-example',
-  exportAs: 'cdkRadioDisabledFocusableExample',
-  templateUrl: 'cdk-radio-group-disabled-focusable-example.html',
+  selector: 'radio-group-disabled-focusable-example',
+  exportAs: 'RadioDisabledFocusableExample',
+  templateUrl: 'radio-group-disabled-focusable-example.html',
   styleUrl: '../radio-common.css',
   standalone: true,
-  imports: [CdkRadioGroup, CdkRadioButton, FormsModule],
+  imports: [RadioGroup, RadioButton, FormsModule],
 })
-export class CdkRadioGroupDisabledFocusableExample {
+export class RadioGroupDisabledFocusableExample {
   fruits = [
     'Apple',
     'Apricot',
diff --git a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-disabled-skipped/cdk-radio-group-disabled-skipped-example.html b/src/components-examples/aria/radio-group/radio-group-disabled-skipped/radio-group-disabled-skipped-example.html
similarity index 89%
rename from src/components-examples/cdk-experimental/radio-group/cdk-radio-group-disabled-skipped/cdk-radio-group-disabled-skipped-example.html
rename to src/components-examples/aria/radio-group/radio-group-disabled-skipped/radio-group-disabled-skipped-example.html
index 3b98c7dda395..7e2f22a28c89 100644
--- a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-disabled-skipped/cdk-radio-group-disabled-skipped-example.html
+++ b/src/components-examples/aria/radio-group/radio-group-disabled-skipped/radio-group-disabled-skipped-example.html
@@ -1,6 +1,6 @@
 <div class="example-container">
   <ul
-    cdkRadioGroup
+    radioGroup
     class="example-radio-group example-parent"
     aria-labelledby="disabled-skipped-radio-label"
   >
@@ -10,8 +10,8 @@
         class="example-radio-button example-stateful example-selectable"
         [value]="fruit"
         [disabled]="disabledFruits.includes(fruit)"
-        cdkRadioButton
-        #radioButton="cdkRadioButton"
+        radioButton
+        #radioButton="radioButton"
       >
         <span class="example-radio-indicator" [class.example-radio-checked]="radioButton.pattern.selected()"></span>
         <span>{{ fruit }} {{ disabledFruits.includes(fruit) ? '(Disabled)' : '' }}</span>
diff --git a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-disabled-skipped/cdk-radio-group-disabled-skipped-example.ts b/src/components-examples/aria/radio-group/radio-group-disabled-skipped/radio-group-disabled-skipped-example.ts
similarity index 68%
rename from src/components-examples/cdk-experimental/radio-group/cdk-radio-group-disabled-skipped/cdk-radio-group-disabled-skipped-example.ts
rename to src/components-examples/aria/radio-group/radio-group-disabled-skipped/radio-group-disabled-skipped-example.ts
index 94e118efa161..91a10110a168 100644
--- a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-disabled-skipped/cdk-radio-group-disabled-skipped-example.ts
+++ b/src/components-examples/aria/radio-group/radio-group-disabled-skipped/radio-group-disabled-skipped-example.ts
@@ -1,17 +1,17 @@
 import {Component} from '@angular/core';
 import {FormsModule} from '@angular/forms';
-import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio-group';
+import {RadioGroup, RadioButton} from '@angular/aria/radio-group';
 
 /** @title Radio group with disabled options that are skipped. */
 @Component({
-  selector: 'cdk-radio-group-disabled-skipped-example',
-  exportAs: 'cdkRadioDisabledSkippedExample',
-  templateUrl: 'cdk-radio-group-disabled-skipped-example.html',
+  selector: 'radio-group-disabled-skipped-example',
+  exportAs: 'RadioDisabledSkippedExample',
+  templateUrl: 'radio-group-disabled-skipped-example.html',
   styleUrl: '../radio-common.css',
   standalone: true,
-  imports: [CdkRadioGroup, CdkRadioButton, FormsModule],
+  imports: [RadioGroup, RadioButton, FormsModule],
 })
-export class CdkRadioGroupDisabledSkippedExample {
+export class RadioGroupDisabledSkippedExample {
   fruits = [
     'Apple',
     'Apricot',
diff --git a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-disabled/cdk-radio-group-disabled-example.html b/src/components-examples/aria/radio-group/radio-group-disabled/radio-group-disabled-example.html
similarity index 87%
rename from src/components-examples/cdk-experimental/radio-group/cdk-radio-group-disabled/cdk-radio-group-disabled-example.html
rename to src/components-examples/aria/radio-group/radio-group-disabled/radio-group-disabled-example.html
index dbcacedd39af..eadcfac63992 100644
--- a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-disabled/cdk-radio-group-disabled-example.html
+++ b/src/components-examples/aria/radio-group/radio-group-disabled/radio-group-disabled-example.html
@@ -1,13 +1,13 @@
 <div class="example-container">
   <ul
-    cdkRadioGroup
+    radioGroup
     [disabled]="true"
     class="example-radio-group example-parent"
     aria-labelledby="disabled-radio-label"
   >
     <label class="example-label" id="disabled-radio-label">Favorite Fruit (Disabled)</label>
     @for (fruit of fruits; track fruit) {
-      <li class="example-radio-button example-stateful example-selectable" [value]="fruit" cdkRadioButton #radioButton="cdkRadioButton">
+      <li class="example-radio-button example-stateful example-selectable" [value]="fruit" radioButton #radioButton="radioButton">
         <span
           class="example-radio-indicator"
           [class.example-radio-checked]="radioButton.pattern.selected()"
diff --git a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-disabled/cdk-radio-group-disabled-example.ts b/src/components-examples/aria/radio-group/radio-group-disabled/radio-group-disabled-example.ts
similarity index 68%
rename from src/components-examples/cdk-experimental/radio-group/cdk-radio-group-disabled/cdk-radio-group-disabled-example.ts
rename to src/components-examples/aria/radio-group/radio-group-disabled/radio-group-disabled-example.ts
index f891946ecbce..3db2343c9110 100644
--- a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-disabled/cdk-radio-group-disabled-example.ts
+++ b/src/components-examples/aria/radio-group/radio-group-disabled/radio-group-disabled-example.ts
@@ -1,17 +1,17 @@
 import {Component} from '@angular/core';
 import {FormsModule} from '@angular/forms';
-import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio-group';
+import {RadioGroup, RadioButton} from '@angular/aria/radio-group';
 
 /** @title Disabled radio group. */
 @Component({
-  selector: 'cdk-radio-group-disabled-example',
-  exportAs: 'cdkRadioDisabledExample',
-  templateUrl: 'cdk-radio-group-disabled-example.html',
+  selector: 'radio-group-disabled-example',
+  exportAs: 'RadioDisabledExample',
+  templateUrl: 'radio-group-disabled-example.html',
   styleUrl: '../radio-common.css',
   standalone: true,
-  imports: [CdkRadioGroup, CdkRadioButton, FormsModule],
+  imports: [RadioGroup, RadioButton, FormsModule],
 })
-export class CdkRadioGroupDisabledExample {
+export class RadioGroupDisabledExample {
   fruits = [
     'Apple',
     'Apricot',
diff --git a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-horizontal/cdk-radio-group-horizontal-example.html b/src/components-examples/aria/radio-group/radio-group-horizontal/radio-group-horizontal-example.html
similarity index 88%
rename from src/components-examples/cdk-experimental/radio-group/cdk-radio-group-horizontal/cdk-radio-group-horizontal-example.html
rename to src/components-examples/aria/radio-group/radio-group-horizontal/radio-group-horizontal-example.html
index 738702c92156..44db7f99fb47 100644
--- a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-horizontal/cdk-radio-group-horizontal-example.html
+++ b/src/components-examples/aria/radio-group/radio-group-horizontal/radio-group-horizontal-example.html
@@ -1,6 +1,6 @@
 <div class="example-container">
   <ul
-    cdkRadioGroup
+    radioGroup
     orientation="horizontal"
     class="example-radio-group example-radio-group-horizontal example-parent"
     aria-labelledby="horizontal-radio-label"
@@ -10,8 +10,8 @@
       <li
         class="example-radio-button example-stateful example-selectable"
         [value]="fruit"
-        cdkRadioButton
-        #radioButton="cdkRadioButton"
+        radioButton
+        #radioButton="radioButton"
       >
         <span class="example-radio-indicator" [class.example-radio-checked]="radioButton.pattern.selected()"></span>
         <span>{{ fruit }}</span>
diff --git a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-horizontal/cdk-radio-group-horizontal-example.ts b/src/components-examples/aria/radio-group/radio-group-horizontal/radio-group-horizontal-example.ts
similarity index 67%
rename from src/components-examples/cdk-experimental/radio-group/cdk-radio-group-horizontal/cdk-radio-group-horizontal-example.ts
rename to src/components-examples/aria/radio-group/radio-group-horizontal/radio-group-horizontal-example.ts
index 05e8339eb536..e29bd1b05129 100644
--- a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-horizontal/cdk-radio-group-horizontal-example.ts
+++ b/src/components-examples/aria/radio-group/radio-group-horizontal/radio-group-horizontal-example.ts
@@ -1,17 +1,17 @@
 import {Component} from '@angular/core';
 import {FormsModule} from '@angular/forms';
-import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio-group';
+import {RadioGroup, RadioButton} from '@angular/aria/radio-group';
 
 /** @title Horizontal radio group. */
 @Component({
-  selector: 'cdk-radio-group-horizontal-example',
-  exportAs: 'cdkRadioHorizontalExample',
-  templateUrl: 'cdk-radio-group-horizontal-example.html',
+  selector: 'radio-group-horizontal-example',
+  exportAs: 'RadioHorizontalExample',
+  templateUrl: 'radio-group-horizontal-example.html',
   styleUrl: '../radio-common.css',
   standalone: true,
-  imports: [CdkRadioGroup, CdkRadioButton, FormsModule],
+  imports: [RadioGroup, RadioButton, FormsModule],
 })
-export class CdkRadioGroupHorizontalExample {
+export class RadioGroupHorizontalExample {
   fruits = [
     'Apple',
     'Apricot',
diff --git a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-readonly/cdk-radio-group-readonly-example.html b/src/components-examples/aria/radio-group/radio-group-readonly/radio-group-readonly-example.html
similarity index 89%
rename from src/components-examples/cdk-experimental/radio-group/cdk-radio-group-readonly/cdk-radio-group-readonly-example.html
rename to src/components-examples/aria/radio-group/radio-group-readonly/radio-group-readonly-example.html
index ca66f991f0c2..50cbb423af59 100644
--- a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-readonly/cdk-radio-group-readonly-example.html
+++ b/src/components-examples/aria/radio-group/radio-group-readonly/radio-group-readonly-example.html
@@ -1,6 +1,6 @@
 <div class="example-container">
   <ul
-    cdkRadioGroup
+    radioGroup
     [readonly]="true"
     class="example-radio-group example-parent"
     aria-labelledby="readonly-radio-label"
@@ -10,8 +10,8 @@
       <li
         class="example-radio-button example-stateful example-selectable"
         [value]="fruit"
-        cdkRadioButton
-        #radioButton="cdkRadioButton"
+        radioButton
+        #radioButton="radioButton"
       >
         <span class="example-radio-indicator" [class.example-radio-checked]="radioButton.pattern.selected()"></span>
         <span>{{ fruit }}</span>
diff --git a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-readonly/cdk-radio-group-readonly-example.ts b/src/components-examples/aria/radio-group/radio-group-readonly/radio-group-readonly-example.ts
similarity index 68%
rename from src/components-examples/cdk-experimental/radio-group/cdk-radio-group-readonly/cdk-radio-group-readonly-example.ts
rename to src/components-examples/aria/radio-group/radio-group-readonly/radio-group-readonly-example.ts
index 156ebac90e35..c82c83908f8b 100644
--- a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-readonly/cdk-radio-group-readonly-example.ts
+++ b/src/components-examples/aria/radio-group/radio-group-readonly/radio-group-readonly-example.ts
@@ -1,17 +1,17 @@
 import {Component} from '@angular/core';
 import {FormsModule} from '@angular/forms';
-import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio-group';
+import {RadioGroup, RadioButton} from '@angular/aria/radio-group';
 
 /** @title Readonly radio group. */
 @Component({
-  selector: 'cdk-radio-group-readonly-example',
-  exportAs: 'cdkRadioReadonlyExample',
-  templateUrl: 'cdk-radio-group-readonly-example.html',
+  selector: 'radio-group-readonly-example',
+  exportAs: 'RadioReadonlyExample',
+  templateUrl: 'radio-group-readonly-example.html',
   styleUrl: '../radio-common.css',
   standalone: true,
-  imports: [CdkRadioGroup, CdkRadioButton, FormsModule],
+  imports: [RadioGroup, RadioButton, FormsModule],
 })
-export class CdkRadioGroupReadonlyExample {
+export class RadioGroupReadonlyExample {
   fruits = [
     'Apple',
     'Apricot',
diff --git a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-rtl-horizontal/cdk-radio-group-rtl-horizontal-example.html b/src/components-examples/aria/radio-group/radio-group-rtl-horizontal/radio-group-rtl-horizontal-example.html
similarity index 88%
rename from src/components-examples/cdk-experimental/radio-group/cdk-radio-group-rtl-horizontal/cdk-radio-group-rtl-horizontal-example.html
rename to src/components-examples/aria/radio-group/radio-group-rtl-horizontal/radio-group-rtl-horizontal-example.html
index 55d953ccb8a8..9643f260703f 100644
--- a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-rtl-horizontal/cdk-radio-group-rtl-horizontal-example.html
+++ b/src/components-examples/aria/radio-group/radio-group-rtl-horizontal/radio-group-rtl-horizontal-example.html
@@ -1,6 +1,6 @@
 <div class="example-container" dir="rtl">
   <ul
-    cdkRadioGroup
+    radioGroup
     orientation="horizontal"
     class="example-radio-group example-radio-group-horizontal"
     aria-labelledby="rtl-horizontal-radio-label"
@@ -10,8 +10,8 @@
       <li
         class="example-radio-button"
         [value]="fruit"
-        cdkRadioButton
-        #radioButton="cdkRadioButton"
+        radioButton
+        #radioButton="radioButton"
       >
         <span class="example-radio-indicator" [class.example-radio-checked]="radioButton.pattern.selected()"></span>
         <span>{{ fruit }}</span>
diff --git a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-rtl-horizontal/cdk-radio-group-rtl-horizontal-example.ts b/src/components-examples/aria/radio-group/radio-group-rtl-horizontal/radio-group-rtl-horizontal-example.ts
similarity index 68%
rename from src/components-examples/cdk-experimental/radio-group/cdk-radio-group-rtl-horizontal/cdk-radio-group-rtl-horizontal-example.ts
rename to src/components-examples/aria/radio-group/radio-group-rtl-horizontal/radio-group-rtl-horizontal-example.ts
index 74e945258850..6296fa17e52e 100644
--- a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-rtl-horizontal/cdk-radio-group-rtl-horizontal-example.ts
+++ b/src/components-examples/aria/radio-group/radio-group-rtl-horizontal/radio-group-rtl-horizontal-example.ts
@@ -1,18 +1,18 @@
 import {Component} from '@angular/core';
 import {Dir} from '@angular/cdk/bidi';
 import {FormsModule} from '@angular/forms';
-import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio-group';
+import {RadioGroup, RadioButton} from '@angular/aria/radio-group';
 
 /** @title RTL horizontal radio group. */
 @Component({
-  selector: 'cdk-radio-group-rtl-horizontal-example',
-  exportAs: 'cdkRadioRtlHorizontalExample',
-  templateUrl: 'cdk-radio-group-rtl-horizontal-example.html',
+  selector: 'radio-group-rtl-horizontal-example',
+  exportAs: 'RadioRtlHorizontalExample',
+  templateUrl: 'radio-group-rtl-horizontal-example.html',
   styleUrl: '../radio-common.css',
   standalone: true,
-  imports: [CdkRadioGroup, CdkRadioButton, Dir, FormsModule],
+  imports: [RadioGroup, RadioButton, Dir, FormsModule],
 })
-export class CdkRadioGroupRtlHorizontalExample {
+export class RadioGroupRtlHorizontalExample {
   fruits = [
     'Apple',
     'Apricot',
diff --git a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-standard/cdk-radio-group-standard-example.html b/src/components-examples/aria/radio-group/radio-group-standard/radio-group-standard-example.html
similarity index 85%
rename from src/components-examples/cdk-experimental/radio-group/cdk-radio-group-standard/cdk-radio-group-standard-example.html
rename to src/components-examples/aria/radio-group/radio-group-standard/radio-group-standard-example.html
index 4287e4fe6800..18959e10d88c 100644
--- a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-standard/cdk-radio-group-standard-example.html
+++ b/src/components-examples/aria/radio-group/radio-group-standard/radio-group-standard-example.html
@@ -1,12 +1,12 @@
 <div class="example-container">
   <ul
-    cdkRadioGroup
+    radioGroup
     class="example-radio-group example-parent"
     aria-labelledby="standard-radio-label"
   >
     <label class="example-label" id="standard-radio-label">Favorite Fruit</label>
     @for (fruit of fruits; track fruit) {
-      <li class="example-radio-button example-stateful example-selectable" [value]="fruit" cdkRadioButton #radioButton="cdkRadioButton">
+      <li class="example-radio-button example-stateful example-selectable" [value]="fruit" radioButton #radioButton="radioButton">
         <span
           class="example-radio-indicator"
           [class.example-radio-checked]="radioButton.pattern.selected()"
diff --git a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-standard/cdk-radio-group-standard-example.ts b/src/components-examples/aria/radio-group/radio-group-standard/radio-group-standard-example.ts
similarity index 68%
rename from src/components-examples/cdk-experimental/radio-group/cdk-radio-group-standard/cdk-radio-group-standard-example.ts
rename to src/components-examples/aria/radio-group/radio-group-standard/radio-group-standard-example.ts
index d83218b19ca8..7d54d9106702 100644
--- a/src/components-examples/cdk-experimental/radio-group/cdk-radio-group-standard/cdk-radio-group-standard-example.ts
+++ b/src/components-examples/aria/radio-group/radio-group-standard/radio-group-standard-example.ts
@@ -1,17 +1,17 @@
 import {Component} from '@angular/core';
 import {FormsModule} from '@angular/forms';
-import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio-group';
+import {RadioGroup, RadioButton} from '@angular/aria/radio-group';
 
 /** @title Basic radio group. */
 @Component({
-  selector: 'cdk-radio-group-standard-example',
-  exportAs: 'cdkRadioStandardExample',
-  templateUrl: 'cdk-radio-group-standard-example.html',
+  selector: 'radio-group-standard-example',
+  exportAs: 'RadioStandardExample',
+  templateUrl: 'radio-group-standard-example.html',
   styleUrl: '../radio-common.css',
   standalone: true,
-  imports: [CdkRadioGroup, CdkRadioButton, FormsModule],
+  imports: [RadioGroup, RadioButton, FormsModule],
 })
-export class CdkRadioGroupStandardExample {
+export class RadioGroupStandardExample {
   fruits = [
     'Apple',
     'Apricot',
diff --git a/src/components-examples/cdk-experimental/tabs/BUILD.bazel b/src/components-examples/aria/tabs/BUILD.bazel
similarity index 93%
rename from src/components-examples/cdk-experimental/tabs/BUILD.bazel
rename to src/components-examples/aria/tabs/BUILD.bazel
index 192134fde12a..0a21cac728aa 100644
--- a/src/components-examples/cdk-experimental/tabs/BUILD.bazel
+++ b/src/components-examples/aria/tabs/BUILD.bazel
@@ -12,7 +12,7 @@ ng_project(
     deps = [
         "//:node_modules/@angular/core",
         "//:node_modules/@angular/forms",
-        "//src/cdk-experimental/tabs",
+        "//src/aria/tabs",
         "//src/material/checkbox",
         "//src/material/form-field",
         "//src/material/select",
diff --git a/src/components-examples/aria/tabs/active-descendant/tabs-active-descendant-example.html b/src/components-examples/aria/tabs/active-descendant/tabs-active-descendant-example.html
new file mode 100644
index 000000000000..33bf72c016c9
--- /dev/null
+++ b/src/components-examples/aria/tabs/active-descendant/tabs-active-descendant-example.html
@@ -0,0 +1,29 @@
+<div tabs class="example-tabs">
+  <ul tabList class="example-tablist" focusMode="activedescendant" selectedTab="tab-1">
+    <li tab value="tab-1" class="example-tab">tab 1</li>
+    <li tab value="tab-2" class="example-tab">tab 2</li>
+    <li tab value="tab-3" class="example-tab">tab 3</li>
+    <li tab value="tab-4" class="example-tab">tab 4</li>
+    <li tab value="tab-5" class="example-tab">tab 5</li>
+  </ul>
+
+  <div tabPanel value="tab-1" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 1</ng-template>
+  </div>
+
+  <div tabPanel value="tab-2" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 2</ng-template>
+  </div>
+
+  <div tabPanel value="tab-3" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 3</ng-template>
+  </div>
+
+  <div tabPanel value="tab-4" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 4</ng-template>
+  </div>
+
+  <div tabPanel value="tab-5" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 5</ng-template>
+  </div>
+</div>
diff --git a/src/components-examples/aria/tabs/active-descendant/tabs-active-descendant-example.ts b/src/components-examples/aria/tabs/active-descendant/tabs-active-descendant-example.ts
new file mode 100644
index 000000000000..4cdcefa56550
--- /dev/null
+++ b/src/components-examples/aria/tabs/active-descendant/tabs-active-descendant-example.ts
@@ -0,0 +1,13 @@
+import {Component} from '@angular/core';
+import {Tab, Tabs, TabList, TabPanel, TabContent} from '@angular/aria/tabs';
+
+/** @title Active Descendant */
+@Component({
+  selector: 'tabs-active-descendant-example',
+  exportAs: 'TabsActiveDescendantExample',
+  templateUrl: 'tabs-active-descendant-example.html',
+  styleUrls: ['../tabs-common.css'],
+  standalone: true,
+  imports: [TabList, Tab, Tabs, TabPanel, TabContent],
+})
+export class TabsActiveDescendantExample {}
diff --git a/src/components-examples/aria/tabs/disabled-focusable/tabs-disabled-focusable-example.html b/src/components-examples/aria/tabs/disabled-focusable/tabs-disabled-focusable-example.html
new file mode 100644
index 000000000000..1cd3054ad4bb
--- /dev/null
+++ b/src/components-examples/aria/tabs/disabled-focusable/tabs-disabled-focusable-example.html
@@ -0,0 +1,29 @@
+<div tabs class="example-tabs">
+  <ul tabList class="example-tablist" [skipDisabled]="false" selectedTab="tab-1">
+    <li tab value="tab-1" class="example-tab">tab 1</li>
+    <li tab value="tab-2" class="example-tab">tab 2</li>
+    <li tab value="tab-3" class="example-tab" disabled>tab 3</li>
+    <li tab value="tab-4" class="example-tab" disabled>tab 4</li>
+    <li tab value="tab-5" class="example-tab">tab 5</li>
+  </ul>
+
+  <div tabPanel value="tab-1" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 1</ng-template>
+  </div>
+
+  <div tabPanel value="tab-2" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 2</ng-template>
+  </div>
+
+  <div tabPanel value="tab-3" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 3</ng-template>
+  </div>
+
+  <div tabPanel value="tab-4" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 4</ng-template>
+  </div>
+
+  <div tabPanel value="tab-5" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 5</ng-template>
+  </div>
+</div>
diff --git a/src/components-examples/aria/tabs/disabled-focusable/tabs-disabled-focusable-example.ts b/src/components-examples/aria/tabs/disabled-focusable/tabs-disabled-focusable-example.ts
new file mode 100644
index 000000000000..9337536ec6b4
--- /dev/null
+++ b/src/components-examples/aria/tabs/disabled-focusable/tabs-disabled-focusable-example.ts
@@ -0,0 +1,13 @@
+import {Component} from '@angular/core';
+import {Tab, Tabs, TabList, TabPanel, TabContent} from '@angular/aria/tabs';
+
+/** @title Disabled Tabs are Focusable */
+@Component({
+  selector: 'tabs-disabled-focusable-example',
+  exportAs: 'TabsDisabledFocusableExample',
+  templateUrl: 'tabs-disabled-focusable-example.html',
+  styleUrls: ['../tabs-common.css'],
+  standalone: true,
+  imports: [TabList, Tab, Tabs, TabPanel, TabContent],
+})
+export class TabsDisabledFocusableExample {}
diff --git a/src/components-examples/aria/tabs/disabled-skipped/tabs-disabled-skipped-example.html b/src/components-examples/aria/tabs/disabled-skipped/tabs-disabled-skipped-example.html
new file mode 100644
index 000000000000..97ffc8969c9d
--- /dev/null
+++ b/src/components-examples/aria/tabs/disabled-skipped/tabs-disabled-skipped-example.html
@@ -0,0 +1,29 @@
+<div tabs class="example-tabs">
+  <ul tabList class="example-tablist" [skipDisabled]="true" selectedTab="tab-1">
+    <li tab value="tab-1" class="example-tab">tab 1</li>
+    <li tab value="tab-2" class="example-tab">tab 2</li>
+    <li tab value="tab-3" class="example-tab" disabled>tab 3</li>
+    <li tab value="tab-4" class="example-tab" disabled>tab 4</li>
+    <li tab value="tab-5" class="example-tab">tab 5</li>
+  </ul>
+
+  <div tabPanel value="tab-1" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 1</ng-template>
+  </div>
+
+  <div tabPanel value="tab-2" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 2</ng-template>
+  </div>
+
+  <div tabPanel value="tab-3" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 3</ng-template>
+  </div>
+
+  <div tabPanel value="tab-4" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 4</ng-template>
+  </div>
+
+  <div tabPanel value="tab-5" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 5</ng-template>
+  </div>
+</div>
diff --git a/src/components-examples/aria/tabs/disabled-skipped/tabs-disabled-skipped-example.ts b/src/components-examples/aria/tabs/disabled-skipped/tabs-disabled-skipped-example.ts
new file mode 100644
index 000000000000..562ae7a1271c
--- /dev/null
+++ b/src/components-examples/aria/tabs/disabled-skipped/tabs-disabled-skipped-example.ts
@@ -0,0 +1,13 @@
+import {Component} from '@angular/core';
+import {Tab, Tabs, TabList, TabPanel, TabContent} from '@angular/aria/tabs';
+
+/** @title Disabled Tabs are Skipped */
+@Component({
+  selector: 'tabs-disabled-skipped-example',
+  exportAs: 'TabsDisabledSkippedExample',
+  templateUrl: 'tabs-disabled-skipped-example.html',
+  styleUrls: ['../tabs-common.css'],
+  standalone: true,
+  imports: [TabList, Tab, Tabs, TabPanel, TabContent],
+})
+export class TabsDisabledSkippedExample {}
diff --git a/src/components-examples/aria/tabs/disabled/tabs-disabled-example.html b/src/components-examples/aria/tabs/disabled/tabs-disabled-example.html
new file mode 100644
index 000000000000..5571168302d0
--- /dev/null
+++ b/src/components-examples/aria/tabs/disabled/tabs-disabled-example.html
@@ -0,0 +1,29 @@
+<div tabs class="example-tabs">
+  <ul tabList class="example-tablist" selectedTab="tab-1" disabled>
+    <li tab value="tab-1" class="example-tab">tab 1</li>
+    <li tab value="tab-2" class="example-tab">tab 2</li>
+    <li tab value="tab-3" class="example-tab">tab 3</li>
+    <li tab value="tab-4" class="example-tab">tab 4</li>
+    <li tab value="tab-5" class="example-tab">tab 5</li>
+  </ul>
+
+  <div tabPanel value="tab-1" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 1</ng-template>
+  </div>
+
+  <div tabPanel value="tab-2" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 2</ng-template>
+  </div>
+
+  <div tabPanel value="tab-3" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 3</ng-template>
+  </div>
+
+  <div tabPanel value="tab-4" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 4</ng-template>
+  </div>
+
+  <div tabPanel value="tab-5" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 5</ng-template>
+  </div>
+</div>
diff --git a/src/components-examples/aria/tabs/disabled/tabs-disabled-example.ts b/src/components-examples/aria/tabs/disabled/tabs-disabled-example.ts
new file mode 100644
index 000000000000..da71aee27f49
--- /dev/null
+++ b/src/components-examples/aria/tabs/disabled/tabs-disabled-example.ts
@@ -0,0 +1,13 @@
+import {Component} from '@angular/core';
+import {Tab, Tabs, TabList, TabPanel, TabContent} from '@angular/aria/tabs';
+
+/** @title Disabled */
+@Component({
+  selector: 'tabs-disabled-example',
+  exportAs: 'TabsDisabledExample',
+  templateUrl: 'tabs-disabled-example.html',
+  styleUrls: ['../tabs-common.css'],
+  standalone: true,
+  imports: [TabList, Tab, Tabs, TabPanel, TabContent],
+})
+export class TabsDisabledExample {}
diff --git a/src/components-examples/aria/tabs/explicit-selection/tabs-explicit-selection-example.html b/src/components-examples/aria/tabs/explicit-selection/tabs-explicit-selection-example.html
new file mode 100644
index 000000000000..8d4b9b6b0e06
--- /dev/null
+++ b/src/components-examples/aria/tabs/explicit-selection/tabs-explicit-selection-example.html
@@ -0,0 +1,29 @@
+<div tabs class="example-tabs">
+  <ul tabList class="example-tablist" selectionMode="explicit" selectedTab="tab-1">
+    <li tab value="tab-1" class="example-tab">tab 1</li>
+    <li tab value="tab-2" class="example-tab">tab 2</li>
+    <li tab value="tab-3" class="example-tab">tab 3</li>
+    <li tab value="tab-4" class="example-tab">tab 4</li>
+    <li tab value="tab-5" class="example-tab">tab 5</li>
+  </ul>
+
+  <div tabPanel value="tab-1" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 1</ng-template>
+  </div>
+
+  <div tabPanel value="tab-2" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 2</ng-template>
+  </div>
+
+  <div tabPanel value="tab-3" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 3</ng-template>
+  </div>
+
+  <div tabPanel value="tab-4" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 4</ng-template>
+  </div>
+
+  <div tabPanel value="tab-5" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 5</ng-template>
+  </div>
+</div>
diff --git a/src/components-examples/aria/tabs/explicit-selection/tabs-explicit-selection-example.ts b/src/components-examples/aria/tabs/explicit-selection/tabs-explicit-selection-example.ts
new file mode 100644
index 000000000000..ab03703105cc
--- /dev/null
+++ b/src/components-examples/aria/tabs/explicit-selection/tabs-explicit-selection-example.ts
@@ -0,0 +1,13 @@
+import {Component} from '@angular/core';
+import {Tab, Tabs, TabList, TabPanel, TabContent} from '@angular/aria/tabs';
+
+/** @title Explicit selection */
+@Component({
+  selector: 'tabs-explicit-selection-example',
+  exportAs: 'TabsExplicitSelectionExample',
+  templateUrl: 'tabs-explicit-selection-example.html',
+  styleUrls: ['../tabs-common.css'],
+  standalone: true,
+  imports: [TabList, Tab, Tabs, TabPanel, TabContent],
+})
+export class TabsExplicitSelectionExample {}
diff --git a/src/components-examples/aria/tabs/index.ts b/src/components-examples/aria/tabs/index.ts
new file mode 100644
index 000000000000..e0eb95b5a5e1
--- /dev/null
+++ b/src/components-examples/aria/tabs/index.ts
@@ -0,0 +1,9 @@
+export {TabsConfigurableExample} from './tabs-configurable/tabs-configurable-example';
+export {TabsExplicitSelectionExample} from './explicit-selection/tabs-explicit-selection-example';
+export {TabsSelectionFollowsFocusExample} from './selection-follows-focus/tabs-selection-follows-focus-example';
+export {TabsVerticalExample} from './vertical-orientation/tabs-vertical-example';
+export {TabsRtlExample} from './rtl/tabs-rtl-example';
+export {TabsActiveDescendantExample} from './active-descendant/tabs-active-descendant-example';
+export {TabsDisabledFocusableExample} from './disabled-focusable/tabs-disabled-focusable-example';
+export {TabsDisabledSkippedExample} from './disabled-skipped/tabs-disabled-skipped-example';
+export {TabsDisabledExample} from './disabled/tabs-disabled-example';
diff --git a/src/components-examples/aria/tabs/rtl/tabs-rtl-example.html b/src/components-examples/aria/tabs/rtl/tabs-rtl-example.html
new file mode 100644
index 000000000000..61bf28dd446f
--- /dev/null
+++ b/src/components-examples/aria/tabs/rtl/tabs-rtl-example.html
@@ -0,0 +1,31 @@
+<div class="example-container" dir="rtl">
+  <div tabs class="example-tabs">
+    <ul tabList class="example-tablist" selectedTab="tab-1">
+      <li tab value="tab-1" class="example-tab">tab 1</li>
+      <li tab value="tab-2" class="example-tab">tab 2</li>
+      <li tab value="tab-3" class="example-tab">tab 3</li>
+      <li tab value="tab-4" class="example-tab">tab 4</li>
+      <li tab value="tab-5" class="example-tab">tab 5</li>
+    </ul>
+
+    <div tabPanel value="tab-1" class="example-tabpanel">
+      <ng-template tabContent>Tabpanel 1</ng-template>
+    </div>
+
+    <div tabPanel value="tab-2" class="example-tabpanel">
+      <ng-template tabContent>Tabpanel 2</ng-template>
+    </div>
+
+    <div tabPanel value="tab-3" class="example-tabpanel">
+      <ng-template tabContent>Tabpanel 3</ng-template>
+    </div>
+
+    <div tabPanel value="tab-4" class="example-tabpanel">
+      <ng-template tabContent>Tabpanel 4</ng-template>
+    </div>
+
+    <div tabPanel value="tab-5" class="example-tabpanel">
+      <ng-template tabContent>Tabpanel 5</ng-template>
+    </div>
+  </div>
+</div>
diff --git a/src/components-examples/aria/tabs/rtl/tabs-rtl-example.ts b/src/components-examples/aria/tabs/rtl/tabs-rtl-example.ts
new file mode 100644
index 000000000000..b1b345f37f1c
--- /dev/null
+++ b/src/components-examples/aria/tabs/rtl/tabs-rtl-example.ts
@@ -0,0 +1,16 @@
+import {Component} from '@angular/core';
+import {Dir} from '@angular/cdk/bidi';
+import {Tab, Tabs, TabList, TabPanel, TabContent} from '@angular/aria/tabs';
+
+/** * @title RTL */
+@Component({
+  selector: 'tabs-rtl-example',
+  exportAs: 'TabsRtlExample',
+  templateUrl: 'tabs-rtl-example.html',
+  styleUrls: ['../tabs-common.css'],
+  standalone: true,
+  imports: [TabList, Tab, Tabs, TabPanel, TabContent, Dir],
+})
+export class TabsRtlExample {
+  selectedIndex = 0;
+}
diff --git a/src/components-examples/aria/tabs/selection-follows-focus/tabs-selection-follows-focus-example.html b/src/components-examples/aria/tabs/selection-follows-focus/tabs-selection-follows-focus-example.html
new file mode 100644
index 000000000000..ce7498f78b59
--- /dev/null
+++ b/src/components-examples/aria/tabs/selection-follows-focus/tabs-selection-follows-focus-example.html
@@ -0,0 +1,29 @@
+<div tabs class="example-tabs">
+  <ul tabList class="example-tablist" selectionMode="follow" selectedTab="tab-1">
+    <li tab value="tab-1" class="example-tab">tab 1</li>
+    <li tab value="tab-2" class="example-tab">tab 2</li>
+    <li tab value="tab-3" class="example-tab">tab 3</li>
+    <li tab value="tab-4" class="example-tab">tab 4</li>
+    <li tab value="tab-5" class="example-tab">tab 5</li>
+  </ul>
+
+  <div tabPanel value="tab-1" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 1</ng-template>
+  </div>
+
+  <div tabPanel value="tab-2" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 2</ng-template>
+  </div>
+
+  <div tabPanel value="tab-3" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 3</ng-template>
+  </div>
+
+  <div tabPanel value="tab-4" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 4</ng-template>
+  </div>
+
+  <div tabPanel value="tab-5" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 5</ng-template>
+  </div>
+</div>
diff --git a/src/components-examples/aria/tabs/selection-follows-focus/tabs-selection-follows-focus-example.ts b/src/components-examples/aria/tabs/selection-follows-focus/tabs-selection-follows-focus-example.ts
new file mode 100644
index 000000000000..7556947f98b7
--- /dev/null
+++ b/src/components-examples/aria/tabs/selection-follows-focus/tabs-selection-follows-focus-example.ts
@@ -0,0 +1,13 @@
+import {Component} from '@angular/core';
+import {Tab, Tabs, TabList, TabPanel, TabContent} from '@angular/aria/tabs';
+
+/** @title Selection Follows Focus */
+@Component({
+  selector: 'tabs-selection-follows-focus-example',
+  exportAs: 'TabsSelectionFollowsFocusExample',
+  templateUrl: 'tabs-selection-follows-focus-example.html',
+  styleUrls: ['../tabs-common.css'],
+  standalone: true,
+  imports: [TabList, Tab, Tabs, TabPanel, TabContent],
+})
+export class TabsSelectionFollowsFocusExample {}
diff --git a/src/components-examples/cdk-experimental/tabs/cdk-tabs-common.css b/src/components-examples/aria/tabs/tabs-common.css
similarity index 92%
rename from src/components-examples/cdk-experimental/tabs/cdk-tabs-common.css
rename to src/components-examples/aria/tabs/tabs-common.css
index e39c765002ff..9b29f96dff03 100644
--- a/src/components-examples/cdk-experimental/tabs/cdk-tabs-common.css
+++ b/src/components-examples/aria/tabs/tabs-common.css
@@ -57,7 +57,7 @@
 }
 
 .example-tablist:focus-within .example-tab:hover,
-.example-tablist:focus-within .example-tab.cdk-active {
+.example-tablist:focus-within .example-tab[data-active='true'] {
   outline: 1px solid var(--mat-sys-outline);
   background: var(--mat-sys-surface-container);
 }
@@ -67,7 +67,7 @@
   background: var(--mat-sys-surface-container);
 }
 
-.example-tablist:focus-within .example-tab.cdk-active {
+.example-tablist:focus-within .example-tab[data-active='true'] {
   background-color: var(--mat-sys-secondary-container);
 }
 
diff --git a/src/components-examples/cdk-experimental/tabs/cdk-tabs-configurable/cdk-tabs-configurable-example.html b/src/components-examples/aria/tabs/tabs-configurable/tabs-configurable-example.html
similarity index 74%
rename from src/components-examples/cdk-experimental/tabs/cdk-tabs-configurable/cdk-tabs-configurable-example.html
rename to src/components-examples/aria/tabs/tabs-configurable/tabs-configurable-example.html
index 13904f352675..b1cc89ad42d1 100644
--- a/src/components-examples/cdk-experimental/tabs/cdk-tabs-configurable/cdk-tabs-configurable-example.html
+++ b/src/components-examples/aria/tabs/tabs-configurable/tabs-configurable-example.html
@@ -38,9 +38,9 @@
 </div>
 
 <!-- #docregion tabs -->
-<div cdkTabs class="example-tabs">
+<div tabs class="example-tabs">
   <ul
-    cdkTabList
+    tabList
     class="example-tablist"
     [wrap]="wrap.value"
     [disabled]="disabled.value"
@@ -48,21 +48,21 @@
     [orientation]="orientation"
     [focusMode]="focusMode"
     [selectionMode]="selectionMode"
-    [(tab)]="tabSelection"
+    [(selectedTab)]="tabSelection"
   >
-    <li cdkTab value="tab-1" class="example-tab">tab 1</li>
-    <li cdkTab value="tab-2" class="example-tab" disabled="true">tab 2</li>
-    <li cdkTab value="tab-3" class="example-tab">tab 3</li>
+    <li tab value="tab-1" class="example-tab">tab 1</li>
+    <li tab value="tab-2" class="example-tab" disabled="true">tab 2</li>
+    <li tab value="tab-3" class="example-tab">tab 3</li>
   </ul>
 
-  <div cdkTabPanel value="tab-1" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 1</ng-template>
+  <div tabPanel value="tab-1" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 1</ng-template>
   </div>
-  <div cdkTabPanel value="tab-2" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 2</ng-template>
+  <div tabPanel value="tab-2" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 2</ng-template>
   </div>
-  <div cdkTabPanel value="tab-3" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 3</ng-template>
+  <div tabPanel value="tab-3" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 3</ng-template>
   </div>
 </div>
 <!-- #enddocregion tabs -->
diff --git a/src/components-examples/cdk-experimental/tabs/cdk-tabs-configurable/cdk-tabs-configurable-example.ts b/src/components-examples/aria/tabs/tabs-configurable/tabs-configurable-example.ts
similarity index 66%
rename from src/components-examples/cdk-experimental/tabs/cdk-tabs-configurable/cdk-tabs-configurable-example.ts
rename to src/components-examples/aria/tabs/tabs-configurable/tabs-configurable-example.ts
index d423d9d16b35..3b3b76e759be 100644
--- a/src/components-examples/cdk-experimental/tabs/cdk-tabs-configurable/cdk-tabs-configurable-example.ts
+++ b/src/components-examples/aria/tabs/tabs-configurable/tabs-configurable-example.ts
@@ -1,36 +1,30 @@
 import {Component} from '@angular/core';
 import {MatCheckboxModule} from '@angular/material/checkbox';
-import {
-  CdkTabs,
-  CdkTabList,
-  CdkTab,
-  CdkTabPanel,
-  CdkTabContent,
-} from '@angular/cdk-experimental/tabs';
+import {Tabs, TabList, Tab, TabPanel, TabContent} from '@angular/aria/tabs';
 import {MatFormFieldModule} from '@angular/material/form-field';
 import {MatSelectModule} from '@angular/material/select';
 import {FormControl, ReactiveFormsModule} from '@angular/forms';
 
 /** @title Configurable Tabs. */
 @Component({
-  selector: 'cdk-tabs-configurable-example',
-  exportAs: 'cdkTabsConfigurableExample',
-  templateUrl: 'cdk-tabs-configurable-example.html',
-  styleUrls: ['../cdk-tabs-common.css'],
+  selector: 'tabs-configurable-example',
+  exportAs: 'TabsConfigurableExample',
+  templateUrl: 'tabs-configurable-example.html',
+  styleUrls: ['../tabs-common.css'],
   standalone: true,
   imports: [
-    CdkTabs,
-    CdkTabList,
-    CdkTab,
-    CdkTabPanel,
-    CdkTabContent,
+    Tabs,
+    TabList,
+    Tab,
+    TabPanel,
+    TabContent,
     MatCheckboxModule,
     MatFormFieldModule,
     MatSelectModule,
     ReactiveFormsModule,
   ],
 })
-export class CdkTabsConfigurableExample {
+export class TabsConfigurableExample {
   orientation: 'vertical' | 'horizontal' = 'horizontal';
   focusMode: 'roving' | 'activedescendant' = 'roving';
   selectionMode: 'explicit' | 'follow' = 'follow';
diff --git a/src/components-examples/aria/tabs/vertical-orientation/tabs-vertical-example.html b/src/components-examples/aria/tabs/vertical-orientation/tabs-vertical-example.html
new file mode 100644
index 000000000000..64528d8e8cf3
--- /dev/null
+++ b/src/components-examples/aria/tabs/vertical-orientation/tabs-vertical-example.html
@@ -0,0 +1,29 @@
+<div tabs class="example-tabs">
+  <ul tabList class="example-tablist" orientation="vertical" selectedTab="tab-1">
+    <li tab value="tab-1" class="example-tab">tab 1</li>
+    <li tab value="tab-2" class="example-tab">tab 2</li>
+    <li tab value="tab-3" class="example-tab">tab 3</li>
+    <li tab value="tab-4" class="example-tab">tab 4</li>
+    <li tab value="tab-5" class="example-tab">tab 5</li>
+  </ul>
+
+  <div tabPanel value="tab-1" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 1</ng-template>
+  </div>
+
+  <div tabPanel value="tab-2" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 2</ng-template>
+  </div>
+
+  <div tabPanel value="tab-3" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 3</ng-template>
+  </div>
+
+  <div tabPanel value="tab-4" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 4</ng-template>
+  </div>
+
+  <div tabPanel value="tab-5" class="example-tabpanel">
+    <ng-template tabContent>Tabpanel 5</ng-template>
+  </div>
+</div>
diff --git a/src/components-examples/aria/tabs/vertical-orientation/tabs-vertical-example.ts b/src/components-examples/aria/tabs/vertical-orientation/tabs-vertical-example.ts
new file mode 100644
index 000000000000..346bf31f1d0f
--- /dev/null
+++ b/src/components-examples/aria/tabs/vertical-orientation/tabs-vertical-example.ts
@@ -0,0 +1,13 @@
+import {Component} from '@angular/core';
+import {Tab, Tabs, TabList, TabPanel, TabContent} from '@angular/aria/tabs';
+
+/** @title Vertical */
+@Component({
+  selector: 'tabs-vertical-example',
+  exportAs: 'TabsVerticalExample',
+  templateUrl: 'tabs-vertical-example.html',
+  styleUrls: ['../tabs-common.css'],
+  standalone: true,
+  imports: [TabList, Tab, Tabs, TabPanel, TabContent],
+})
+export class TabsVerticalExample {}
diff --git a/src/components-examples/cdk-experimental/toolbar/BUILD.bazel b/src/components-examples/aria/toolbar/BUILD.bazel
similarity index 86%
rename from src/components-examples/cdk-experimental/toolbar/BUILD.bazel
rename to src/components-examples/aria/toolbar/BUILD.bazel
index 379b361607b8..a8bdcbc956b1 100644
--- a/src/components-examples/cdk-experimental/toolbar/BUILD.bazel
+++ b/src/components-examples/aria/toolbar/BUILD.bazel
@@ -12,8 +12,8 @@ ng_project(
     deps = [
         "//:node_modules/@angular/core",
         "//:node_modules/@angular/forms",
-        "//src/cdk-experimental/radio-group",
-        "//src/cdk-experimental/toolbar",
+        "//src/aria/radio-group",
+        "//src/aria/toolbar",
         "//src/material/checkbox",
         "//src/material/form-field",
         "//src/material/select",
diff --git a/src/components-examples/aria/toolbar/index.ts b/src/components-examples/aria/toolbar/index.ts
new file mode 100644
index 000000000000..24091f68e8bd
--- /dev/null
+++ b/src/components-examples/aria/toolbar/index.ts
@@ -0,0 +1 @@
+export {ToolbarConfigurableExample} from './toolbar-configurable/toolbar-configurable-example';
diff --git a/src/components-examples/cdk-experimental/toolbar/toolbar-common.css b/src/components-examples/aria/toolbar/toolbar-common.css
similarity index 96%
rename from src/components-examples/cdk-experimental/toolbar/toolbar-common.css
rename to src/components-examples/aria/toolbar/toolbar-common.css
index 07b054788bd6..1e347bf97904 100644
--- a/src/components-examples/cdk-experimental/toolbar/toolbar-common.css
+++ b/src/components-examples/aria/toolbar/toolbar-common.css
@@ -97,7 +97,7 @@
   background-color: var(--mat-sys-outline);
 }
 
-.example-radio-button.cdk-active,
+.example-radio-button[data-active='true'],
 .example-radio-button[aria-disabled='false']:hover {
   outline: 2px solid var(--mat-sys-outline);
   background: var(--mat-sys-surface-container);
@@ -108,7 +108,7 @@
   background: var(--mat-sys-surface-container);
 }
 
-.example-radio-button.cdk-active[aria-disabled='true'],
+.example-radio-button[data-active='true'][aria-disabled='true'],
 .example-radio-button[aria-disabled='true']:focus-within {
   outline: 2px solid var(--mat-sys-outline);
 }
diff --git a/src/components-examples/cdk-experimental/toolbar/cdk-toolbar-configurable/cdk-toolbar-configurable-example.html b/src/components-examples/aria/toolbar/toolbar-configurable/toolbar-configurable-example.html
similarity index 90%
rename from src/components-examples/cdk-experimental/toolbar/cdk-toolbar-configurable/cdk-toolbar-configurable-example.html
rename to src/components-examples/aria/toolbar/toolbar-configurable/toolbar-configurable-example.html
index d28572709e9c..efd8f2e46d34 100644
--- a/src/components-examples/cdk-experimental/toolbar/cdk-toolbar-configurable/cdk-toolbar-configurable-example.html
+++ b/src/components-examples/aria/toolbar/toolbar-configurable/toolbar-configurable-example.html
@@ -40,7 +40,7 @@ <h4 class="example-heading">Button</h4>
 
 <!-- #docregion toolbar -->
 <div
-  cdkToolbar
+  toolbar
   [orientation]="orientation"
   [skipDisabled]="skipDisabled.value"
   [wrap]="wrap.value"
@@ -48,7 +48,7 @@ <h4 class="example-heading">Button</h4>
   class="example-toolbar"
 >
   <button
-    cdkToolbarWidget
+    toolbarWidget
     class="example-radio-button"
     (click)="test('Pear')"
     [disabled]="disabledButtonOptions.includes('Pear')"
@@ -56,7 +56,7 @@ <h4 class="example-heading">Button</h4>
     Pear
   </button>
   <ul
-    cdkRadioGroup
+    radioGroup
     [disabled]="disabled.value"
     [readonly]="readonly.value"
     class="example-radio-group"
@@ -64,27 +64,27 @@ <h4 class="example-heading">Button</h4>
   >
     @for (fruit of fruits; track fruit) {
       @let optionDisabled = disabledOptions.includes(fruit);
-      <li cdkRadioButton [value]="fruit" [disabled]="optionDisabled" class="example-radio-button">
+      <li radioButton [value]="fruit" [disabled]="optionDisabled" class="example-radio-button">
         <span class="example-radio-indicator"></span>
         <span>{{ fruit }}</span>
       </li>
     }
   </ul>
   <ul
-    cdkRadioGroup
+    radioGroup
     class="example-radio-group"
     aria-label="Select your favorite fruit"
   >
     @for (fruit of fruits; track fruit) {
       @let optionDisabled = disabledOptions.includes(fruit);
-      <li cdkRadioButton [value]="fruit" [disabled]="optionDisabled" class="example-radio-button">
+      <li radioButton [value]="fruit" [disabled]="optionDisabled" class="example-radio-button">
         <span class="example-radio-indicator"></span>
         <span>{{ fruit }}</span>
       </li>
     }
   </ul>
   <button
-    cdkToolbarWidget
+    toolbarWidget
     class="example-radio-button"
     (click)="test('Blueberry')"
     [disabled]="disabledButtonOptions.includes('Blueberry')"
@@ -92,7 +92,7 @@ <h4 class="example-heading">Button</h4>
     Blueberry
   </button>
   <button
-    cdkToolbarWidget
+    toolbarWidget
     class="example-radio-button"
     (click)="test('Cherry')"
     [disabled]="disabledButtonOptions.includes('Cherry')"
@@ -100,7 +100,7 @@ <h4 class="example-heading">Button</h4>
     Cherry
   </button>
   <button
-    cdkToolbarWidget
+    toolbarWidget
     class="example-radio-button"
     (click)="test('Date')"
     [disabled]="disabledButtonOptions.includes('Date')"
diff --git a/src/components-examples/cdk-experimental/toolbar/cdk-toolbar-configurable/cdk-toolbar-configurable-example.ts b/src/components-examples/aria/toolbar/toolbar-configurable/toolbar-configurable-example.ts
similarity index 73%
rename from src/components-examples/cdk-experimental/toolbar/cdk-toolbar-configurable/cdk-toolbar-configurable-example.ts
rename to src/components-examples/aria/toolbar/toolbar-configurable/toolbar-configurable-example.ts
index 47579da92457..4f2c839a4593 100644
--- a/src/components-examples/cdk-experimental/toolbar/cdk-toolbar-configurable/cdk-toolbar-configurable-example.ts
+++ b/src/components-examples/aria/toolbar/toolbar-configurable/toolbar-configurable-example.ts
@@ -1,23 +1,23 @@
 import {Component} from '@angular/core';
-import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio-group';
+import {RadioGroup, RadioButton} from '@angular/aria/radio-group';
 import {MatCheckboxModule} from '@angular/material/checkbox';
 import {MatFormFieldModule} from '@angular/material/form-field';
 import {MatSelectModule} from '@angular/material/select';
 import {FormControl, FormsModule, ReactiveFormsModule} from '@angular/forms';
-import {CdkToolbar, CdkToolbarWidget} from '@angular/cdk-experimental/toolbar';
+import {Toolbar, ToolbarWidget} from '@angular/aria/toolbar';
 
 /** @title Configurable CDK Radio Group */
 @Component({
-  selector: 'cdk-toolbar-configurable-example',
-  exportAs: 'cdkToolbarConfigurableExample',
-  templateUrl: 'cdk-toolbar-configurable-example.html',
+  selector: 'toolbar-configurable-example',
+  exportAs: 'ToolbarConfigurableExample',
+  templateUrl: 'toolbar-configurable-example.html',
   styleUrl: '../toolbar-common.css',
   standalone: true,
   imports: [
-    CdkRadioGroup,
-    CdkRadioButton,
-    CdkToolbar,
-    CdkToolbarWidget,
+    RadioGroup,
+    RadioButton,
+    Toolbar,
+    ToolbarWidget,
     MatCheckboxModule,
     MatFormFieldModule,
     MatSelectModule,
@@ -25,7 +25,7 @@ import {CdkToolbar, CdkToolbarWidget} from '@angular/cdk-experimental/toolbar';
     ReactiveFormsModule,
   ],
 })
-export class CdkToolbarConfigurableExample {
+export class ToolbarConfigurableExample {
   skipDisabled = new FormControl(false, {nonNullable: true});
   wrap = new FormControl(true, {nonNullable: true});
   toolbarDisabled = new FormControl(false, {nonNullable: true});
diff --git a/src/components-examples/cdk-experimental/tree/BUILD.bazel b/src/components-examples/aria/tree/BUILD.bazel
similarity index 94%
rename from src/components-examples/cdk-experimental/tree/BUILD.bazel
rename to src/components-examples/aria/tree/BUILD.bazel
index 9b1e542f8cb7..cd934741369b 100644
--- a/src/components-examples/cdk-experimental/tree/BUILD.bazel
+++ b/src/components-examples/aria/tree/BUILD.bazel
@@ -13,7 +13,7 @@ ng_project(
         "//:node_modules/@angular/common",
         "//:node_modules/@angular/core",
         "//:node_modules/@angular/forms",
-        "//src/cdk-experimental/tree",
+        "//src/aria/tree",
         "//src/material/checkbox",
         "//src/material/form-field",
         "//src/material/icon",
diff --git a/src/components-examples/aria/tree/index.ts b/src/components-examples/aria/tree/index.ts
new file mode 100644
index 000000000000..d017046af3c0
--- /dev/null
+++ b/src/components-examples/aria/tree/index.ts
@@ -0,0 +1,10 @@
+export {TreeConfigurableExample} from './tree-configurable/tree-configurable-example';
+export {TreeActiveDescendantExample} from './tree-active-descendant/tree-active-descendant-example';
+export {TreeDisabledExample} from './tree-disabled/tree-disabled-example';
+export {TreeDisabledFocusableExample} from './tree-disabled-focusable/tree-disabled-focusable-example';
+export {TreeDisabledSkippedExample} from './tree-disabled-skipped/tree-disabled-skipped-example';
+export {TreeMultiSelectExample} from './tree-multi-select/tree-multi-select-example';
+export {TreeMultiSelectFollowFocusExample} from './tree-multi-select-follow-focus/tree-multi-select-follow-focus-example';
+export {TreeNavExample} from './tree-nav/tree-nav-example';
+export {TreeSingleSelectExample} from './tree-single-select/tree-single-select-example';
+export {TreeSingleSelectFollowFocusExample} from './tree-single-select-follow-focus/tree-single-select-follow-focus-example';
diff --git a/src/components-examples/cdk-experimental/tree/cdk-tree-single-select-follow-focus/cdk-tree-single-select-follow-focus-example.html b/src/components-examples/aria/tree/tree-active-descendant/tree-active-descendant-example.html
similarity index 82%
rename from src/components-examples/cdk-experimental/tree/cdk-tree-single-select-follow-focus/cdk-tree-single-select-follow-focus-example.html
rename to src/components-examples/aria/tree/tree-active-descendant/tree-active-descendant-example.html
index 5397f9620ce7..d3b538e6e40e 100644
--- a/src/components-examples/cdk-experimental/tree/cdk-tree-single-select-follow-focus/cdk-tree-single-select-follow-focus-example.html
+++ b/src/components-examples/aria/tree/tree-active-descendant/tree-active-descendant-example.html
@@ -1,4 +1,4 @@
-<ul cdkTree selectionMode="follow" #tree="cdkTree" class="example-tree">
+<ul tree focusMode="activedescendant" #tree="tree" class="example-tree">
   <ng-template
     [ngTemplateOutlet]="treeNodes"
     [ngTemplateOutletContext]="{nodes: nodes, parent: tree}"
@@ -8,12 +8,12 @@
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.value) {
   <li
-    cdkTreeItem
+    treeItem
     [parent]="parent"
     [value]="node.value"
     [label]="node.name"
     [disabled]="node.disabled"
-    #treeItem="cdkTreeItem"
+    #treeItem="treeItem"
     class="example-tree-item example-selectable example-stateful"
   >
     <span aria-hidden="true" class="material-symbols-outlined example-parent-icon example-icon">{{node.children ? 'chevron_right' : ''}}</span>
@@ -23,8 +23,8 @@
   </li>
 
   @if (node.children) {
-  <ul cdkTreeItemGroup [ownedBy]="treeItem" #group="cdkTreeItemGroup">
-    <ng-template cdkTreeItemGroupContent>
+  <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
+    <ng-template treeItemGroupContent>
       <ng-template
         [ngTemplateOutlet]="treeNodes"
         [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
diff --git a/src/components-examples/cdk-experimental/tree/cdk-tree-active-descendant/cdk-tree-active-descendant-example.ts b/src/components-examples/aria/tree/tree-active-descendant/tree-active-descendant-example.ts
similarity index 54%
rename from src/components-examples/cdk-experimental/tree/cdk-tree-active-descendant/cdk-tree-active-descendant-example.ts
rename to src/components-examples/aria/tree/tree-active-descendant/tree-active-descendant-example.ts
index 796e04456b6e..cf3dcc0833ed 100644
--- a/src/components-examples/cdk-experimental/tree/cdk-tree-active-descendant/cdk-tree-active-descendant-example.ts
+++ b/src/components-examples/aria/tree/tree-active-descendant/tree-active-descendant-example.ts
@@ -8,25 +8,20 @@
 
 import {Component} from '@angular/core';
 import {NgTemplateOutlet} from '@angular/common';
-import {
-  CdkTree,
-  CdkTreeItem,
-  CdkTreeItemGroup,
-  CdkTreeItemGroupContent,
-} from '@angular/cdk-experimental/tree';
+import {Tree, TreeItem, TreeItemGroup, TreeItemGroupContent} from '@angular/aria/tree';
 import {TreeNode, NODES} from '../tree-data';
 
 /**
  * @title Tree with active descendant focus.
  */
 @Component({
-  selector: 'cdk-tree-active-descendant-example',
-  exportAs: 'cdkTreeActiveDescendantExample',
-  templateUrl: 'cdk-tree-active-descendant-example.html',
+  selector: 'tree-active-descendant-example',
+  exportAs: 'TreeActiveDescendantExample',
+  templateUrl: 'tree-active-descendant-example.html',
   styleUrl: '../tree-common.css',
   standalone: true,
-  imports: [CdkTree, CdkTreeItem, CdkTreeItemGroup, CdkTreeItemGroupContent, NgTemplateOutlet],
+  imports: [Tree, TreeItem, TreeItemGroup, TreeItemGroupContent, NgTemplateOutlet],
 })
-export class CdkTreeActiveDescendantExample {
+export class TreeActiveDescendantExample {
   nodes: TreeNode[] = NODES;
 }
diff --git a/src/components-examples/cdk-experimental/tree/tree-common.css b/src/components-examples/aria/tree/tree-common.css
similarity index 100%
rename from src/components-examples/cdk-experimental/tree/tree-common.css
rename to src/components-examples/aria/tree/tree-common.css
diff --git a/src/components-examples/cdk-experimental/tree/cdk-tree-configurable/cdk-tree-configurable-example.html b/src/components-examples/aria/tree/tree-configurable/tree-configurable-example.html
similarity index 92%
rename from src/components-examples/cdk-experimental/tree/cdk-tree-configurable/cdk-tree-configurable-example.html
rename to src/components-examples/aria/tree/tree-configurable/tree-configurable-example.html
index eaa03543ae97..c9b8a9cf9964 100644
--- a/src/components-examples/cdk-experimental/tree/cdk-tree-configurable/cdk-tree-configurable-example.html
+++ b/src/components-examples/aria/tree/tree-configurable/tree-configurable-example.html
@@ -27,7 +27,7 @@
 </div>
 
 <ul
-  cdkTree
+  tree
   class="example-tree"
   [multi]="multi.value"
   [disabled]="disabled.value"
@@ -37,7 +37,7 @@
   [skipDisabled]="skipDisabled.value"
   [nav]="nav.value"
   [(value)]="selectedValues"
-  #tree="cdkTree"
+  #tree="tree"
 >
   <ng-template
     [ngTemplateOutlet]="treeNodes"
@@ -48,12 +48,12 @@
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.value) {
   <li
-    cdkTreeItem
+    treeItem
     [parent]="parent"
     [value]="node.value"
     [label]="node.name"
     [disabled]="node.disabled"
-    #treeItem="cdkTreeItem"
+    #treeItem="treeItem"
     class="example-tree-item example-selectable example-stateful"
   >
     <span aria-hidden="true" class="material-symbols-outlined example-parent-icon example-icon">{{node.children ? 'chevron_right' : ''}}</span>
@@ -63,8 +63,8 @@
   </li>
 
   @if (node.children) {
-  <ul cdkTreeItemGroup [ownedBy]="treeItem" #group="cdkTreeItemGroup">
-    <ng-template cdkTreeItemGroupContent>
+  <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
+    <ng-template treeItemGroupContent>
       <ng-template
         [ngTemplateOutlet]="treeNodes"
         [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
diff --git a/src/components-examples/cdk-experimental/tree/cdk-tree-configurable/cdk-tree-configurable-example.ts b/src/components-examples/aria/tree/tree-configurable/tree-configurable-example.ts
similarity index 77%
rename from src/components-examples/cdk-experimental/tree/cdk-tree-configurable/cdk-tree-configurable-example.ts
rename to src/components-examples/aria/tree/tree-configurable/tree-configurable-example.ts
index 5eb796390743..53740ad76fca 100644
--- a/src/components-examples/cdk-experimental/tree/cdk-tree-configurable/cdk-tree-configurable-example.ts
+++ b/src/components-examples/aria/tree/tree-configurable/tree-configurable-example.ts
@@ -11,19 +11,14 @@ import {FormControl, FormsModule, ReactiveFormsModule} from '@angular/forms';
 import {MatCheckboxModule} from '@angular/material/checkbox';
 import {MatFormFieldModule} from '@angular/material/form-field';
 import {MatSelectModule} from '@angular/material/select';
-import {
-  CdkTree,
-  CdkTreeItem,
-  CdkTreeItemGroup,
-  CdkTreeItemGroupContent,
-} from '@angular/cdk-experimental/tree';
+import {Tree, TreeItem, TreeItemGroup, TreeItemGroupContent} from '@angular/aria/tree';
 import {NODES, TreeNode} from '../tree-data';
 
 /** @title Configurable Tree. */
 @Component({
-  selector: 'cdk-tree-configurable-example',
-  exportAs: 'cdkTreeConfigurableExample',
-  templateUrl: 'cdk-tree-configurable-example.html',
+  selector: 'tree-configurable-example',
+  exportAs: 'TreeConfigurableExample',
+  templateUrl: 'tree-configurable-example.html',
   styleUrl: '../tree-common.css',
   standalone: true,
   imports: [
@@ -33,13 +28,13 @@ import {NODES, TreeNode} from '../tree-data';
     MatFormFieldModule,
     MatSelectModule,
     NgTemplateOutlet,
-    CdkTree,
-    CdkTreeItem,
-    CdkTreeItemGroup,
-    CdkTreeItemGroupContent,
+    Tree,
+    TreeItem,
+    TreeItemGroup,
+    TreeItemGroupContent,
   ],
 })
-export class CdkTreeConfigurableExample {
+export class TreeConfigurableExample {
   nodes: TreeNode[] = NODES;
 
   selectionMode: 'explicit' | 'follow' = 'explicit';
diff --git a/src/components-examples/cdk-experimental/tree/tree-data.ts b/src/components-examples/aria/tree/tree-data.ts
similarity index 100%
rename from src/components-examples/cdk-experimental/tree/tree-data.ts
rename to src/components-examples/aria/tree/tree-data.ts
diff --git a/src/components-examples/cdk-experimental/tree/cdk-tree-disabled/cdk-tree-disabled-example.html b/src/components-examples/aria/tree/tree-disabled-focusable/tree-disabled-focusable-example.html
similarity index 82%
rename from src/components-examples/cdk-experimental/tree/cdk-tree-disabled/cdk-tree-disabled-example.html
rename to src/components-examples/aria/tree/tree-disabled-focusable/tree-disabled-focusable-example.html
index 82709b9c04d7..1e7ad9c11bb0 100644
--- a/src/components-examples/cdk-experimental/tree/cdk-tree-disabled/cdk-tree-disabled-example.html
+++ b/src/components-examples/aria/tree/tree-disabled-focusable/tree-disabled-focusable-example.html
@@ -1,4 +1,4 @@
-<ul cdkTree [disabled]="true" #tree="cdkTree" class="example-tree">
+<ul tree [skipDisabled]="false" #tree="tree" class="example-tree">
   <ng-template
     [ngTemplateOutlet]="treeNodes"
     [ngTemplateOutletContext]="{nodes: nodes, parent: tree}"
@@ -8,12 +8,12 @@
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.value) {
   <li
-    cdkTreeItem
+    treeItem
     [parent]="parent"
     [value]="node.value"
     [label]="node.name"
     [disabled]="node.disabled"
-    #treeItem="cdkTreeItem"
+    #treeItem="treeItem"
     class="example-tree-item example-selectable example-stateful"
   >
     <span aria-hidden="true" class="material-symbols-outlined example-parent-icon example-icon">{{node.children ? 'chevron_right' : ''}}</span>
@@ -23,8 +23,8 @@
   </li>
 
   @if (node.children) {
-  <ul cdkTreeItemGroup [ownedBy]="treeItem" #group="cdkTreeItemGroup">
-    <ng-template cdkTreeItemGroupContent>
+  <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
+    <ng-template treeItemGroupContent>
       <ng-template
         [ngTemplateOutlet]="treeNodes"
         [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
diff --git a/src/components-examples/cdk-experimental/tree/cdk-tree-disabled-focusable/cdk-tree-disabled-focusable-example.ts b/src/components-examples/aria/tree/tree-disabled-focusable/tree-disabled-focusable-example.ts
similarity index 54%
rename from src/components-examples/cdk-experimental/tree/cdk-tree-disabled-focusable/cdk-tree-disabled-focusable-example.ts
rename to src/components-examples/aria/tree/tree-disabled-focusable/tree-disabled-focusable-example.ts
index 76b7e790d5e8..c30b513af84a 100644
--- a/src/components-examples/cdk-experimental/tree/cdk-tree-disabled-focusable/cdk-tree-disabled-focusable-example.ts
+++ b/src/components-examples/aria/tree/tree-disabled-focusable/tree-disabled-focusable-example.ts
@@ -8,25 +8,20 @@
 
 import {Component} from '@angular/core';
 import {NgTemplateOutlet} from '@angular/common';
-import {
-  CdkTree,
-  CdkTreeItem,
-  CdkTreeItemGroup,
-  CdkTreeItemGroupContent,
-} from '@angular/cdk-experimental/tree';
+import {Tree, TreeItem, TreeItemGroup, TreeItemGroupContent} from '@angular/aria/tree';
 import {TreeNode, NODES} from '../tree-data';
 
 /**
  * @title Tree with focusable disabled items.
  */
 @Component({
-  selector: 'cdk-tree-disabled-focusable-example',
-  exportAs: 'cdkTreeDisabledFocusableExample',
-  templateUrl: 'cdk-tree-disabled-focusable-example.html',
+  selector: 'tree-disabled-focusable-example',
+  exportAs: 'TreeDisabledFocusableExample',
+  templateUrl: 'tree-disabled-focusable-example.html',
   styleUrl: '../tree-common.css',
   standalone: true,
-  imports: [CdkTree, CdkTreeItem, CdkTreeItemGroup, CdkTreeItemGroupContent, NgTemplateOutlet],
+  imports: [Tree, TreeItem, TreeItemGroup, TreeItemGroupContent, NgTemplateOutlet],
 })
-export class CdkTreeDisabledFocusableExample {
+export class TreeDisabledFocusableExample {
   nodes: TreeNode[] = NODES;
 }
diff --git a/src/components-examples/cdk-experimental/tree/cdk-tree-disabled-skipped/cdk-tree-disabled-skipped-example.html b/src/components-examples/aria/tree/tree-disabled-skipped/tree-disabled-skipped-example.html
similarity index 81%
rename from src/components-examples/cdk-experimental/tree/cdk-tree-disabled-skipped/cdk-tree-disabled-skipped-example.html
rename to src/components-examples/aria/tree/tree-disabled-skipped/tree-disabled-skipped-example.html
index 240ffa174316..f5eff62421d2 100644
--- a/src/components-examples/cdk-experimental/tree/cdk-tree-disabled-skipped/cdk-tree-disabled-skipped-example.html
+++ b/src/components-examples/aria/tree/tree-disabled-skipped/tree-disabled-skipped-example.html
@@ -1,4 +1,4 @@
-<ul cdkTree [skipDisabled]="true" #tree="cdkTree" class="example-tree">
+<ul tree [skipDisabled]="true" #tree="tree" class="example-tree">
   <ng-template
     [ngTemplateOutlet]="treeNodes"
     [ngTemplateOutletContext]="{nodes: nodes, parent: tree}"
@@ -8,12 +8,12 @@
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.value) {
   <li
-    cdkTreeItem
+    treeItem
     [parent]="parent"
     [value]="node.value"
     [label]="node.name"
     [disabled]="node.disabled"
-    #treeItem="cdkTreeItem"
+    #treeItem="treeItem"
     class="example-tree-item example-selectable example-stateful"
   >
     <span aria-hidden="true" class="material-symbols-outlined example-parent-icon example-icon">{{node.children ? 'chevron_right' : ''}}</span>
@@ -23,8 +23,8 @@
   </li>
 
   @if (node.children) {
-  <ul cdkTreeItemGroup [ownedBy]="treeItem" #group="cdkTreeItemGroup">
-    <ng-template cdkTreeItemGroupContent>
+  <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
+    <ng-template treeItemGroupContent>
       <ng-template
         [ngTemplateOutlet]="treeNodes"
         [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
diff --git a/src/components-examples/cdk-experimental/tree/cdk-tree-disabled-skipped/cdk-tree-disabled-skipped-example.ts b/src/components-examples/aria/tree/tree-disabled-skipped/tree-disabled-skipped-example.ts
similarity index 54%
rename from src/components-examples/cdk-experimental/tree/cdk-tree-disabled-skipped/cdk-tree-disabled-skipped-example.ts
rename to src/components-examples/aria/tree/tree-disabled-skipped/tree-disabled-skipped-example.ts
index 47001f183eed..deca97f5e342 100644
--- a/src/components-examples/cdk-experimental/tree/cdk-tree-disabled-skipped/cdk-tree-disabled-skipped-example.ts
+++ b/src/components-examples/aria/tree/tree-disabled-skipped/tree-disabled-skipped-example.ts
@@ -8,25 +8,20 @@
 
 import {Component} from '@angular/core';
 import {NgTemplateOutlet} from '@angular/common';
-import {
-  CdkTree,
-  CdkTreeItem,
-  CdkTreeItemGroup,
-  CdkTreeItemGroupContent,
-} from '@angular/cdk-experimental/tree';
+import {Tree, TreeItem, TreeItemGroup, TreeItemGroupContent} from '@angular/aria/tree';
 import {TreeNode, NODES} from '../tree-data';
 
 /**
  * @title Tree with skipped disabled items.
  */
 @Component({
-  selector: 'cdk-tree-disabled-skipped-example',
-  exportAs: 'cdkTreeDisabledSkippedExample',
-  templateUrl: 'cdk-tree-disabled-skipped-example.html',
+  selector: 'tree-disabled-skipped-example',
+  exportAs: 'TreeDisabledSkippedExample',
+  templateUrl: 'tree-disabled-skipped-example.html',
   styleUrl: '../tree-common.css',
   standalone: true,
-  imports: [CdkTree, CdkTreeItem, CdkTreeItemGroup, CdkTreeItemGroupContent, NgTemplateOutlet],
+  imports: [Tree, TreeItem, TreeItemGroup, TreeItemGroupContent, NgTemplateOutlet],
 })
-export class CdkTreeDisabledSkippedExample {
+export class TreeDisabledSkippedExample {
   nodes: TreeNode[] = NODES;
 }
diff --git a/src/components-examples/cdk-experimental/tree/cdk-tree-single-select/cdk-tree-single-select-example.html b/src/components-examples/aria/tree/tree-disabled/tree-disabled-example.html
similarity index 83%
rename from src/components-examples/cdk-experimental/tree/cdk-tree-single-select/cdk-tree-single-select-example.html
rename to src/components-examples/aria/tree/tree-disabled/tree-disabled-example.html
index 0b5c27e9b945..5226d16efc49 100644
--- a/src/components-examples/cdk-experimental/tree/cdk-tree-single-select/cdk-tree-single-select-example.html
+++ b/src/components-examples/aria/tree/tree-disabled/tree-disabled-example.html
@@ -1,4 +1,4 @@
-<ul cdkTree #tree="cdkTree" class="example-tree">
+<ul tree [disabled]="true" #tree="tree" class="example-tree">
   <ng-template
     [ngTemplateOutlet]="treeNodes"
     [ngTemplateOutletContext]="{nodes: nodes, parent: tree}"
@@ -8,12 +8,12 @@
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.value) {
   <li
-    cdkTreeItem
+    treeItem
     [parent]="parent"
     [value]="node.value"
     [label]="node.name"
     [disabled]="node.disabled"
-    #treeItem="cdkTreeItem"
+    #treeItem="treeItem"
     class="example-tree-item example-selectable example-stateful"
   >
     <span aria-hidden="true" class="material-symbols-outlined example-parent-icon example-icon">{{node.children ? 'chevron_right' : ''}}</span>
@@ -23,8 +23,8 @@
   </li>
 
   @if (node.children) {
-  <ul cdkTreeItemGroup [ownedBy]="treeItem" #group="cdkTreeItemGroup">
-    <ng-template cdkTreeItemGroupContent>
+  <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
+    <ng-template treeItemGroupContent>
       <ng-template
         [ngTemplateOutlet]="treeNodes"
         [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
diff --git a/src/components-examples/cdk-experimental/tree/cdk-tree-disabled/cdk-tree-disabled-example.ts b/src/components-examples/aria/tree/tree-disabled/tree-disabled-example.ts
similarity index 55%
rename from src/components-examples/cdk-experimental/tree/cdk-tree-disabled/cdk-tree-disabled-example.ts
rename to src/components-examples/aria/tree/tree-disabled/tree-disabled-example.ts
index e913c03084b1..5341c467f971 100644
--- a/src/components-examples/cdk-experimental/tree/cdk-tree-disabled/cdk-tree-disabled-example.ts
+++ b/src/components-examples/aria/tree/tree-disabled/tree-disabled-example.ts
@@ -8,25 +8,20 @@
 
 import {Component} from '@angular/core';
 import {NgTemplateOutlet} from '@angular/common';
-import {
-  CdkTree,
-  CdkTreeItem,
-  CdkTreeItemGroup,
-  CdkTreeItemGroupContent,
-} from '@angular/cdk-experimental/tree';
+import {Tree, TreeItem, TreeItemGroup, TreeItemGroupContent} from '@angular/aria/tree';
 import {TreeNode, NODES} from '../tree-data';
 
 /**
  * @title Tree with disabled state.
  */
 @Component({
-  selector: 'cdk-tree-disabled-example',
-  exportAs: 'cdkTreeDisabledExample',
-  templateUrl: 'cdk-tree-disabled-example.html',
+  selector: 'tree-disabled-example',
+  exportAs: 'TreeDisabledExample',
+  templateUrl: 'tree-disabled-example.html',
   styleUrl: '../tree-common.css',
   standalone: true,
-  imports: [CdkTree, CdkTreeItem, CdkTreeItemGroup, CdkTreeItemGroupContent, NgTemplateOutlet],
+  imports: [Tree, TreeItem, TreeItemGroup, TreeItemGroupContent, NgTemplateOutlet],
 })
-export class CdkTreeDisabledExample {
+export class TreeDisabledExample {
   nodes: TreeNode[] = NODES;
 }
diff --git a/src/components-examples/cdk-experimental/tree/cdk-tree-disabled-focusable/cdk-tree-disabled-focusable-example.html b/src/components-examples/aria/tree/tree-multi-select-follow-focus/tree-multi-select-follow-focus-example.html
similarity index 81%
rename from src/components-examples/cdk-experimental/tree/cdk-tree-disabled-focusable/cdk-tree-disabled-focusable-example.html
rename to src/components-examples/aria/tree/tree-multi-select-follow-focus/tree-multi-select-follow-focus-example.html
index 9e33a443440a..920124d076df 100644
--- a/src/components-examples/cdk-experimental/tree/cdk-tree-disabled-focusable/cdk-tree-disabled-focusable-example.html
+++ b/src/components-examples/aria/tree/tree-multi-select-follow-focus/tree-multi-select-follow-focus-example.html
@@ -1,4 +1,4 @@
-<ul cdkTree [skipDisabled]="false" #tree="cdkTree" class="example-tree">
+<ul tree [multi]="true" selectionMode="follow" #tree="tree" class="example-tree">
   <ng-template
     [ngTemplateOutlet]="treeNodes"
     [ngTemplateOutletContext]="{nodes: nodes, parent: tree}"
@@ -8,12 +8,12 @@
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.value) {
   <li
-    cdkTreeItem
+    treeItem
     [parent]="parent"
     [value]="node.value"
     [label]="node.name"
     [disabled]="node.disabled"
-    #treeItem="cdkTreeItem"
+    #treeItem="treeItem"
     class="example-tree-item example-selectable example-stateful"
   >
     <span aria-hidden="true" class="material-symbols-outlined example-parent-icon example-icon">{{node.children ? 'chevron_right' : ''}}</span>
@@ -23,8 +23,8 @@
   </li>
 
   @if (node.children) {
-  <ul cdkTreeItemGroup [ownedBy]="treeItem" #group="cdkTreeItemGroup">
-    <ng-template cdkTreeItemGroupContent>
+  <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
+    <ng-template treeItemGroupContent>
       <ng-template
         [ngTemplateOutlet]="treeNodes"
         [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
diff --git a/src/components-examples/cdk-experimental/tree/cdk-tree-multi-select-follow-focus/cdk-tree-multi-select-follow-focus-example.ts b/src/components-examples/aria/tree/tree-multi-select-follow-focus/tree-multi-select-follow-focus-example.ts
similarity index 53%
rename from src/components-examples/cdk-experimental/tree/cdk-tree-multi-select-follow-focus/cdk-tree-multi-select-follow-focus-example.ts
rename to src/components-examples/aria/tree/tree-multi-select-follow-focus/tree-multi-select-follow-focus-example.ts
index d88e35b1b740..41e94baff212 100644
--- a/src/components-examples/cdk-experimental/tree/cdk-tree-multi-select-follow-focus/cdk-tree-multi-select-follow-focus-example.ts
+++ b/src/components-examples/aria/tree/tree-multi-select-follow-focus/tree-multi-select-follow-focus-example.ts
@@ -8,25 +8,20 @@
 
 import {Component} from '@angular/core';
 import {NgTemplateOutlet} from '@angular/common';
-import {
-  CdkTree,
-  CdkTreeItem,
-  CdkTreeItemGroup,
-  CdkTreeItemGroupContent,
-} from '@angular/cdk-experimental/tree';
+import {Tree, TreeItem, TreeItemGroup, TreeItemGroupContent} from '@angular/aria/tree';
 import {TreeNode, NODES} from '../tree-data';
 
 /**
  * @title Tree with multi-selection and follow focus.
  */
 @Component({
-  selector: 'cdk-tree-multi-select-follow-focus-example',
-  exportAs: 'cdkTreeMultiSelectFollowFocusExample',
-  templateUrl: 'cdk-tree-multi-select-follow-focus-example.html',
+  selector: 'tree-multi-select-follow-focus-example',
+  exportAs: 'TreeMultiSelectFollowFocusExample',
+  templateUrl: 'tree-multi-select-follow-focus-example.html',
   styleUrl: '../tree-common.css',
   standalone: true,
-  imports: [CdkTree, CdkTreeItem, CdkTreeItemGroup, CdkTreeItemGroupContent, NgTemplateOutlet],
+  imports: [Tree, TreeItem, TreeItemGroup, TreeItemGroupContent, NgTemplateOutlet],
 })
-export class CdkTreeMultiSelectFollowFocusExample {
+export class TreeMultiSelectFollowFocusExample {
   nodes: TreeNode[] = NODES;
 }
diff --git a/src/components-examples/cdk-experimental/tree/cdk-tree-multi-select/cdk-tree-multi-select-example.html b/src/components-examples/aria/tree/tree-multi-select/tree-multi-select-example.html
similarity index 82%
rename from src/components-examples/cdk-experimental/tree/cdk-tree-multi-select/cdk-tree-multi-select-example.html
rename to src/components-examples/aria/tree/tree-multi-select/tree-multi-select-example.html
index 410b78b6aa7e..a15c74e7b176 100644
--- a/src/components-examples/cdk-experimental/tree/cdk-tree-multi-select/cdk-tree-multi-select-example.html
+++ b/src/components-examples/aria/tree/tree-multi-select/tree-multi-select-example.html
@@ -1,4 +1,4 @@
-<ul cdkTree [multi]="true" #tree="cdkTree" class="example-tree">
+<ul tree [multi]="true" #tree="tree" class="example-tree">
   <ng-template
     [ngTemplateOutlet]="treeNodes"
     [ngTemplateOutletContext]="{nodes: nodes, parent: tree}"
@@ -8,12 +8,12 @@
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.value) {
   <li
-    cdkTreeItem
+    treeItem
     [parent]="parent"
     [value]="node.value"
     [label]="node.name"
     [disabled]="node.disabled"
-    #treeItem="cdkTreeItem"
+    #treeItem="treeItem"
     class="example-tree-item example-selectable example-stateful"
   >
     <span aria-hidden="true" class="material-symbols-outlined example-parent-icon example-icon">{{node.children ? 'chevron_right' : ''}}</span>
@@ -23,8 +23,8 @@
   </li>
 
   @if (node.children) {
-  <ul cdkTreeItemGroup [ownedBy]="treeItem" #group="cdkTreeItemGroup">
-    <ng-template cdkTreeItemGroupContent>
+  <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
+    <ng-template treeItemGroupContent>
       <ng-template
         [ngTemplateOutlet]="treeNodes"
         [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
diff --git a/src/components-examples/cdk-experimental/tree/cdk-tree-multi-select/cdk-tree-multi-select-example.ts b/src/components-examples/aria/tree/tree-multi-select/tree-multi-select-example.ts
similarity index 55%
rename from src/components-examples/cdk-experimental/tree/cdk-tree-multi-select/cdk-tree-multi-select-example.ts
rename to src/components-examples/aria/tree/tree-multi-select/tree-multi-select-example.ts
index e2c57f7050d0..ece27207a7c5 100644
--- a/src/components-examples/cdk-experimental/tree/cdk-tree-multi-select/cdk-tree-multi-select-example.ts
+++ b/src/components-examples/aria/tree/tree-multi-select/tree-multi-select-example.ts
@@ -8,25 +8,20 @@
 
 import {Component} from '@angular/core';
 import {NgTemplateOutlet} from '@angular/common';
-import {
-  CdkTree,
-  CdkTreeItem,
-  CdkTreeItemGroup,
-  CdkTreeItemGroupContent,
-} from '@angular/cdk-experimental/tree';
+import {Tree, TreeItem, TreeItemGroup, TreeItemGroupContent} from '@angular/aria/tree';
 import {TreeNode, NODES} from '../tree-data';
 
 /**
  * @title Tree with multi-selection.
  */
 @Component({
-  selector: 'cdk-tree-multi-select-example',
-  exportAs: 'cdkTreeMultiSelectExample',
-  templateUrl: 'cdk-tree-multi-select-example.html',
+  selector: 'tree-multi-select-example',
+  exportAs: 'TreeMultiSelectExample',
+  templateUrl: 'tree-multi-select-example.html',
   styleUrl: '../tree-common.css',
   standalone: true,
-  imports: [CdkTree, CdkTreeItem, CdkTreeItemGroup, CdkTreeItemGroupContent, NgTemplateOutlet],
+  imports: [Tree, TreeItem, TreeItemGroup, TreeItemGroupContent, NgTemplateOutlet],
 })
-export class CdkTreeMultiSelectExample {
+export class TreeMultiSelectExample {
   nodes: TreeNode[] = NODES;
 }
diff --git a/src/components-examples/cdk-experimental/tree/cdk-tree-nav/cdk-tree-nav-example.html b/src/components-examples/aria/tree/tree-nav/tree-nav-example.html
similarity index 84%
rename from src/components-examples/cdk-experimental/tree/cdk-tree-nav/cdk-tree-nav-example.html
rename to src/components-examples/aria/tree/tree-nav/tree-nav-example.html
index ad9e4aae2e6f..0aec5f206929 100644
--- a/src/components-examples/cdk-experimental/tree/cdk-tree-nav/cdk-tree-nav-example.html
+++ b/src/components-examples/aria/tree/tree-nav/tree-nav-example.html
@@ -1,4 +1,4 @@
-<ul cdkTree [nav]="true" #tree="cdkTree" class="example-tree">
+<ul tree [nav]="true" #tree="tree" class="example-tree">
   <ng-template
     [ngTemplateOutlet]="treeNodes"
     [ngTemplateOutletContext]="{nodes: nodes, parent: tree}"
@@ -8,12 +8,12 @@
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.value) {
     <a
-      cdkTreeItem
+      treeItem
       [parent]="parent"
       [value]="node.value"
       [label]="node.name"
       [disabled]="node.disabled"
-      #treeItem="cdkTreeItem"
+      #treeItem="treeItem"
       class="example-tree-item example-selectable example-stateful"
       href="#{{ node.name }}"
       (click)="$event.preventDefault()"
@@ -35,8 +35,8 @@
     </a>
 
     @if (node.children) {
-      <ul cdkTreeItemGroup [ownedBy]="treeItem" #group="cdkTreeItemGroup">
-        <ng-template cdkTreeItemGroupContent>
+      <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
+        <ng-template treeItemGroupContent>
           <ng-template
             [ngTemplateOutlet]="treeNodes"
             [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
diff --git a/src/components-examples/cdk-experimental/tree/cdk-tree-nav/cdk-tree-nav-example.ts b/src/components-examples/aria/tree/tree-nav/tree-nav-example.ts
similarity index 56%
rename from src/components-examples/cdk-experimental/tree/cdk-tree-nav/cdk-tree-nav-example.ts
rename to src/components-examples/aria/tree/tree-nav/tree-nav-example.ts
index 66ff271015ac..8b579ed6247d 100644
--- a/src/components-examples/cdk-experimental/tree/cdk-tree-nav/cdk-tree-nav-example.ts
+++ b/src/components-examples/aria/tree/tree-nav/tree-nav-example.ts
@@ -8,25 +8,20 @@
 
 import {Component} from '@angular/core';
 import {NgTemplateOutlet} from '@angular/common';
-import {
-  CdkTree,
-  CdkTreeItem,
-  CdkTreeItemGroup,
-  CdkTreeItemGroupContent,
-} from '@angular/cdk-experimental/tree';
+import {Tree, TreeItem, TreeItemGroup, TreeItemGroupContent} from '@angular/aria/tree';
 import {TreeNode, NODES} from '../tree-data';
 
 /**
  * @title Tree with nav mode.
  */
 @Component({
-  selector: 'cdk-tree-nav-example',
-  exportAs: 'cdkTreeNavExample',
-  templateUrl: 'cdk-tree-nav-example.html',
+  selector: 'tree-nav-example',
+  exportAs: 'TreeNavExample',
+  templateUrl: 'tree-nav-example.html',
   styleUrl: '../tree-common.css',
   standalone: true,
-  imports: [CdkTree, CdkTreeItem, CdkTreeItemGroup, CdkTreeItemGroupContent, NgTemplateOutlet],
+  imports: [Tree, TreeItem, TreeItemGroup, TreeItemGroupContent, NgTemplateOutlet],
 })
-export class CdkTreeNavExample {
+export class TreeNavExample {
   nodes: TreeNode[] = NODES;
 }
diff --git a/src/components-examples/aria/tree/tree-single-select-follow-focus/tree-single-select-follow-focus-example.html b/src/components-examples/aria/tree/tree-single-select-follow-focus/tree-single-select-follow-focus-example.html
new file mode 100644
index 000000000000..0c2482da97c8
--- /dev/null
+++ b/src/components-examples/aria/tree/tree-single-select-follow-focus/tree-single-select-follow-focus-example.html
@@ -0,0 +1,35 @@
+<ul tree selectionMode="follow" #tree="tree" class="example-tree">
+  <ng-template
+    [ngTemplateOutlet]="treeNodes"
+    [ngTemplateOutletContext]="{nodes: nodes, parent: tree}"
+  />
+</ul>
+
+<ng-template #treeNodes let-nodes="nodes" let-parent="parent">
+  @for (node of nodes; track node.value) {
+  <li
+    treeItem
+    [parent]="parent"
+    [value]="node.value"
+    [label]="node.name"
+    [disabled]="node.disabled"
+    #treeItem="treeItem"
+    class="example-tree-item example-selectable example-stateful"
+  >
+    <span aria-hidden="true" class="material-symbols-outlined example-parent-icon example-icon">{{node.children ? 'chevron_right' : ''}}</span>
+    <span aria-hidden="true" class="material-symbols-outlined example-icon">{{node.children ? 'folder' : 'docs'}}</span>
+    {{ node.name }}
+    <span aria-hidden="true" class="material-symbols-outlined example-selected-icon example-icon">check</span>
+  </li>
+
+  @if (node.children) {
+  <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
+    <ng-template treeItemGroupContent>
+      <ng-template
+        [ngTemplateOutlet]="treeNodes"
+        [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
+      />
+    </ng-template>
+  </ul>
+  } }
+</ng-template>
diff --git a/src/components-examples/cdk-experimental/tree/cdk-tree-single-select-follow-focus/cdk-tree-single-select-follow-focus-example.ts b/src/components-examples/aria/tree/tree-single-select-follow-focus/tree-single-select-follow-focus-example.ts
similarity index 52%
rename from src/components-examples/cdk-experimental/tree/cdk-tree-single-select-follow-focus/cdk-tree-single-select-follow-focus-example.ts
rename to src/components-examples/aria/tree/tree-single-select-follow-focus/tree-single-select-follow-focus-example.ts
index b6b1295199df..d863c8c1ff00 100644
--- a/src/components-examples/cdk-experimental/tree/cdk-tree-single-select-follow-focus/cdk-tree-single-select-follow-focus-example.ts
+++ b/src/components-examples/aria/tree/tree-single-select-follow-focus/tree-single-select-follow-focus-example.ts
@@ -8,25 +8,20 @@
 
 import {Component} from '@angular/core';
 import {NgTemplateOutlet} from '@angular/common';
-import {
-  CdkTree,
-  CdkTreeItem,
-  CdkTreeItemGroup,
-  CdkTreeItemGroupContent,
-} from '@angular/cdk-experimental/tree';
+import {Tree, TreeItem, TreeItemGroup, TreeItemGroupContent} from '@angular/aria/tree';
 import {TreeNode, NODES} from '../tree-data';
 
 /**
  * @title Tree with single selection and follow focus.
  */
 @Component({
-  selector: 'cdk-tree-single-select-follow-focus-example',
-  exportAs: 'cdkTreeSingleSelectFollowFocusExample',
-  templateUrl: 'cdk-tree-single-select-follow-focus-example.html',
+  selector: 'tree-single-select-follow-focus-example',
+  exportAs: 'TreeSingleSelectFollowFocusExample',
+  templateUrl: 'tree-single-select-follow-focus-example.html',
   styleUrl: '../tree-common.css',
   standalone: true,
-  imports: [CdkTree, CdkTreeItem, CdkTreeItemGroup, CdkTreeItemGroupContent, NgTemplateOutlet],
+  imports: [Tree, TreeItem, TreeItemGroup, TreeItemGroupContent, NgTemplateOutlet],
 })
-export class CdkTreeSingleSelectFollowFocusExample {
+export class TreeSingleSelectFollowFocusExample {
   nodes: TreeNode[] = NODES;
 }
diff --git a/src/components-examples/aria/tree/tree-single-select/tree-single-select-example.html b/src/components-examples/aria/tree/tree-single-select/tree-single-select-example.html
new file mode 100644
index 000000000000..eeef1552ba6c
--- /dev/null
+++ b/src/components-examples/aria/tree/tree-single-select/tree-single-select-example.html
@@ -0,0 +1,35 @@
+<ul tree #tree="tree" class="example-tree">
+  <ng-template
+    [ngTemplateOutlet]="treeNodes"
+    [ngTemplateOutletContext]="{nodes: nodes, parent: tree}"
+  />
+</ul>
+
+<ng-template #treeNodes let-nodes="nodes" let-parent="parent">
+  @for (node of nodes; track node.value) {
+  <li
+    treeItem
+    [parent]="parent"
+    [value]="node.value"
+    [label]="node.name"
+    [disabled]="node.disabled"
+    #treeItem="treeItem"
+    class="example-tree-item example-selectable example-stateful"
+  >
+    <span aria-hidden="true" class="material-symbols-outlined example-parent-icon example-icon">{{node.children ? 'chevron_right' : ''}}</span>
+    <span aria-hidden="true" class="material-symbols-outlined example-icon">{{node.children ? 'folder' : 'docs'}}</span>
+    {{ node.name }}
+    <span aria-hidden="true" class="material-symbols-outlined example-selected-icon example-icon">check</span>
+  </li>
+
+  @if (node.children) {
+  <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
+    <ng-template treeItemGroupContent>
+      <ng-template
+        [ngTemplateOutlet]="treeNodes"
+        [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
+      />
+    </ng-template>
+  </ul>
+  } }
+</ng-template>
diff --git a/src/components-examples/cdk-experimental/tree/cdk-tree-single-select/cdk-tree-single-select-example.ts b/src/components-examples/aria/tree/tree-single-select/tree-single-select-example.ts
similarity index 54%
rename from src/components-examples/cdk-experimental/tree/cdk-tree-single-select/cdk-tree-single-select-example.ts
rename to src/components-examples/aria/tree/tree-single-select/tree-single-select-example.ts
index 17af4f90c448..cdcf995bd483 100644
--- a/src/components-examples/cdk-experimental/tree/cdk-tree-single-select/cdk-tree-single-select-example.ts
+++ b/src/components-examples/aria/tree/tree-single-select/tree-single-select-example.ts
@@ -8,25 +8,20 @@
 
 import {Component} from '@angular/core';
 import {NgTemplateOutlet} from '@angular/common';
-import {
-  CdkTree,
-  CdkTreeItem,
-  CdkTreeItemGroup,
-  CdkTreeItemGroupContent,
-} from '@angular/cdk-experimental/tree';
+import {Tree, TreeItem, TreeItemGroup, TreeItemGroupContent} from '@angular/aria/tree';
 import {TreeNode, NODES} from '../tree-data';
 
 /**
  * @title Tree with single selection.
  */
 @Component({
-  selector: 'cdk-tree-single-select-example',
-  exportAs: 'cdkTreeSingleSelectExample',
-  templateUrl: 'cdk-tree-single-select-example.html',
+  selector: 'tree-single-select-example',
+  exportAs: 'TreeSingleSelectExample',
+  templateUrl: 'tree-single-select-example.html',
   styleUrl: '../tree-common.css',
   standalone: true,
-  imports: [CdkTree, CdkTreeItem, CdkTreeItemGroup, CdkTreeItemGroupContent, NgTemplateOutlet],
+  imports: [Tree, TreeItem, TreeItemGroup, TreeItemGroupContent, NgTemplateOutlet],
 })
-export class CdkTreeSingleSelectExample {
+export class TreeSingleSelectExample {
   nodes: TreeNode[] = NODES;
 }
diff --git a/src/components-examples/cdk-experimental/accordion/cdk-accordion-disabled-focusable/cdk-accordion-disabled-focusable-example.ts b/src/components-examples/cdk-experimental/accordion/cdk-accordion-disabled-focusable/cdk-accordion-disabled-focusable-example.ts
deleted file mode 100644
index fc6d5d694058..000000000000
--- a/src/components-examples/cdk-experimental/accordion/cdk-accordion-disabled-focusable/cdk-accordion-disabled-focusable-example.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import {Component, computed, model, Signal} from '@angular/core';
-import {MatIconModule} from '@angular/material/icon';
-import {
-  CdkAccordionGroup,
-  CdkAccordionTrigger,
-  CdkAccordionPanel,
-  CdkAccordionContent,
-} from '@angular/cdk-experimental/accordion';
-
-/** @title Accordion with focusable disabled items. */
-@Component({
-  selector: 'cdk-accordion-disabled-focusable-example',
-  templateUrl: 'cdk-accordion-disabled-focusable-example.html',
-  styleUrl: '../cdk-accordion-examples.css',
-  standalone: true,
-  imports: [
-    MatIconModule,
-    CdkAccordionGroup,
-    CdkAccordionTrigger,
-    CdkAccordionPanel,
-    CdkAccordionContent,
-  ],
-})
-export class CdkAccordionDisabledFocusableExample {
-  expandedIds = model<string[]>([]);
-
-  expansionIcon(item: string): Signal<string> {
-    return computed(() => (this.expandedIds().includes(item) ? 'expand_less' : 'expand_more'));
-  }
-}
diff --git a/src/components-examples/cdk-experimental/accordion/cdk-accordion-disabled-skipped/cdk-accordion-disabled-skipped-example.ts b/src/components-examples/cdk-experimental/accordion/cdk-accordion-disabled-skipped/cdk-accordion-disabled-skipped-example.ts
deleted file mode 100644
index c37b1a744a79..000000000000
--- a/src/components-examples/cdk-experimental/accordion/cdk-accordion-disabled-skipped/cdk-accordion-disabled-skipped-example.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import {Component, computed, model, Signal} from '@angular/core';
-import {MatIconModule} from '@angular/material/icon';
-import {
-  CdkAccordionGroup,
-  CdkAccordionTrigger,
-  CdkAccordionPanel,
-  CdkAccordionContent,
-} from '@angular/cdk-experimental/accordion';
-
-/** @title Accordion with skipped disabled items. */
-@Component({
-  selector: 'cdk-accordion-disabled-skipped-example',
-  templateUrl: 'cdk-accordion-disabled-skipped-example.html',
-  styleUrl: '../cdk-accordion-examples.css',
-  standalone: true,
-  imports: [
-    MatIconModule,
-    CdkAccordionGroup,
-    CdkAccordionTrigger,
-    CdkAccordionPanel,
-    CdkAccordionContent,
-  ],
-})
-export class CdkAccordionDisabledSkippedExample {
-  expandedIds = model<string[]>([]);
-
-  expansionIcon(item: string): Signal<string> {
-    return computed(() => (this.expandedIds().includes(item) ? 'expand_less' : 'expand_more'));
-  }
-}
diff --git a/src/components-examples/cdk-experimental/accordion/cdk-accordion-disabled/cdk-accordion-disabled-example.ts b/src/components-examples/cdk-experimental/accordion/cdk-accordion-disabled/cdk-accordion-disabled-example.ts
deleted file mode 100644
index 3476b9e84590..000000000000
--- a/src/components-examples/cdk-experimental/accordion/cdk-accordion-disabled/cdk-accordion-disabled-example.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import {Component, computed, model, Signal} from '@angular/core';
-import {MatIconModule} from '@angular/material/icon';
-import {
-  CdkAccordionGroup,
-  CdkAccordionTrigger,
-  CdkAccordionPanel,
-  CdkAccordionContent,
-} from '@angular/cdk-experimental/accordion';
-
-/** @title Disabled Accordion. */
-@Component({
-  selector: 'cdk-accordion-disabled-example',
-  templateUrl: 'cdk-accordion-disabled-example.html',
-  styleUrl: '../cdk-accordion-examples.css',
-  standalone: true,
-  imports: [
-    MatIconModule,
-    CdkAccordionGroup,
-    CdkAccordionTrigger,
-    CdkAccordionPanel,
-    CdkAccordionContent,
-  ],
-})
-export class CdkAccordionDisabledExample {
-  expandedIds = model<string[]>(['item1']);
-
-  expansionIcon(item: string): Signal<string> {
-    return computed(() => (this.expandedIds().includes(item) ? 'expand_less' : 'expand_more'));
-  }
-}
diff --git a/src/components-examples/cdk-experimental/accordion/cdk-accordion-multi-expansion/cdk-accordion-multi-expansion-example.ts b/src/components-examples/cdk-experimental/accordion/cdk-accordion-multi-expansion/cdk-accordion-multi-expansion-example.ts
deleted file mode 100644
index 5c98cc70f684..000000000000
--- a/src/components-examples/cdk-experimental/accordion/cdk-accordion-multi-expansion/cdk-accordion-multi-expansion-example.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import {Component, computed, model, Signal} from '@angular/core';
-import {MatIconModule} from '@angular/material/icon';
-import {
-  CdkAccordionGroup,
-  CdkAccordionTrigger,
-  CdkAccordionPanel,
-  CdkAccordionContent,
-} from '@angular/cdk-experimental/accordion';
-
-/** @title Accordion with multi-expansion. */
-@Component({
-  selector: 'cdk-accordion-multi-expansion-example',
-  templateUrl: 'cdk-accordion-multi-expansion-example.html',
-  styleUrl: '../cdk-accordion-examples.css',
-  standalone: true,
-  imports: [
-    MatIconModule,
-    CdkAccordionGroup,
-    CdkAccordionTrigger,
-    CdkAccordionPanel,
-    CdkAccordionContent,
-  ],
-})
-export class CdkAccordionMultiExpansionExample {
-  expandedIds = model<string[]>([]);
-
-  expansionIcon(item: string): Signal<string> {
-    return computed(() => (this.expandedIds().includes(item) ? 'expand_less' : 'expand_more'));
-  }
-}
diff --git a/src/components-examples/cdk-experimental/accordion/cdk-accordion-single-expansion/cdk-accordion-single-expansion-example.ts b/src/components-examples/cdk-experimental/accordion/cdk-accordion-single-expansion/cdk-accordion-single-expansion-example.ts
deleted file mode 100644
index 4baea4e59896..000000000000
--- a/src/components-examples/cdk-experimental/accordion/cdk-accordion-single-expansion/cdk-accordion-single-expansion-example.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import {Component, computed, model, Signal} from '@angular/core';
-import {MatIconModule} from '@angular/material/icon';
-import {
-  CdkAccordionGroup,
-  CdkAccordionTrigger,
-  CdkAccordionPanel,
-  CdkAccordionContent,
-} from '@angular/cdk-experimental/accordion';
-
-/** @title Accordion with single expansion. */
-@Component({
-  selector: 'cdk-accordion-single-expansion-example',
-  templateUrl: 'cdk-accordion-single-expansion-example.html',
-  styleUrl: '../cdk-accordion-examples.css',
-  standalone: true,
-  imports: [
-    MatIconModule,
-    CdkAccordionGroup,
-    CdkAccordionTrigger,
-    CdkAccordionPanel,
-    CdkAccordionContent,
-  ],
-})
-export class CdkAccordionSingleExpansionExample {
-  expandedIds = model<string[]>([]);
-
-  expansionIcon(item: string): Signal<string> {
-    return computed(() => (this.expandedIds().includes(item) ? 'expand_less' : 'expand_more'));
-  }
-}
diff --git a/src/components-examples/cdk-experimental/accordion/index.ts b/src/components-examples/cdk-experimental/accordion/index.ts
deleted file mode 100644
index 2c900596445b..000000000000
--- a/src/components-examples/cdk-experimental/accordion/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export {CdkAccordionConfigurableExample} from './cdk-accordion-configurable/cdk-accordion-configurable-example';
-export {CdkAccordionSingleExpansionExample} from './cdk-accordion-single-expansion/cdk-accordion-single-expansion-example';
-export {CdkAccordionMultiExpansionExample} from './cdk-accordion-multi-expansion/cdk-accordion-multi-expansion-example';
-export {CdkAccordionDisabledFocusableExample} from './cdk-accordion-disabled-focusable/cdk-accordion-disabled-focusable-example';
-export {CdkAccordionDisabledSkippedExample} from './cdk-accordion-disabled-skipped/cdk-accordion-disabled-skipped-example';
-export {CdkAccordionDisabledExample} from './cdk-accordion-disabled/cdk-accordion-disabled-example';
diff --git a/src/components-examples/cdk-experimental/combobox/index.ts b/src/components-examples/cdk-experimental/combobox/index.ts
deleted file mode 100644
index b061c0017413..000000000000
--- a/src/components-examples/cdk-experimental/combobox/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export {CdkComboboxManualExample} from './cdk-combobox-manual/cdk-combobox-manual-example';
-export {CdkComboboxAutoSelectExample} from './cdk-combobox-auto-select/cdk-combobox-auto-select-example';
-export {CdkComboboxHighlightExample} from './cdk-combobox-highlight/cdk-combobox-highlight-example';
-export {CdkComboboxTreeManualExample} from './cdk-combobox-tree-manual/cdk-combobox-tree-manual-example';
-export {CdkComboboxTreeAutoSelectExample} from './cdk-combobox-tree-auto-select/cdk-combobox-tree-auto-select-example';
-export {CdkComboboxTreeHighlightExample} from './cdk-combobox-tree-highlight/cdk-combobox-tree-highlight-example';
diff --git a/src/components-examples/cdk-experimental/listbox/cdk-listbox-multi-select-example.ts b/src/components-examples/cdk-experimental/listbox/cdk-listbox-multi-select-example.ts
deleted file mode 100644
index 80ce5615280c..000000000000
--- a/src/components-examples/cdk-experimental/listbox/cdk-listbox-multi-select-example.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-export class CdkListboxMultiSelectExample {
-  fruits = [
-    'Apple',
-    'Apricot',
-    'Banana',
-    'Blackberry',
-    'Blueberry',
-    'Cantaloupe',
-    'Cherry',
-    'Clementine',
-    'Cranberry',
-    'Dates',
-    'Figs',
-    'Grapes',
-    'Grapefruit',
-    'Guava',
-    'Kiwi',
-    'Kumquat',
-    'Lemon',
-    'Lime',
-    'Mandarin',
-    'Mango',
-    'Nectarine',
-    'Orange',
-    'Papaya',
-    'Passion',
-    'Peach',
-    'Pear',
-    'Pineapple',
-    'Plum',
-    'Pomegranate',
-    'Raspberries',
-    'Strawberry',
-    'Tangerine',
-    'Watermelon',
-  ];
-}
diff --git a/src/components-examples/cdk-experimental/listbox/index.ts b/src/components-examples/cdk-experimental/listbox/index.ts
deleted file mode 100644
index 225e166fc00f..000000000000
--- a/src/components-examples/cdk-experimental/listbox/index.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-export {CdkListboxConfigurableExample} from './cdk-listbox-configurable/cdk-listbox-configurable-example';
-export {CdkListboxSingleSelectExample} from './cdk-listbox-single-select/cdk-listbox-single-select-example';
-export {CdkListboxMultiSelectExample} from './cdk-listbox-multi-select/cdk-listbox-multi-select-example';
-export {CdkListboxSingleSelectFollowFocusExample} from './cdk-listbox-single-select-follow-focus/cdk-listbox-single-select-follow-focus-example';
-export {CdkListboxMultiSelectFollowFocusExample} from './cdk-listbox-multi-select-follow-focus/cdk-listbox-multi-select-follow-focus-example';
-export {CdkListboxHorizontalExample} from './cdk-listbox-horizontal/cdk-listbox-horizontal-example';
-export {CdkListboxRtlHorizontalExample} from './cdk-listbox-rtl-horizontal/cdk-listbox-rtl-horizontal-example';
-export {CdkListboxActiveDescendantExample} from './cdk-listbox-active-descendant/cdk-listbox-active-descendant-example';
-export {CdkListboxDisabledFocusableExample} from './cdk-listbox-disabled-focusable/cdk-listbox-disabled-focusable-example';
-export {CdkListboxDisabledSkippedExample} from './cdk-listbox-disabled-skipped/cdk-listbox-disabled-skipped-example';
-export {CdkListboxReadonlyExample} from './cdk-listbox-readonly/cdk-listbox-readonly-example';
-export {CdkListboxDisabledExample} from './cdk-listbox-disabled/cdk-listbox-disabled-example';
diff --git a/src/components-examples/cdk-experimental/radio-group/index.ts b/src/components-examples/cdk-experimental/radio-group/index.ts
deleted file mode 100644
index 21416f7d797c..000000000000
--- a/src/components-examples/cdk-experimental/radio-group/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export {CdkRadioGroupStandardExample} from './cdk-radio-group-standard/cdk-radio-group-standard-example';
-export {CdkRadioGroupHorizontalExample} from './cdk-radio-group-horizontal/cdk-radio-group-horizontal-example';
-export {CdkRadioGroupRtlHorizontalExample} from './cdk-radio-group-rtl-horizontal/cdk-radio-group-rtl-horizontal-example';
-export {CdkRadioGroupActiveDescendantExample} from './cdk-radio-group-active-descendant/cdk-radio-group-active-descendant-example';
-export {CdkRadioGroupDisabledFocusableExample} from './cdk-radio-group-disabled-focusable/cdk-radio-group-disabled-focusable-example';
-export {CdkRadioGroupDisabledSkippedExample} from './cdk-radio-group-disabled-skipped/cdk-radio-group-disabled-skipped-example';
-export {CdkRadioGroupReadonlyExample} from './cdk-radio-group-readonly/cdk-radio-group-readonly-example';
-export {CdkRadioGroupDisabledExample} from './cdk-radio-group-disabled/cdk-radio-group-disabled-example';
-export {CdkRadioGroupConfigurableExample} from './cdk-radio-group-configurable/cdk-radio-group-configurable-example';
diff --git a/src/components-examples/cdk-experimental/tabs/cdk-active-descendant/cdk-tabs-active-descendant-example.html b/src/components-examples/cdk-experimental/tabs/cdk-active-descendant/cdk-tabs-active-descendant-example.html
deleted file mode 100644
index 5acc11b6e1a4..000000000000
--- a/src/components-examples/cdk-experimental/tabs/cdk-active-descendant/cdk-tabs-active-descendant-example.html
+++ /dev/null
@@ -1,29 +0,0 @@
-<div cdkTabs class="example-tabs">
-  <ul cdkTabList class="example-tablist" focusMode="activedescendant" tab="tab-1">
-    <li cdkTab value="tab-1" class="example-tab">tab 1</li>
-    <li cdkTab value="tab-2" class="example-tab">tab 2</li>
-    <li cdkTab value="tab-3" class="example-tab">tab 3</li>
-    <li cdkTab value="tab-4" class="example-tab">tab 4</li>
-    <li cdkTab value="tab-5" class="example-tab">tab 5</li>
-  </ul>
-
-  <div cdkTabPanel value="tab-1" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 1</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-2" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 2</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-3" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 3</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-4" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 4</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-5" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 5</ng-template>
-  </div>
-</div>
diff --git a/src/components-examples/cdk-experimental/tabs/cdk-active-descendant/cdk-tabs-active-descendant-example.ts b/src/components-examples/cdk-experimental/tabs/cdk-active-descendant/cdk-tabs-active-descendant-example.ts
deleted file mode 100644
index bfc9ecefd36c..000000000000
--- a/src/components-examples/cdk-experimental/tabs/cdk-active-descendant/cdk-tabs-active-descendant-example.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import {Component} from '@angular/core';
-import {
-  CdkTab,
-  CdkTabs,
-  CdkTabList,
-  CdkTabPanel,
-  CdkTabContent,
-} from '@angular/cdk-experimental/tabs';
-
-/** @title Active Descendant */
-@Component({
-  selector: 'cdk-tabs-active-descendant-example',
-  exportAs: 'cdkTabsActiveDescendantExample',
-  templateUrl: 'cdk-tabs-active-descendant-example.html',
-  styleUrls: ['../cdk-tabs-common.css'],
-  standalone: true,
-  imports: [CdkTabList, CdkTab, CdkTabs, CdkTabPanel, CdkTabContent],
-})
-export class CdkTabsActiveDescendantExample {}
diff --git a/src/components-examples/cdk-experimental/tabs/cdk-disabled-focusable/cdk-tabs-disabled-focusable-example.html b/src/components-examples/cdk-experimental/tabs/cdk-disabled-focusable/cdk-tabs-disabled-focusable-example.html
deleted file mode 100644
index 3bb4cd1b2981..000000000000
--- a/src/components-examples/cdk-experimental/tabs/cdk-disabled-focusable/cdk-tabs-disabled-focusable-example.html
+++ /dev/null
@@ -1,29 +0,0 @@
-<div cdkTabs class="example-tabs">
-  <ul cdkTabList class="example-tablist" [skipDisabled]="false" tab="tab-1">
-    <li cdkTab value="tab-1" class="example-tab">tab 1</li>
-    <li cdkTab value="tab-2" class="example-tab">tab 2</li>
-    <li cdkTab value="tab-3" class="example-tab" disabled>tab 3</li>
-    <li cdkTab value="tab-4" class="example-tab" disabled>tab 4</li>
-    <li cdkTab value="tab-5" class="example-tab">tab 5</li>
-  </ul>
-
-  <div cdkTabPanel value="tab-1" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 1</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-2" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 2</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-3" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 3</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-4" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 4</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-5" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 5</ng-template>
-  </div>
-</div>
diff --git a/src/components-examples/cdk-experimental/tabs/cdk-disabled-focusable/cdk-tabs-disabled-focusable-example.ts b/src/components-examples/cdk-experimental/tabs/cdk-disabled-focusable/cdk-tabs-disabled-focusable-example.ts
deleted file mode 100644
index 4cbe1f93624a..000000000000
--- a/src/components-examples/cdk-experimental/tabs/cdk-disabled-focusable/cdk-tabs-disabled-focusable-example.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import {Component} from '@angular/core';
-import {
-  CdkTab,
-  CdkTabs,
-  CdkTabList,
-  CdkTabPanel,
-  CdkTabContent,
-} from '@angular/cdk-experimental/tabs';
-
-/** @title Disabled Tabs are Focusable */
-@Component({
-  selector: 'cdk-tabs-disabled-focusable-example',
-  exportAs: 'cdkTabsDisabledFocusableExample',
-  templateUrl: 'cdk-tabs-disabled-focusable-example.html',
-  styleUrls: ['../cdk-tabs-common.css'],
-  standalone: true,
-  imports: [CdkTabList, CdkTab, CdkTabs, CdkTabPanel, CdkTabContent],
-})
-export class CdkTabsDisabledFocusableExample {}
diff --git a/src/components-examples/cdk-experimental/tabs/cdk-disabled-skipped/cdk-tabs-disabled-skipped-example.html b/src/components-examples/cdk-experimental/tabs/cdk-disabled-skipped/cdk-tabs-disabled-skipped-example.html
deleted file mode 100644
index 5cdaae50ad84..000000000000
--- a/src/components-examples/cdk-experimental/tabs/cdk-disabled-skipped/cdk-tabs-disabled-skipped-example.html
+++ /dev/null
@@ -1,29 +0,0 @@
-<div cdkTabs class="example-tabs">
-  <ul cdkTabList class="example-tablist" [skipDisabled]="true" tab="tab-1">
-    <li cdkTab value="tab-1" class="example-tab">tab 1</li>
-    <li cdkTab value="tab-2" class="example-tab">tab 2</li>
-    <li cdkTab value="tab-3" class="example-tab" disabled>tab 3</li>
-    <li cdkTab value="tab-4" class="example-tab" disabled>tab 4</li>
-    <li cdkTab value="tab-5" class="example-tab">tab 5</li>
-  </ul>
-
-  <div cdkTabPanel value="tab-1" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 1</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-2" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 2</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-3" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 3</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-4" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 4</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-5" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 5</ng-template>
-  </div>
-</div>
diff --git a/src/components-examples/cdk-experimental/tabs/cdk-disabled-skipped/cdk-tabs-disabled-skipped-example.ts b/src/components-examples/cdk-experimental/tabs/cdk-disabled-skipped/cdk-tabs-disabled-skipped-example.ts
deleted file mode 100644
index 9690f0864bc2..000000000000
--- a/src/components-examples/cdk-experimental/tabs/cdk-disabled-skipped/cdk-tabs-disabled-skipped-example.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import {Component} from '@angular/core';
-import {
-  CdkTab,
-  CdkTabs,
-  CdkTabList,
-  CdkTabPanel,
-  CdkTabContent,
-} from '@angular/cdk-experimental/tabs';
-
-/** @title Disabled Tabs are Skipped */
-@Component({
-  selector: 'cdk-tabs-disabled-skipped-example',
-  exportAs: 'cdkTabsDisabledSkippedExample',
-  templateUrl: 'cdk-tabs-disabled-skipped-example.html',
-  styleUrls: ['../cdk-tabs-common.css'],
-  standalone: true,
-  imports: [CdkTabList, CdkTab, CdkTabs, CdkTabPanel, CdkTabContent],
-})
-export class CdkTabsDisabledSkippedExample {}
diff --git a/src/components-examples/cdk-experimental/tabs/cdk-disabled/cdk-tabs-disabled-example.html b/src/components-examples/cdk-experimental/tabs/cdk-disabled/cdk-tabs-disabled-example.html
deleted file mode 100644
index 47cba0cba4f4..000000000000
--- a/src/components-examples/cdk-experimental/tabs/cdk-disabled/cdk-tabs-disabled-example.html
+++ /dev/null
@@ -1,29 +0,0 @@
-<div cdkTabs class="example-tabs">
-  <ul cdkTabList class="example-tablist" tab="tab-1" disabled>
-    <li cdkTab value="tab-1" class="example-tab">tab 1</li>
-    <li cdkTab value="tab-2" class="example-tab">tab 2</li>
-    <li cdkTab value="tab-3" class="example-tab">tab 3</li>
-    <li cdkTab value="tab-4" class="example-tab">tab 4</li>
-    <li cdkTab value="tab-5" class="example-tab">tab 5</li>
-  </ul>
-
-  <div cdkTabPanel value="tab-1" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 1</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-2" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 2</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-3" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 3</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-4" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 4</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-5" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 5</ng-template>
-  </div>
-</div>
diff --git a/src/components-examples/cdk-experimental/tabs/cdk-disabled/cdk-tabs-disabled-example.ts b/src/components-examples/cdk-experimental/tabs/cdk-disabled/cdk-tabs-disabled-example.ts
deleted file mode 100644
index 1b0ddbf6cf5e..000000000000
--- a/src/components-examples/cdk-experimental/tabs/cdk-disabled/cdk-tabs-disabled-example.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import {Component} from '@angular/core';
-import {
-  CdkTab,
-  CdkTabs,
-  CdkTabList,
-  CdkTabPanel,
-  CdkTabContent,
-} from '@angular/cdk-experimental/tabs';
-
-/** @title Disabled */
-@Component({
-  selector: 'cdk-tabs-disabled-example',
-  exportAs: 'cdkTabsDisabledExample',
-  templateUrl: 'cdk-tabs-disabled-example.html',
-  styleUrls: ['../cdk-tabs-common.css'],
-  standalone: true,
-  imports: [CdkTabList, CdkTab, CdkTabs, CdkTabPanel, CdkTabContent],
-})
-export class CdkTabsDisabledExample {}
diff --git a/src/components-examples/cdk-experimental/tabs/cdk-explicit-selection/cdk-tabs-explicit-selection-example.html b/src/components-examples/cdk-experimental/tabs/cdk-explicit-selection/cdk-tabs-explicit-selection-example.html
deleted file mode 100644
index ad82d44cf4a0..000000000000
--- a/src/components-examples/cdk-experimental/tabs/cdk-explicit-selection/cdk-tabs-explicit-selection-example.html
+++ /dev/null
@@ -1,29 +0,0 @@
-<div cdkTabs class="example-tabs">
-  <ul cdkTabList class="example-tablist" selectionMode="explicit" tab="tab-1">
-    <li cdkTab value="tab-1" class="example-tab">tab 1</li>
-    <li cdkTab value="tab-2" class="example-tab">tab 2</li>
-    <li cdkTab value="tab-3" class="example-tab">tab 3</li>
-    <li cdkTab value="tab-4" class="example-tab">tab 4</li>
-    <li cdkTab value="tab-5" class="example-tab">tab 5</li>
-  </ul>
-
-  <div cdkTabPanel value="tab-1" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 1</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-2" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 2</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-3" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 3</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-4" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 4</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-5" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 5</ng-template>
-  </div>
-</div>
diff --git a/src/components-examples/cdk-experimental/tabs/cdk-explicit-selection/cdk-tabs-explicit-selection-example.ts b/src/components-examples/cdk-experimental/tabs/cdk-explicit-selection/cdk-tabs-explicit-selection-example.ts
deleted file mode 100644
index 5cbb27c0d31f..000000000000
--- a/src/components-examples/cdk-experimental/tabs/cdk-explicit-selection/cdk-tabs-explicit-selection-example.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import {Component} from '@angular/core';
-import {
-  CdkTab,
-  CdkTabs,
-  CdkTabList,
-  CdkTabPanel,
-  CdkTabContent,
-} from '@angular/cdk-experimental/tabs';
-
-/** @title Explicit selection */
-@Component({
-  selector: 'cdk-tabs-explicit-selection-example',
-  exportAs: 'cdkTabsExplicitSelectionExample',
-  templateUrl: 'cdk-tabs-explicit-selection-example.html',
-  styleUrls: ['../cdk-tabs-common.css'],
-  standalone: true,
-  imports: [CdkTabList, CdkTab, CdkTabs, CdkTabPanel, CdkTabContent],
-})
-export class CdkTabsExplicitSelectionExample {}
diff --git a/src/components-examples/cdk-experimental/tabs/cdk-rtl/cdk-tabs-rtl-example.html b/src/components-examples/cdk-experimental/tabs/cdk-rtl/cdk-tabs-rtl-example.html
deleted file mode 100644
index 2f48082a8cf8..000000000000
--- a/src/components-examples/cdk-experimental/tabs/cdk-rtl/cdk-tabs-rtl-example.html
+++ /dev/null
@@ -1,31 +0,0 @@
-<div class="example-container" dir="rtl">
-  <div cdkTabs class="example-tabs">
-    <ul cdkTabList class="example-tablist" tab="tab-1">
-      <li cdkTab value="tab-1" class="example-tab">tab 1</li>
-      <li cdkTab value="tab-2" class="example-tab">tab 2</li>
-      <li cdkTab value="tab-3" class="example-tab">tab 3</li>
-      <li cdkTab value="tab-4" class="example-tab">tab 4</li>
-      <li cdkTab value="tab-5" class="example-tab">tab 5</li>
-    </ul>
-
-    <div cdkTabPanel value="tab-1" class="example-tabpanel">
-      <ng-template cdkTabContent>Tabpanel 1</ng-template>
-    </div>
-
-    <div cdkTabPanel value="tab-2" class="example-tabpanel">
-      <ng-template cdkTabContent>Tabpanel 2</ng-template>
-    </div>
-
-    <div cdkTabPanel value="tab-3" class="example-tabpanel">
-      <ng-template cdkTabContent>Tabpanel 3</ng-template>
-    </div>
-
-    <div cdkTabPanel value="tab-4" class="example-tabpanel">
-      <ng-template cdkTabContent>Tabpanel 4</ng-template>
-    </div>
-
-    <div cdkTabPanel value="tab-5" class="example-tabpanel">
-      <ng-template cdkTabContent>Tabpanel 5</ng-template>
-    </div>
-  </div>
-</div>
diff --git a/src/components-examples/cdk-experimental/tabs/cdk-rtl/cdk-tabs-rtl-example.ts b/src/components-examples/cdk-experimental/tabs/cdk-rtl/cdk-tabs-rtl-example.ts
deleted file mode 100644
index 59f7056c122a..000000000000
--- a/src/components-examples/cdk-experimental/tabs/cdk-rtl/cdk-tabs-rtl-example.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import {Component} from '@angular/core';
-import {Dir} from '@angular/cdk/bidi';
-import {
-  CdkTab,
-  CdkTabs,
-  CdkTabList,
-  CdkTabPanel,
-  CdkTabContent,
-} from '@angular/cdk-experimental/tabs';
-
-/** * @title RTL */
-@Component({
-  selector: 'cdk-tabs-rtl-example',
-  exportAs: 'cdkTabsRtlExample',
-  templateUrl: 'cdk-tabs-rtl-example.html',
-  styleUrls: ['../cdk-tabs-common.css'],
-  standalone: true,
-  imports: [CdkTabList, CdkTab, CdkTabs, CdkTabPanel, CdkTabContent, Dir],
-})
-export class CdkTabsRtlExample {
-  selectedIndex = 0;
-}
diff --git a/src/components-examples/cdk-experimental/tabs/cdk-selection-follows-focus/cdk-tabs-selection-follows-focus-example.html b/src/components-examples/cdk-experimental/tabs/cdk-selection-follows-focus/cdk-tabs-selection-follows-focus-example.html
deleted file mode 100644
index 50ab7ecb51b6..000000000000
--- a/src/components-examples/cdk-experimental/tabs/cdk-selection-follows-focus/cdk-tabs-selection-follows-focus-example.html
+++ /dev/null
@@ -1,29 +0,0 @@
-<div cdkTabs class="example-tabs">
-  <ul cdkTabList class="example-tablist" selectionMode="follow" tab="tab-1">
-    <li cdkTab value="tab-1" class="example-tab">tab 1</li>
-    <li cdkTab value="tab-2" class="example-tab">tab 2</li>
-    <li cdkTab value="tab-3" class="example-tab">tab 3</li>
-    <li cdkTab value="tab-4" class="example-tab">tab 4</li>
-    <li cdkTab value="tab-5" class="example-tab">tab 5</li>
-  </ul>
-
-  <div cdkTabPanel value="tab-1" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 1</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-2" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 2</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-3" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 3</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-4" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 4</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-5" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 5</ng-template>
-  </div>
-</div>
diff --git a/src/components-examples/cdk-experimental/tabs/cdk-selection-follows-focus/cdk-tabs-selection-follows-focus-example.ts b/src/components-examples/cdk-experimental/tabs/cdk-selection-follows-focus/cdk-tabs-selection-follows-focus-example.ts
deleted file mode 100644
index 3ecfe8a1cb07..000000000000
--- a/src/components-examples/cdk-experimental/tabs/cdk-selection-follows-focus/cdk-tabs-selection-follows-focus-example.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import {Component} from '@angular/core';
-import {
-  CdkTab,
-  CdkTabs,
-  CdkTabList,
-  CdkTabPanel,
-  CdkTabContent,
-} from '@angular/cdk-experimental/tabs';
-
-/** @title Selection Follows Focus */
-@Component({
-  selector: 'cdk-tabs-selection-follows-focus-example',
-  exportAs: 'cdkTabsSelectionFollowsFocusExample',
-  templateUrl: 'cdk-tabs-selection-follows-focus-example.html',
-  styleUrls: ['../cdk-tabs-common.css'],
-  standalone: true,
-  imports: [CdkTabList, CdkTab, CdkTabs, CdkTabPanel, CdkTabContent],
-})
-export class CdkTabsSelectionFollowsFocusExample {}
diff --git a/src/components-examples/cdk-experimental/tabs/cdk-vertical-orientation/cdk-tabs-vertical-example.html b/src/components-examples/cdk-experimental/tabs/cdk-vertical-orientation/cdk-tabs-vertical-example.html
deleted file mode 100644
index a409d56e66fa..000000000000
--- a/src/components-examples/cdk-experimental/tabs/cdk-vertical-orientation/cdk-tabs-vertical-example.html
+++ /dev/null
@@ -1,29 +0,0 @@
-<div cdkTabs class="example-tabs">
-  <ul cdkTabList class="example-tablist" orientation="vertical" tab="tab-1">
-    <li cdkTab value="tab-1" class="example-tab">tab 1</li>
-    <li cdkTab value="tab-2" class="example-tab">tab 2</li>
-    <li cdkTab value="tab-3" class="example-tab">tab 3</li>
-    <li cdkTab value="tab-4" class="example-tab">tab 4</li>
-    <li cdkTab value="tab-5" class="example-tab">tab 5</li>
-  </ul>
-
-  <div cdkTabPanel value="tab-1" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 1</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-2" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 2</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-3" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 3</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-4" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 4</ng-template>
-  </div>
-
-  <div cdkTabPanel value="tab-5" class="example-tabpanel">
-    <ng-template cdkTabContent>Tabpanel 5</ng-template>
-  </div>
-</div>
diff --git a/src/components-examples/cdk-experimental/tabs/cdk-vertical-orientation/cdk-tabs-vertical-example.ts b/src/components-examples/cdk-experimental/tabs/cdk-vertical-orientation/cdk-tabs-vertical-example.ts
deleted file mode 100644
index 05d7ab55a440..000000000000
--- a/src/components-examples/cdk-experimental/tabs/cdk-vertical-orientation/cdk-tabs-vertical-example.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import {Component} from '@angular/core';
-import {
-  CdkTab,
-  CdkTabs,
-  CdkTabList,
-  CdkTabPanel,
-  CdkTabContent,
-} from '@angular/cdk-experimental/tabs';
-
-/** @title Vertical */
-@Component({
-  selector: 'cdk-tabs-vertical-example',
-  exportAs: 'cdkTabsVerticalExample',
-  templateUrl: 'cdk-tabs-vertical-example.html',
-  styleUrls: ['../cdk-tabs-common.css'],
-  standalone: true,
-  imports: [CdkTabList, CdkTab, CdkTabs, CdkTabPanel, CdkTabContent],
-})
-export class CdkTabsVerticalExample {}
diff --git a/src/components-examples/cdk-experimental/tabs/index.ts b/src/components-examples/cdk-experimental/tabs/index.ts
deleted file mode 100644
index 177ed8e5d478..000000000000
--- a/src/components-examples/cdk-experimental/tabs/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export {CdkTabsConfigurableExample} from './cdk-tabs-configurable/cdk-tabs-configurable-example';
-export {CdkTabsExplicitSelectionExample} from './cdk-explicit-selection/cdk-tabs-explicit-selection-example';
-export {CdkTabsSelectionFollowsFocusExample} from './cdk-selection-follows-focus/cdk-tabs-selection-follows-focus-example';
-export {CdkTabsVerticalExample} from './cdk-vertical-orientation/cdk-tabs-vertical-example';
-export {CdkTabsRtlExample} from './cdk-rtl/cdk-tabs-rtl-example';
-export {CdkTabsActiveDescendantExample} from './cdk-active-descendant/cdk-tabs-active-descendant-example';
-export {CdkTabsDisabledFocusableExample} from './cdk-disabled-focusable/cdk-tabs-disabled-focusable-example';
-export {CdkTabsDisabledSkippedExample} from './cdk-disabled-skipped/cdk-tabs-disabled-skipped-example';
-export {CdkTabsDisabledExample} from './cdk-disabled/cdk-tabs-disabled-example';
diff --git a/src/components-examples/cdk-experimental/toolbar/index.ts b/src/components-examples/cdk-experimental/toolbar/index.ts
deleted file mode 100644
index cc12535901e8..000000000000
--- a/src/components-examples/cdk-experimental/toolbar/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export {CdkToolbarConfigurableExample} from './cdk-toolbar-configurable/cdk-toolbar-configurable-example';
diff --git a/src/components-examples/cdk-experimental/tree/cdk-tree-active-descendant/cdk-tree-active-descendant-example.html b/src/components-examples/cdk-experimental/tree/cdk-tree-active-descendant/cdk-tree-active-descendant-example.html
deleted file mode 100644
index 3664c058e89a..000000000000
--- a/src/components-examples/cdk-experimental/tree/cdk-tree-active-descendant/cdk-tree-active-descendant-example.html
+++ /dev/null
@@ -1,35 +0,0 @@
-<ul cdkTree focusMode="activedescendant" #tree="cdkTree" class="example-tree">
-  <ng-template
-    [ngTemplateOutlet]="treeNodes"
-    [ngTemplateOutletContext]="{nodes: nodes, parent: tree}"
-  />
-</ul>
-
-<ng-template #treeNodes let-nodes="nodes" let-parent="parent">
-  @for (node of nodes; track node.value) {
-  <li
-    cdkTreeItem
-    [parent]="parent"
-    [value]="node.value"
-    [label]="node.name"
-    [disabled]="node.disabled"
-    #treeItem="cdkTreeItem"
-    class="example-tree-item example-selectable example-stateful"
-  >
-    <span aria-hidden="true" class="material-symbols-outlined example-parent-icon example-icon">{{node.children ? 'chevron_right' : ''}}</span>
-    <span aria-hidden="true" class="material-symbols-outlined example-icon">{{node.children ? 'folder' : 'docs'}}</span>
-    {{ node.name }}
-    <span aria-hidden="true" class="material-symbols-outlined example-selected-icon example-icon">check</span>
-  </li>
-
-  @if (node.children) {
-  <ul cdkTreeItemGroup [ownedBy]="treeItem" #group="cdkTreeItemGroup">
-    <ng-template cdkTreeItemGroupContent>
-      <ng-template
-        [ngTemplateOutlet]="treeNodes"
-        [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
-      />
-    </ng-template>
-  </ul>
-  } }
-</ng-template>
diff --git a/src/components-examples/cdk-experimental/tree/cdk-tree-multi-select-follow-focus/cdk-tree-multi-select-follow-focus-example.html b/src/components-examples/cdk-experimental/tree/cdk-tree-multi-select-follow-focus/cdk-tree-multi-select-follow-focus-example.html
deleted file mode 100644
index 25a07e19fe0d..000000000000
--- a/src/components-examples/cdk-experimental/tree/cdk-tree-multi-select-follow-focus/cdk-tree-multi-select-follow-focus-example.html
+++ /dev/null
@@ -1,35 +0,0 @@
-<ul cdkTree [multi]="true" selectionMode="follow" #tree="cdkTree" class="example-tree">
-  <ng-template
-    [ngTemplateOutlet]="treeNodes"
-    [ngTemplateOutletContext]="{nodes: nodes, parent: tree}"
-  />
-</ul>
-
-<ng-template #treeNodes let-nodes="nodes" let-parent="parent">
-  @for (node of nodes; track node.value) {
-  <li
-    cdkTreeItem
-    [parent]="parent"
-    [value]="node.value"
-    [label]="node.name"
-    [disabled]="node.disabled"
-    #treeItem="cdkTreeItem"
-    class="example-tree-item example-selectable example-stateful"
-  >
-    <span aria-hidden="true" class="material-symbols-outlined example-parent-icon example-icon">{{node.children ? 'chevron_right' : ''}}</span>
-    <span aria-hidden="true" class="material-symbols-outlined example-icon">{{node.children ? 'folder' : 'docs'}}</span>
-    {{ node.name }}
-    <span aria-hidden="true" class="material-symbols-outlined example-selected-icon example-icon">check</span>
-  </li>
-
-  @if (node.children) {
-  <ul cdkTreeItemGroup [ownedBy]="treeItem" #group="cdkTreeItemGroup">
-    <ng-template cdkTreeItemGroupContent>
-      <ng-template
-        [ngTemplateOutlet]="treeNodes"
-        [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
-      />
-    </ng-template>
-  </ul>
-  } }
-</ng-template>
diff --git a/src/components-examples/cdk-experimental/tree/index.ts b/src/components-examples/cdk-experimental/tree/index.ts
deleted file mode 100644
index 06ce14065313..000000000000
--- a/src/components-examples/cdk-experimental/tree/index.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export {CdkTreeConfigurableExample} from './cdk-tree-configurable/cdk-tree-configurable-example';
-export {CdkTreeActiveDescendantExample} from './cdk-tree-active-descendant/cdk-tree-active-descendant-example';
-export {CdkTreeDisabledExample} from './cdk-tree-disabled/cdk-tree-disabled-example';
-export {CdkTreeDisabledFocusableExample} from './cdk-tree-disabled-focusable/cdk-tree-disabled-focusable-example';
-export {CdkTreeDisabledSkippedExample} from './cdk-tree-disabled-skipped/cdk-tree-disabled-skipped-example';
-export {CdkTreeMultiSelectExample} from './cdk-tree-multi-select/cdk-tree-multi-select-example';
-export {CdkTreeMultiSelectFollowFocusExample} from './cdk-tree-multi-select-follow-focus/cdk-tree-multi-select-follow-focus-example';
-export {CdkTreeNavExample} from './cdk-tree-nav/cdk-tree-nav-example';
-export {CdkTreeSingleSelectExample} from './cdk-tree-single-select/cdk-tree-single-select-example';
-export {CdkTreeSingleSelectFollowFocusExample} from './cdk-tree-single-select-follow-focus/cdk-tree-single-select-follow-focus-example';
diff --git a/src/components-examples/config.bzl b/src/components-examples/config.bzl
index c9b41c2e21a2..1dae0ca30833 100644
--- a/src/components-examples/config.bzl
+++ b/src/components-examples/config.bzl
@@ -41,6 +41,13 @@ ALL_EXAMPLES = [
     "//src/components-examples/material-experimental/column-resize",
     "//src/components-examples/material-experimental/popover-edit",
     "//src/components-examples/material-experimental/selection",
+    "//src/components-examples/aria/accordion",
+    "//src/components-examples/aria/combobox",
+    "//src/components-examples/aria/listbox",
+    "//src/components-examples/aria/radio-group",
+    "//src/components-examples/aria/tabs",
+    "//src/components-examples/aria/toolbar",
+    "//src/components-examples/aria/tree",
     "//src/components-examples/cdk/tree",
     "//src/components-examples/cdk/text-field",
     "//src/components-examples/cdk/table",
diff --git a/src/components-examples/package.json b/src/components-examples/package.json
index 6360171e5d6e..8e37c2cc187e 100644
--- a/src/components-examples/package.json
+++ b/src/components-examples/package.json
@@ -24,6 +24,7 @@
   },
   "homepage": "https://github.com/angular/components#readme",
   "peerDependencies": {
+    "@angular/aria": "0.0.0-PLACEHOLDER",
     "@angular/cdk": "0.0.0-PLACEHOLDER",
     "@angular/cdk-experimental": "0.0.0-PLACEHOLDER",
     "@angular/core": "0.0.0-NG",
@@ -35,6 +36,7 @@
     "@angular/material-date-fns-adapter": "0.0.0-PLACEHOLDER"
   },
   "devDependencies": {
+    "@angular/aria": "workspace:*",
     "@angular/cdk": "workspace:*",
     "@angular/cdk-experimental": "workspace:*",
     "@angular/material": "workspace:*",
diff --git a/src/components-examples/tsconfig.json b/src/components-examples/tsconfig.json
index ca771107b710..e6ea50b9e0c6 100644
--- a/src/components-examples/tsconfig.json
+++ b/src/components-examples/tsconfig.json
@@ -5,6 +5,7 @@
     "rootDir": "..",
     "baseUrl": ".",
     "paths": {
+      "@angular/aria/*": ["../aria/*"],
       "@angular/cdk/*": ["../cdk/*"],
       "@angular/cdk-experimental/*": ["../cdk-experimental/*"],
       "@angular/material/*": ["../material/*"],
diff --git a/src/dev-app/BUILD.bazel b/src/dev-app/BUILD.bazel
index 587a0c200587..87030ecb8fdf 100644
--- a/src/dev-app/BUILD.bazel
+++ b/src/dev-app/BUILD.bazel
@@ -25,6 +25,14 @@ ng_project(
         "//:node_modules/@angular/router",
         "//src/cdk/bidi",
         "//src/cdk/overlay",
+        "//src/dev-app/aria-accordion",
+        "//src/dev-app/aria-combobox",
+        "//src/dev-app/aria-listbox",
+        "//src/dev-app/aria-menu",
+        "//src/dev-app/aria-radio-group",
+        "//src/dev-app/aria-tabs",
+        "//src/dev-app/aria-toolbar",
+        "//src/dev-app/aria-tree",
         "//src/dev-app/autocomplete",
         "//src/dev-app/badge",
         "//src/dev-app/baseline",
@@ -33,14 +41,6 @@ ng_project(
         "//src/dev-app/button-toggle",
         "//src/dev-app/card",
         "//src/dev-app/cdk-dialog",
-        "//src/dev-app/cdk-experimental-accordion",
-        "//src/dev-app/cdk-experimental-combobox",
-        "//src/dev-app/cdk-experimental-listbox",
-        "//src/dev-app/cdk-experimental-menu",
-        "//src/dev-app/cdk-experimental-radio-group",
-        "//src/dev-app/cdk-experimental-tabs",
-        "//src/dev-app/cdk-experimental-toolbar",
-        "//src/dev-app/cdk-experimental-tree",
         "//src/dev-app/cdk-listbox",
         "//src/dev-app/cdk-menu",
         "//src/dev-app/checkbox",
diff --git a/src/dev-app/cdk-experimental-tree/BUILD.bazel b/src/dev-app/aria-accordion/BUILD.bazel
similarity index 59%
rename from src/dev-app/cdk-experimental-tree/BUILD.bazel
rename to src/dev-app/aria-accordion/BUILD.bazel
index 13c86f0ae0d9..11021986a50d 100644
--- a/src/dev-app/cdk-experimental-tree/BUILD.bazel
+++ b/src/dev-app/aria-accordion/BUILD.bazel
@@ -3,14 +3,14 @@ load("//tools:defaults.bzl", "ng_project")
 package(default_visibility = ["//visibility:public"])
 
 ng_project(
-    name = "cdk-experimental-tree",
+    name = "aria-accordion",
     srcs = glob(["**/*.ts"]),
     assets = [
-        "cdk-tree-demo.html",
-        "cdk-tree-demo.css",
+        "accordion-demo.html",
+        "accordion-demo.css",
     ],
     deps = [
         "//:node_modules/@angular/core",
-        "//src/components-examples/cdk-experimental/tree",
+        "//src/components-examples/aria/accordion",
     ],
 )
diff --git a/src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.css b/src/dev-app/aria-accordion/accordion-demo.css
similarity index 100%
rename from src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.css
rename to src/dev-app/aria-accordion/accordion-demo.css
diff --git a/src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.html b/src/dev-app/aria-accordion/accordion-demo.html
similarity index 55%
rename from src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.html
rename to src/dev-app/aria-accordion/accordion-demo.html
index 6b3ff1585dfc..b457b2c5a378 100644
--- a/src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.html
+++ b/src/dev-app/aria-accordion/accordion-demo.html
@@ -2,32 +2,32 @@
   <div class="example-accordion-grid">
     <div class="example-accordion-container">
       <h2>Single Expansion</h2>
-      <cdk-accordion-single-expansion-example></cdk-accordion-single-expansion-example>
+      <accordion-single-expansion-example></accordion-single-expansion-example>
     </div>
 
     <div class="example-accordion-container">
       <h2>Multi Expansion</h2>
-      <cdk-accordion-multi-expansion-example></cdk-accordion-multi-expansion-example>
+      <accordion-multi-expansion-example></accordion-multi-expansion-example>
     </div>
 
     <div class="example-accordion-container">
       <h2>Disabled Accordions are Focusable</h2>
-      <cdk-accordion-disabled-focusable-example></cdk-accordion-disabled-focusable-example>
+      <accordion-disabled-focusable-example></accordion-disabled-focusable-example>
     </div>
 
     <div class="example-accordion-container">
       <h2>Disabled Accordions are Skipped</h2>
-      <cdk-accordion-disabled-skipped-example></cdk-accordion-disabled-skipped-example>
+      <accordion-disabled-skipped-example></accordion-disabled-skipped-example>
     </div>
 
     <div class="example-accordion-container">
       <h2>Disabled</h2>
-      <cdk-accordion-disabled-example></cdk-accordion-disabled-example>
+      <accordion-disabled-example></accordion-disabled-example>
     </div>
   </div>
 
   <div class="example-configurable-accordion-container">
     <h2>Configurable</h2>
-    <cdk-accordion-configurable-example></cdk-accordion-configurable-example>
+    <accordion-configurable-example></accordion-configurable-example>
   </div>
 </div>
diff --git a/src/dev-app/aria-accordion/accordion-demo.ts b/src/dev-app/aria-accordion/accordion-demo.ts
new file mode 100644
index 000000000000..75ff01621683
--- /dev/null
+++ b/src/dev-app/aria-accordion/accordion-demo.ts
@@ -0,0 +1,33 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+
+import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
+import {
+  AccordionConfigurableExample,
+  AccordionDisabledExample,
+  AccordionDisabledFocusableExample,
+  AccordionDisabledSkippedExample,
+  AccordionMultiExpansionExample,
+  AccordionSingleExpansionExample,
+} from '@angular/components-examples/aria/accordion';
+
+@Component({
+  templateUrl: 'accordion-demo.html',
+  styleUrl: 'accordion-demo.css',
+  imports: [
+    AccordionConfigurableExample,
+    AccordionSingleExpansionExample,
+    AccordionMultiExpansionExample,
+    AccordionDisabledFocusableExample,
+    AccordionDisabledSkippedExample,
+    AccordionDisabledExample,
+  ],
+  encapsulation: ViewEncapsulation.None,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class AccordionDemo {}
diff --git a/src/dev-app/cdk-experimental-tabs/BUILD.bazel b/src/dev-app/aria-combobox/BUILD.bazel
similarity index 59%
rename from src/dev-app/cdk-experimental-tabs/BUILD.bazel
rename to src/dev-app/aria-combobox/BUILD.bazel
index d2ac9cffd468..1b104efcd782 100644
--- a/src/dev-app/cdk-experimental-tabs/BUILD.bazel
+++ b/src/dev-app/aria-combobox/BUILD.bazel
@@ -3,14 +3,14 @@ load("//tools:defaults.bzl", "ng_project")
 package(default_visibility = ["//visibility:public"])
 
 ng_project(
-    name = "cdk-experimental-tabs",
+    name = "aria-combobox",
     srcs = glob(["**/*.ts"]),
     assets = [
-        "cdk-tabs-demo.html",
-        "cdk-tabs-demo.css",
+        "combobox-demo.html",
+        "combobox-demo.css",
     ],
     deps = [
         "//:node_modules/@angular/core",
-        "//src/components-examples/cdk-experimental/tabs",
+        "//src/components-examples/aria/combobox",
     ],
 )
diff --git a/src/dev-app/cdk-experimental-combobox/cdk-combobox-demo.css b/src/dev-app/aria-combobox/combobox-demo.css
similarity index 100%
rename from src/dev-app/cdk-experimental-combobox/cdk-combobox-demo.css
rename to src/dev-app/aria-combobox/combobox-demo.css
diff --git a/src/dev-app/cdk-experimental-combobox/cdk-combobox-demo.html b/src/dev-app/aria-combobox/combobox-demo.html
similarity index 61%
rename from src/dev-app/cdk-experimental-combobox/cdk-combobox-demo.html
rename to src/dev-app/aria-combobox/combobox-demo.html
index 2bc6cf0c0f45..2a5bd48182a0 100644
--- a/src/dev-app/cdk-experimental-combobox/cdk-combobox-demo.html
+++ b/src/dev-app/aria-combobox/combobox-demo.html
@@ -2,32 +2,32 @@
   <div class="example-combobox-grid">
     <div class="example-combobox-container">
       <h2>Combobox with manual filtering</h2>
-      <cdk-combobox-manual-example></cdk-combobox-manual-example>
+      <combobox-manual-example></combobox-manual-example>
     </div>
 
     <div class="example-combobox-container">
       <h2>Combobox with auto-select filtering</h2>
-      <cdk-combobox-auto-select-example></cdk-combobox-auto-select-example>
+      <combobox-auto-select-example></combobox-auto-select-example>
     </div>
 
     <div class="example-combobox-container">
       <h2>Combobox with highlight filtering</h2>
-      <cdk-combobox-highlight-example></cdk-combobox-highlight-example>
+      <combobox-highlight-example></combobox-highlight-example>
     </div>
 
     <div class="example-combobox-container">
       <h2>Combobox with tree popup and manual filtering</h2>
-      <cdk-combobox-tree-manual-example></cdk-combobox-tree-manual-example>
+      <combobox-tree-manual-example></combobox-tree-manual-example>
     </div>
 
     <div class="example-combobox-container">
       <h2>Combobox with tree popup and auto-select filtering</h2>
-      <cdk-combobox-tree-auto-select-example></cdk-combobox-tree-auto-select-example>
+      <combobox-tree-auto-select-example></combobox-tree-auto-select-example>
     </div>
 
     <div class="example-combobox-container">
       <h2>Combobox with tree popup and highlight filtering</h2>
-      <cdk-combobox-tree-highlight-example></cdk-combobox-tree-highlight-example>
+      <combobox-tree-highlight-example></combobox-tree-highlight-example>
     </div>
   </div>
 </div>
diff --git a/src/dev-app/aria-combobox/combobox-demo.ts b/src/dev-app/aria-combobox/combobox-demo.ts
new file mode 100644
index 000000000000..a013d1dc1f5f
--- /dev/null
+++ b/src/dev-app/aria-combobox/combobox-demo.ts
@@ -0,0 +1,32 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+
+import {
+  ComboboxAutoSelectExample,
+  ComboboxHighlightExample,
+  ComboboxManualExample,
+  ComboboxTreeAutoSelectExample,
+  ComboboxTreeHighlightExample,
+  ComboboxTreeManualExample,
+} from '@angular/components-examples/aria/combobox';
+import {ChangeDetectionStrategy, Component} from '@angular/core';
+
+@Component({
+  templateUrl: 'combobox-demo.html',
+  styleUrl: 'combobox-demo.css',
+  imports: [
+    ComboboxManualExample,
+    ComboboxAutoSelectExample,
+    ComboboxHighlightExample,
+    ComboboxTreeManualExample,
+    ComboboxTreeAutoSelectExample,
+    ComboboxTreeHighlightExample,
+  ],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ComboboxDemo {}
diff --git a/src/dev-app/cdk-experimental-listbox/BUILD.bazel b/src/dev-app/aria-listbox/BUILD.bazel
similarity index 57%
rename from src/dev-app/cdk-experimental-listbox/BUILD.bazel
rename to src/dev-app/aria-listbox/BUILD.bazel
index 7ce8d5e6e985..2d8861311d8a 100644
--- a/src/dev-app/cdk-experimental-listbox/BUILD.bazel
+++ b/src/dev-app/aria-listbox/BUILD.bazel
@@ -3,14 +3,14 @@ load("//tools:defaults.bzl", "ng_project")
 package(default_visibility = ["//visibility:public"])
 
 ng_project(
-    name = "cdk-experimental-listbox",
+    name = "aria-listbox",
     srcs = glob(["**/*.ts"]),
     assets = [
-        "cdk-listbox-demo.html",
-        ":cdk-listbox-demo.css",
+        "listbox-demo.html",
+        ":listbox-demo.css",
     ],
     deps = [
         "//:node_modules/@angular/core",
-        "//src/components-examples/cdk-experimental/listbox",
+        "//src/components-examples/aria/listbox",
     ],
 )
diff --git a/src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.css b/src/dev-app/aria-listbox/listbox-demo.css
similarity index 100%
rename from src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.css
rename to src/dev-app/aria-listbox/listbox-demo.css
diff --git a/src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.html b/src/dev-app/aria-listbox/listbox-demo.html
similarity index 55%
rename from src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.html
rename to src/dev-app/aria-listbox/listbox-demo.html
index 15c68e8c2d7b..1ab49689703e 100644
--- a/src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.html
+++ b/src/dev-app/aria-listbox/listbox-demo.html
@@ -2,62 +2,62 @@
   <div class="example-listbox-grid">
     <div class="example-listbox-container">
       <h2>Multi Select w/ Selection Follows Focus</h2>
-      <cdk-listbox-multi-select-follow-focus-example></cdk-listbox-multi-select-follow-focus-example>
+      <listbox-multi-select-follow-focus-example></listbox-multi-select-follow-focus-example>
     </div>
 
     <div class="example-listbox-container">
       <h2>Single Select w/ Selection Follows Focus</h2>
-      <cdk-listbox-single-select-follow-focus-example></cdk-listbox-single-select-follow-focus-example>
+      <listbox-single-select-follow-focus-example></listbox-single-select-follow-focus-example>
     </div>
 
     <div class="example-listbox-container">
       <h2>Multi Select</h2>
-      <cdk-listbox-multi-select-example></cdk-listbox-multi-select-example>
+      <listbox-multi-select-example></listbox-multi-select-example>
     </div>
 
     <div class="example-listbox-container">
       <h2>Single Select</h2>
-      <cdk-listbox-single-select-example></cdk-listbox-single-select-example>
+      <listbox-single-select-example></listbox-single-select-example>
     </div>
 
     <div class="example-listbox-container">
       <h2>Disabled</h2>
-      <cdk-listbox-disabled-example></cdk-listbox-disabled-example>
+      <listbox-disabled-example></listbox-disabled-example>
     </div>
 
     <div class="example-listbox-container">
       <h2>Readonly</h2>
-      <cdk-listbox-readonly-example></cdk-listbox-readonly-example>
+      <listbox-readonly-example></listbox-readonly-example>
     </div>
 
     <div class="example-listbox-container">
       <h2>Disabled Options are Skipped</h2>
-      <cdk-listbox-disabled-skipped-example></cdk-listbox-disabled-skipped-example>
+      <listbox-disabled-skipped-example></listbox-disabled-skipped-example>
     </div>
 
     <div class="example-listbox-container">
       <h2>Disabled Options are Focusable</h2>
-      <cdk-listbox-disabled-focusable-example></cdk-listbox-disabled-focusable-example>
+      <listbox-disabled-focusable-example></listbox-disabled-focusable-example>
     </div>
 
     <div class="example-listbox-container">
       <h2>Active Descendant</h2>
-      <cdk-listbox-active-descendant-example></cdk-listbox-active-descendant-example>
+      <listbox-active-descendant-example></listbox-active-descendant-example>
     </div>
 
     <div class="example-listbox-container">
       <h2 dir="rtl">RTL & Horizontal Orientation</h2>
-      <cdk-listbox-rtl-horizontal-example></cdk-listbox-rtl-horizontal-example>
+      <listbox-rtl-horizontal-example></listbox-rtl-horizontal-example>
     </div>
 
     <div class="example-listbox-container">
       <h2>Horizontal Orientation</h2>
-      <cdk-listbox-horizontal-example></cdk-listbox-horizontal-example>
+      <listbox-horizontal-example></listbox-horizontal-example>
     </div>
   </div>
 
   <div class="example-configurable-listbox-container">
     <h2>Configurable</h2>
-    <cdk-listbox-configurable-example></cdk-listbox-configurable-example>
+    <listbox-configurable-example></listbox-configurable-example>
   </div>
 </div>
diff --git a/src/dev-app/aria-listbox/listbox-demo.ts b/src/dev-app/aria-listbox/listbox-demo.ts
new file mode 100644
index 000000000000..d5c09fc66701
--- /dev/null
+++ b/src/dev-app/aria-listbox/listbox-demo.ts
@@ -0,0 +1,45 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+
+import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
+import {
+  ListboxConfigurableExample,
+  ListboxSingleSelectExample,
+  ListboxMultiSelectExample,
+  ListboxSingleSelectFollowFocusExample,
+  ListboxMultiSelectFollowFocusExample,
+  ListboxHorizontalExample,
+  ListboxRtlHorizontalExample,
+  ListboxActiveDescendantExample,
+  ListboxDisabledFocusableExample,
+  ListboxDisabledSkippedExample,
+  ListboxReadonlyExample,
+  ListboxDisabledExample,
+} from '@angular/components-examples/aria/listbox';
+
+@Component({
+  templateUrl: 'listbox-demo.html',
+  imports: [
+    ListboxConfigurableExample,
+    ListboxSingleSelectExample,
+    ListboxMultiSelectExample,
+    ListboxSingleSelectFollowFocusExample,
+    ListboxMultiSelectFollowFocusExample,
+    ListboxHorizontalExample,
+    ListboxRtlHorizontalExample,
+    ListboxActiveDescendantExample,
+    ListboxDisabledFocusableExample,
+    ListboxDisabledSkippedExample,
+    ListboxReadonlyExample,
+    ListboxDisabledExample,
+  ],
+  styleUrl: 'listbox-demo.css',
+  encapsulation: ViewEncapsulation.None,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ListboxDemo {}
diff --git a/src/dev-app/cdk-experimental-menu/BUILD.bazel b/src/dev-app/aria-menu/BUILD.bazel
similarity index 70%
rename from src/dev-app/cdk-experimental-menu/BUILD.bazel
rename to src/dev-app/aria-menu/BUILD.bazel
index 86c19d009c5d..27807f6c7f5b 100644
--- a/src/dev-app/cdk-experimental-menu/BUILD.bazel
+++ b/src/dev-app/aria-menu/BUILD.bazel
@@ -3,11 +3,11 @@ load("//tools:defaults.bzl", "ng_project")
 package(default_visibility = ["//visibility:public"])
 
 ng_project(
-    name = "cdk-experimental-menu",
+    name = "aria-menu",
     srcs = glob(["**/*.ts"]),
     assets = [
-        "cdk-menu-demo.html",
-        ":cdk-menu-demo.css",
+        "menu-demo.html",
+        ":menu-demo.css",
     ],
     deps = [
         "//:node_modules/@angular/core",
diff --git a/src/dev-app/cdk-experimental-menu/cdk-menu-demo.css b/src/dev-app/aria-menu/menu-demo.css
similarity index 100%
rename from src/dev-app/cdk-experimental-menu/cdk-menu-demo.css
rename to src/dev-app/aria-menu/menu-demo.css
diff --git a/src/dev-app/aria-menu/menu-demo.html b/src/dev-app/aria-menu/menu-demo.html
new file mode 100644
index 000000000000..bc49b0f09a20
--- /dev/null
+++ b/src/dev-app/aria-menu/menu-demo.html
@@ -0,0 +1 @@
+<p>aria-menu coming soon!</p>
diff --git a/src/dev-app/cdk-experimental-menu/cdk-menu-demo.ts b/src/dev-app/aria-menu/menu-demo.ts
similarity index 78%
rename from src/dev-app/cdk-experimental-menu/cdk-menu-demo.ts
rename to src/dev-app/aria-menu/menu-demo.ts
index de11c3f27355..152b189d0a9f 100644
--- a/src/dev-app/cdk-experimental-menu/cdk-menu-demo.ts
+++ b/src/dev-app/aria-menu/menu-demo.ts
@@ -9,9 +9,9 @@
 import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
 
 @Component({
-  templateUrl: 'cdk-menu-demo.html',
-  styleUrl: 'cdk-menu-demo.css',
+  templateUrl: 'menu-demo.html',
+  styleUrl: 'menu-demo.css',
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class CdkExperimentalMenuDemo {}
+export class MenuDemo {}
diff --git a/src/dev-app/aria-radio-group/BUILD.bazel b/src/dev-app/aria-radio-group/BUILD.bazel
new file mode 100644
index 000000000000..f9824cfb7fab
--- /dev/null
+++ b/src/dev-app/aria-radio-group/BUILD.bazel
@@ -0,0 +1,16 @@
+load("//tools:defaults.bzl", "ng_project")
+
+package(default_visibility = ["//visibility:public"])
+
+ng_project(
+    name = "aria-radio-group",
+    srcs = glob(["**/*.ts"]),
+    assets = [
+        "radio-group-demo.html",
+        ":radio-group-demo.css",
+    ],
+    deps = [
+        "//:node_modules/@angular/core",
+        "//src/components-examples/aria/radio-group",
+    ],
+)
diff --git a/src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.css b/src/dev-app/aria-radio-group/radio-group-demo.css
similarity index 100%
rename from src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.css
rename to src/dev-app/aria-radio-group/radio-group-demo.css
diff --git a/src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.html b/src/dev-app/aria-radio-group/radio-group-demo.html
similarity index 54%
rename from src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.html
rename to src/dev-app/aria-radio-group/radio-group-demo.html
index 27df72c8f36a..43adee741b9d 100644
--- a/src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.html
+++ b/src/dev-app/aria-radio-group/radio-group-demo.html
@@ -2,47 +2,47 @@
   <div class="example-radio-grid">
     <div class="example-radio-container">
       <h2>Standard</h2>
-      <cdk-radio-group-standard-example></cdk-radio-group-standard-example>
+      <radio-group-standard-example></radio-group-standard-example>
     </div>
 
     <div class="example-radio-container">
       <h2>Horizontal Orientation</h2>
-      <cdk-radio-group-horizontal-example></cdk-radio-group-horizontal-example>
+      <radio-group-horizontal-example></radio-group-horizontal-example>
     </div>
 
     <div class="example-radio-container">
       <h2 dir="rtl">RTL & Horizontal Orientation</h2>
-      <cdk-radio-group-rtl-horizontal-example></cdk-radio-group-rtl-horizontal-example>
+      <radio-group-rtl-horizontal-example></radio-group-rtl-horizontal-example>
     </div>
 
     <div class="example-radio-container">
       <h2>Active Descendant</h2>
-      <cdk-radio-group-active-descendant-example></cdk-radio-group-active-descendant-example>
+      <radio-group-active-descendant-example></radio-group-active-descendant-example>
     </div>
 
     <div class="example-radio-container">
       <h2>Disabled Radio Buttons are Focusable</h2>
-      <cdk-radio-group-disabled-focusable-example></cdk-radio-group-disabled-focusable-example>
+      <radio-group-disabled-focusable-example></radio-group-disabled-focusable-example>
     </div>
 
     <div class="example-radio-container">
       <h2>Disabled Radio Buttons are Skipped</h2>
-      <cdk-radio-group-disabled-skipped-example></cdk-radio-group-disabled-skipped-example>
+      <radio-group-disabled-skipped-example></radio-group-disabled-skipped-example>
     </div>
 
     <div class="example-radio-container">
       <h2>Readonly</h2>
-      <cdk-radio-group-readonly-example></cdk-radio-group-readonly-example>
+      <radio-group-readonly-example></radio-group-readonly-example>
     </div>
 
     <div class="example-radio-container">
       <h2>Disabled</h2>
-      <cdk-radio-group-disabled-example></cdk-radio-group-disabled-example>
+      <radio-group-disabled-example></radio-group-disabled-example>
     </div>
   </div>
 
   <div class="example-configurable-radio-container">
     <h2>Configurable</h2>
-    <cdk-radio-group-configurable-example></cdk-radio-group-configurable-example>
+    <radio-group-configurable-example></radio-group-configurable-example>
   </div>
 </div>
diff --git a/src/dev-app/aria-radio-group/radio-group-demo.ts b/src/dev-app/aria-radio-group/radio-group-demo.ts
new file mode 100644
index 000000000000..27dd3f929ed2
--- /dev/null
+++ b/src/dev-app/aria-radio-group/radio-group-demo.ts
@@ -0,0 +1,39 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+
+import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
+import {
+  RadioGroupConfigurableExample,
+  RadioGroupStandardExample,
+  RadioGroupHorizontalExample,
+  RadioGroupRtlHorizontalExample,
+  RadioGroupActiveDescendantExample,
+  RadioGroupDisabledFocusableExample,
+  RadioGroupDisabledSkippedExample,
+  RadioGroupReadonlyExample,
+  RadioGroupDisabledExample,
+} from '@angular/components-examples/aria/radio-group';
+
+@Component({
+  templateUrl: 'radio-group-demo.html',
+  imports: [
+    RadioGroupStandardExample,
+    RadioGroupHorizontalExample,
+    RadioGroupRtlHorizontalExample,
+    RadioGroupActiveDescendantExample,
+    RadioGroupDisabledFocusableExample,
+    RadioGroupDisabledSkippedExample,
+    RadioGroupReadonlyExample,
+    RadioGroupDisabledExample,
+    RadioGroupConfigurableExample,
+  ],
+  styleUrl: './radio-group-demo.css',
+  encapsulation: ViewEncapsulation.None,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class RadioGroupDemo {}
diff --git a/src/dev-app/aria-tabs/BUILD.bazel b/src/dev-app/aria-tabs/BUILD.bazel
new file mode 100644
index 000000000000..b453717e84ee
--- /dev/null
+++ b/src/dev-app/aria-tabs/BUILD.bazel
@@ -0,0 +1,16 @@
+load("//tools:defaults.bzl", "ng_project")
+
+package(default_visibility = ["//visibility:public"])
+
+ng_project(
+    name = "aria-tabs",
+    srcs = glob(["**/*.ts"]),
+    assets = [
+        "tabs-demo.html",
+        "tabs-demo.css",
+    ],
+    deps = [
+        "//:node_modules/@angular/core",
+        "//src/components-examples/aria/tabs",
+    ],
+)
diff --git a/src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.css b/src/dev-app/aria-tabs/tabs-demo.css
similarity index 100%
rename from src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.css
rename to src/dev-app/aria-tabs/tabs-demo.css
diff --git a/src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.html b/src/dev-app/aria-tabs/tabs-demo.html
similarity index 54%
rename from src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.html
rename to src/dev-app/aria-tabs/tabs-demo.html
index 5829f4ccc56f..3fae6f69744d 100644
--- a/src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.html
+++ b/src/dev-app/aria-tabs/tabs-demo.html
@@ -1,46 +1,46 @@
 <div class="example-tabs-grid">
   <div class="example-tabs-container">
     <h2>Standard</h2>
-    <cdk-tabs-explicit-selection-example></cdk-tabs-explicit-selection-example>
+    <tabs-explicit-selection-example></tabs-explicit-selection-example>
   </div>
 
   <div class="example-tabs-container">
     <h2>Selection Follows Focus</h2>
-    <cdk-tabs-selection-follows-focus-example></cdk-tabs-selection-follows-focus-example>
+    <tabs-selection-follows-focus-example></tabs-selection-follows-focus-example>
   </div>
 
   <div class="example-tabs-container">
     <h2>Vertical Orientation</h2>
-    <cdk-tabs-vertical-example></cdk-tabs-vertical-example>
+    <tabs-vertical-example></tabs-vertical-example>
   </div>
 
   <div class="example-tabs-container">
     <h2>RTL</h2>
-    <cdk-tabs-rtl-example></cdk-tabs-rtl-example>
+    <tabs-rtl-example></tabs-rtl-example>
   </div>
 
   <div class="example-tabs-container">
     <h2>Active Descendant</h2>
-    <cdk-tabs-active-descendant-example></cdk-tabs-active-descendant-example>
+    <tabs-active-descendant-example></tabs-active-descendant-example>
   </div>
 
   <div class="example-tabs-container">
     <h2>Disabled Tabs are Focusable</h2>
-    <cdk-tabs-disabled-focusable-example></cdk-tabs-disabled-focusable-example>
+    <tabs-disabled-focusable-example></tabs-disabled-focusable-example>
   </div>
 
   <div class="example-tabs-container">
     <h2>Disabled Tabs are Skipped</h2>
-    <cdk-tabs-disabled-skipped-example></cdk-tabs-disabled-skipped-example>
+    <tabs-disabled-skipped-example></tabs-disabled-skipped-example>
   </div>
 
   <div class="example-tabs-container">
     <h2>Disabled</h2>
-    <cdk-tabs-disabled-example></cdk-tabs-disabled-example>
+    <tabs-disabled-example></tabs-disabled-example>
   </div>
 </div>
 
 <div class="example-configurable-tabs-container">
   <h2>Configurable</h2>
-  <cdk-tabs-configurable-example></cdk-tabs-configurable-example>
+  <tabs-configurable-example></tabs-configurable-example>
 </div>
diff --git a/src/dev-app/aria-tabs/tabs-demo.ts b/src/dev-app/aria-tabs/tabs-demo.ts
new file mode 100644
index 000000000000..a1cb0705920e
--- /dev/null
+++ b/src/dev-app/aria-tabs/tabs-demo.ts
@@ -0,0 +1,39 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+
+import {ChangeDetectionStrategy, Component} from '@angular/core';
+import {
+  TabsConfigurableExample,
+  TabsExplicitSelectionExample,
+  TabsSelectionFollowsFocusExample,
+  TabsVerticalExample,
+  TabsRtlExample,
+  TabsActiveDescendantExample,
+  TabsDisabledFocusableExample,
+  TabsDisabledSkippedExample,
+  TabsDisabledExample,
+} from '@angular/components-examples/aria/tabs';
+
+@Component({
+  selector: 'aria-tabs-demo',
+  templateUrl: 'tabs-demo.html',
+  styleUrls: ['tabs-demo.css'],
+  imports: [
+    TabsConfigurableExample,
+    TabsExplicitSelectionExample,
+    TabsSelectionFollowsFocusExample,
+    TabsVerticalExample,
+    TabsRtlExample,
+    TabsActiveDescendantExample,
+    TabsDisabledFocusableExample,
+    TabsDisabledSkippedExample,
+    TabsDisabledExample,
+  ],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class TabsDemo {}
diff --git a/src/dev-app/aria-toolbar/BUILD.bazel b/src/dev-app/aria-toolbar/BUILD.bazel
new file mode 100644
index 000000000000..2e0744179e6c
--- /dev/null
+++ b/src/dev-app/aria-toolbar/BUILD.bazel
@@ -0,0 +1,16 @@
+load("//tools:defaults.bzl", "ng_project")
+
+package(default_visibility = ["//visibility:public"])
+
+ng_project(
+    name = "aria-toolbar",
+    srcs = glob(["**/*.ts"]),
+    assets = [
+        "toolbar-demo.html",
+        ":toolbar-demo.css",
+    ],
+    deps = [
+        "//:node_modules/@angular/core",
+        "//src/components-examples/aria/toolbar",
+    ],
+)
diff --git a/src/dev-app/cdk-experimental-toolbar/cdk-toolbar-demo.css b/src/dev-app/aria-toolbar/toolbar-demo.css
similarity index 100%
rename from src/dev-app/cdk-experimental-toolbar/cdk-toolbar-demo.css
rename to src/dev-app/aria-toolbar/toolbar-demo.css
diff --git a/src/dev-app/cdk-experimental-toolbar/cdk-toolbar-demo.html b/src/dev-app/aria-toolbar/toolbar-demo.html
similarity index 67%
rename from src/dev-app/cdk-experimental-toolbar/cdk-toolbar-demo.html
rename to src/dev-app/aria-toolbar/toolbar-demo.html
index 9be25e4eea57..46fc505f461a 100644
--- a/src/dev-app/cdk-experimental-toolbar/cdk-toolbar-demo.html
+++ b/src/dev-app/aria-toolbar/toolbar-demo.html
@@ -2,7 +2,7 @@
   <div class="example-radio-grid">
     <div class="example-configurable-radio-container">
         <h4>Configurable CDK Toolbar</h4>
-        <cdk-toolbar-configurable-example></cdk-toolbar-configurable-example>
+        <toolbar-configurable-example></toolbar-configurable-example>
     </div>
   </div>
 </div>
\ No newline at end of file
diff --git a/src/dev-app/cdk-experimental-toolbar/cdk-toolbar-demo.ts b/src/dev-app/aria-toolbar/toolbar-demo.ts
similarity index 59%
rename from src/dev-app/cdk-experimental-toolbar/cdk-toolbar-demo.ts
rename to src/dev-app/aria-toolbar/toolbar-demo.ts
index bc58ca58b5cf..1c26818b393d 100644
--- a/src/dev-app/cdk-experimental-toolbar/cdk-toolbar-demo.ts
+++ b/src/dev-app/aria-toolbar/toolbar-demo.ts
@@ -7,13 +7,13 @@
  */
 
 import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
-import {CdkToolbarConfigurableExample} from '@angular/components-examples/cdk-experimental/toolbar';
+import {ToolbarConfigurableExample} from '@angular/components-examples/aria/toolbar';
 
 @Component({
-  templateUrl: 'cdk-toolbar-demo.html',
-  imports: [CdkToolbarConfigurableExample],
-  styleUrl: './cdk-toolbar-demo.css',
+  templateUrl: 'toolbar-demo.html',
+  imports: [ToolbarConfigurableExample],
+  styleUrl: './toolbar-demo.css',
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class CdkExperimentalToolbarDemo {}
+export class ToolbarDemo {}
diff --git a/src/dev-app/aria-tree/BUILD.bazel b/src/dev-app/aria-tree/BUILD.bazel
new file mode 100644
index 000000000000..4b3d120240b9
--- /dev/null
+++ b/src/dev-app/aria-tree/BUILD.bazel
@@ -0,0 +1,16 @@
+load("//tools:defaults.bzl", "ng_project")
+
+package(default_visibility = ["//visibility:public"])
+
+ng_project(
+    name = "aria-tree",
+    srcs = glob(["**/*.ts"]),
+    assets = [
+        "tree-demo.html",
+        "tree-demo.css",
+    ],
+    deps = [
+        "//:node_modules/@angular/core",
+        "//src/components-examples/aria/tree",
+    ],
+)
diff --git a/src/dev-app/cdk-experimental-tree/cdk-tree-demo.css b/src/dev-app/aria-tree/tree-demo.css
similarity index 100%
rename from src/dev-app/cdk-experimental-tree/cdk-tree-demo.css
rename to src/dev-app/aria-tree/tree-demo.css
diff --git a/src/dev-app/cdk-experimental-tree/cdk-tree-demo.html b/src/dev-app/aria-tree/tree-demo.html
similarity index 56%
rename from src/dev-app/cdk-experimental-tree/cdk-tree-demo.html
rename to src/dev-app/aria-tree/tree-demo.html
index 3d530113dd1f..3003bb1817ea 100644
--- a/src/dev-app/cdk-experimental-tree/cdk-tree-demo.html
+++ b/src/dev-app/aria-tree/tree-demo.html
@@ -2,52 +2,52 @@
   <div class="example-tree-grid">
     <div class="example-tree-container">
       <h2>Multi Select with Selection Follows Focus</h2>
-      <cdk-tree-multi-select-follow-focus-example></cdk-tree-multi-select-follow-focus-example>
+      <tree-multi-select-follow-focus-example></tree-multi-select-follow-focus-example>
     </div>
 
     <div class="example-tree-container">
       <h2>Single Select with Selection Follows Focus</h2>
-      <cdk-tree-single-select-follow-focus-example></cdk-tree-single-select-follow-focus-example>
+      <tree-single-select-follow-focus-example></tree-single-select-follow-focus-example>
     </div>
 
     <div class="example-tree-container">
       <h2>Multi Select</h2>
-      <cdk-tree-multi-select-example></cdk-tree-multi-select-example>
+      <tree-multi-select-example></tree-multi-select-example>
     </div>
 
     <div class="example-tree-container">
       <h2>Single Select</h2>
-      <cdk-tree-single-select-example></cdk-tree-single-select-example>
+      <tree-single-select-example></tree-single-select-example>
     </div>
 
     <div class="example-tree-container">
       <h2>Disabled</h2>
-      <cdk-tree-disabled-example></cdk-tree-disabled-example>
+      <tree-disabled-example></tree-disabled-example>
     </div>
 
     <div class="example-tree-container">
       <h2>Disabled Options are Skipped</h2>
-      <cdk-tree-disabled-skipped-example></cdk-tree-disabled-skipped-example>
+      <tree-disabled-skipped-example></tree-disabled-skipped-example>
     </div>
 
     <div class="example-tree-container">
       <h2>Disabled Options are Focusable</h2>
-      <cdk-tree-disabled-focusable-example></cdk-tree-disabled-focusable-example>
+      <tree-disabled-focusable-example></tree-disabled-focusable-example>
     </div>
 
     <div class="example-tree-container">
       <h2>Active Descendant</h2>
-      <cdk-tree-active-descendant-example></cdk-tree-active-descendant-example>
+      <tree-active-descendant-example></tree-active-descendant-example>
     </div>
 
     <div class="example-tree-container">
       <h2>Nav Mode</h2>
-      <cdk-tree-nav-example></cdk-tree-nav-example>
+      <tree-nav-example></tree-nav-example>
     </div>
   </div>
 
   <div class="example-configurable-tree-container">
     <h2>Configurable</h2>
-    <cdk-tree-configurable-example></cdk-tree-configurable-example>
+    <tree-configurable-example></tree-configurable-example>
   </div>
 </div>
diff --git a/src/dev-app/aria-tree/tree-demo.ts b/src/dev-app/aria-tree/tree-demo.ts
new file mode 100644
index 000000000000..9807633d0653
--- /dev/null
+++ b/src/dev-app/aria-tree/tree-demo.ts
@@ -0,0 +1,41 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+
+import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
+import {
+  TreeConfigurableExample,
+  TreeActiveDescendantExample,
+  TreeDisabledExample,
+  TreeDisabledFocusableExample,
+  TreeDisabledSkippedExample,
+  TreeMultiSelectExample,
+  TreeMultiSelectFollowFocusExample,
+  TreeNavExample,
+  TreeSingleSelectExample,
+  TreeSingleSelectFollowFocusExample,
+} from '@angular/components-examples/aria/tree';
+
+@Component({
+  templateUrl: 'tree-demo.html',
+  imports: [
+    TreeConfigurableExample,
+    TreeActiveDescendantExample,
+    TreeDisabledExample,
+    TreeDisabledFocusableExample,
+    TreeDisabledSkippedExample,
+    TreeMultiSelectExample,
+    TreeMultiSelectFollowFocusExample,
+    TreeNavExample,
+    TreeSingleSelectExample,
+    TreeSingleSelectFollowFocusExample,
+  ],
+  styleUrl: 'tree-demo.css',
+  encapsulation: ViewEncapsulation.None,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class TreeDemo {}
diff --git a/src/dev-app/cdk-experimental-accordion/BUILD.bazel b/src/dev-app/cdk-experimental-accordion/BUILD.bazel
deleted file mode 100644
index e188392476bb..000000000000
--- a/src/dev-app/cdk-experimental-accordion/BUILD.bazel
+++ /dev/null
@@ -1,16 +0,0 @@
-load("//tools:defaults.bzl", "ng_project")
-
-package(default_visibility = ["//visibility:public"])
-
-ng_project(
-    name = "cdk-experimental-accordion",
-    srcs = glob(["**/*.ts"]),
-    assets = [
-        "cdk-accordion-demo.html",
-        "cdk-accordion-demo.css",
-    ],
-    deps = [
-        "//:node_modules/@angular/core",
-        "//src/components-examples/cdk-experimental/accordion",
-    ],
-)
diff --git a/src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.ts b/src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.ts
deleted file mode 100644
index 127cfd8f0e0c..000000000000
--- a/src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.dev/license
- */
-
-import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
-import {
-  CdkAccordionConfigurableExample,
-  CdkAccordionDisabledExample,
-  CdkAccordionDisabledFocusableExample,
-  CdkAccordionDisabledSkippedExample,
-  CdkAccordionMultiExpansionExample,
-  CdkAccordionSingleExpansionExample,
-} from '@angular/components-examples/cdk-experimental/accordion';
-
-@Component({
-  templateUrl: 'cdk-accordion-demo.html',
-  styleUrl: 'cdk-accordion-demo.css',
-  imports: [
-    CdkAccordionConfigurableExample,
-    CdkAccordionSingleExpansionExample,
-    CdkAccordionMultiExpansionExample,
-    CdkAccordionDisabledFocusableExample,
-    CdkAccordionDisabledSkippedExample,
-    CdkAccordionDisabledExample,
-  ],
-  encapsulation: ViewEncapsulation.None,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class CdkExperimentalAccordionDemo {}
diff --git a/src/dev-app/cdk-experimental-combobox/BUILD.bazel b/src/dev-app/cdk-experimental-combobox/BUILD.bazel
deleted file mode 100644
index 80a45cb5fc0f..000000000000
--- a/src/dev-app/cdk-experimental-combobox/BUILD.bazel
+++ /dev/null
@@ -1,16 +0,0 @@
-load("//tools:defaults.bzl", "ng_project")
-
-package(default_visibility = ["//visibility:public"])
-
-ng_project(
-    name = "cdk-experimental-combobox",
-    srcs = glob(["**/*.ts"]),
-    assets = [
-        "cdk-combobox-demo.html",
-        "cdk-combobox-demo.css",
-    ],
-    deps = [
-        "//:node_modules/@angular/core",
-        "//src/components-examples/cdk-experimental/combobox",
-    ],
-)
diff --git a/src/dev-app/cdk-experimental-combobox/cdk-combobox-demo.ts b/src/dev-app/cdk-experimental-combobox/cdk-combobox-demo.ts
deleted file mode 100644
index 3d94a23b107b..000000000000
--- a/src/dev-app/cdk-experimental-combobox/cdk-combobox-demo.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.dev/license
- */
-
-import {
-  CdkComboboxAutoSelectExample,
-  CdkComboboxHighlightExample,
-  CdkComboboxManualExample,
-  CdkComboboxTreeAutoSelectExample,
-  CdkComboboxTreeHighlightExample,
-  CdkComboboxTreeManualExample,
-} from '@angular/components-examples/cdk-experimental/combobox';
-import {ChangeDetectionStrategy, Component} from '@angular/core';
-
-@Component({
-  templateUrl: 'cdk-combobox-demo.html',
-  styleUrl: 'cdk-combobox-demo.css',
-  imports: [
-    CdkComboboxManualExample,
-    CdkComboboxAutoSelectExample,
-    CdkComboboxHighlightExample,
-    CdkComboboxTreeManualExample,
-    CdkComboboxTreeAutoSelectExample,
-    CdkComboboxTreeHighlightExample,
-  ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class CdkComboboxDemo {}
diff --git a/src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.ts b/src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.ts
deleted file mode 100644
index 10165aaa31d3..000000000000
--- a/src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.dev/license
- */
-
-import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
-import {
-  CdkListboxConfigurableExample,
-  CdkListboxSingleSelectExample,
-  CdkListboxMultiSelectExample,
-  CdkListboxSingleSelectFollowFocusExample,
-  CdkListboxMultiSelectFollowFocusExample,
-  CdkListboxHorizontalExample,
-  CdkListboxRtlHorizontalExample,
-  CdkListboxActiveDescendantExample,
-  CdkListboxDisabledFocusableExample,
-  CdkListboxDisabledSkippedExample,
-  CdkListboxReadonlyExample,
-  CdkListboxDisabledExample,
-} from '@angular/components-examples/cdk-experimental/listbox';
-
-@Component({
-  templateUrl: 'cdk-listbox-demo.html',
-  imports: [
-    CdkListboxConfigurableExample,
-    CdkListboxSingleSelectExample,
-    CdkListboxMultiSelectExample,
-    CdkListboxSingleSelectFollowFocusExample,
-    CdkListboxMultiSelectFollowFocusExample,
-    CdkListboxHorizontalExample,
-    CdkListboxRtlHorizontalExample,
-    CdkListboxActiveDescendantExample,
-    CdkListboxDisabledFocusableExample,
-    CdkListboxDisabledSkippedExample,
-    CdkListboxReadonlyExample,
-    CdkListboxDisabledExample,
-  ],
-  styleUrl: 'cdk-listbox-demo.css',
-  encapsulation: ViewEncapsulation.None,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class CdkExperimentalListboxDemo {}
diff --git a/src/dev-app/cdk-experimental-menu/cdk-menu-demo.html b/src/dev-app/cdk-experimental-menu/cdk-menu-demo.html
deleted file mode 100644
index 6878446d7f86..000000000000
--- a/src/dev-app/cdk-experimental-menu/cdk-menu-demo.html
+++ /dev/null
@@ -1 +0,0 @@
-<p>cdk-experimental-menu coming soon!</p>
diff --git a/src/dev-app/cdk-experimental-radio-group/BUILD.bazel b/src/dev-app/cdk-experimental-radio-group/BUILD.bazel
deleted file mode 100644
index 0d17c6d54292..000000000000
--- a/src/dev-app/cdk-experimental-radio-group/BUILD.bazel
+++ /dev/null
@@ -1,16 +0,0 @@
-load("//tools:defaults.bzl", "ng_project")
-
-package(default_visibility = ["//visibility:public"])
-
-ng_project(
-    name = "cdk-experimental-radio-group",
-    srcs = glob(["**/*.ts"]),
-    assets = [
-        "cdk-radio-group-demo.html",
-        ":cdk-radio-group-demo.css",
-    ],
-    deps = [
-        "//:node_modules/@angular/core",
-        "//src/components-examples/cdk-experimental/radio-group",
-    ],
-)
diff --git a/src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.ts b/src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.ts
deleted file mode 100644
index 855e69a41d76..000000000000
--- a/src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.dev/license
- */
-
-import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
-import {
-  CdkRadioGroupConfigurableExample,
-  CdkRadioGroupStandardExample,
-  CdkRadioGroupHorizontalExample,
-  CdkRadioGroupRtlHorizontalExample,
-  CdkRadioGroupActiveDescendantExample,
-  CdkRadioGroupDisabledFocusableExample,
-  CdkRadioGroupDisabledSkippedExample,
-  CdkRadioGroupReadonlyExample,
-  CdkRadioGroupDisabledExample,
-} from '@angular/components-examples/cdk-experimental/radio-group';
-
-@Component({
-  templateUrl: 'cdk-radio-group-demo.html',
-  imports: [
-    CdkRadioGroupStandardExample,
-    CdkRadioGroupHorizontalExample,
-    CdkRadioGroupRtlHorizontalExample,
-    CdkRadioGroupActiveDescendantExample,
-    CdkRadioGroupDisabledFocusableExample,
-    CdkRadioGroupDisabledSkippedExample,
-    CdkRadioGroupReadonlyExample,
-    CdkRadioGroupDisabledExample,
-    CdkRadioGroupConfigurableExample,
-  ],
-  styleUrl: './cdk-radio-group-demo.css',
-  encapsulation: ViewEncapsulation.None,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class CdkExperimentalRadioGroupDemo {}
diff --git a/src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.ts b/src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.ts
deleted file mode 100644
index 67d350382cba..000000000000
--- a/src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.dev/license
- */
-
-import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {
-  CdkTabsConfigurableExample,
-  CdkTabsExplicitSelectionExample,
-  CdkTabsSelectionFollowsFocusExample,
-  CdkTabsVerticalExample,
-  CdkTabsRtlExample,
-  CdkTabsActiveDescendantExample,
-  CdkTabsDisabledFocusableExample,
-  CdkTabsDisabledSkippedExample,
-  CdkTabsDisabledExample,
-} from '@angular/components-examples/cdk-experimental/tabs';
-
-@Component({
-  selector: 'cdk-experimental-tabs-demo',
-  templateUrl: 'cdk-tabs-demo.html',
-  styleUrls: ['cdk-tabs-demo.css'],
-  imports: [
-    CdkTabsConfigurableExample,
-    CdkTabsExplicitSelectionExample,
-    CdkTabsSelectionFollowsFocusExample,
-    CdkTabsVerticalExample,
-    CdkTabsRtlExample,
-    CdkTabsActiveDescendantExample,
-    CdkTabsDisabledFocusableExample,
-    CdkTabsDisabledSkippedExample,
-    CdkTabsDisabledExample,
-  ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class CdkExperimentalTabsDemo {}
diff --git a/src/dev-app/cdk-experimental-toolbar/BUILD.bazel b/src/dev-app/cdk-experimental-toolbar/BUILD.bazel
deleted file mode 100644
index 28fb3d984405..000000000000
--- a/src/dev-app/cdk-experimental-toolbar/BUILD.bazel
+++ /dev/null
@@ -1,16 +0,0 @@
-load("//tools:defaults.bzl", "ng_project")
-
-package(default_visibility = ["//visibility:public"])
-
-ng_project(
-    name = "cdk-experimental-toolbar",
-    srcs = glob(["**/*.ts"]),
-    assets = [
-        "cdk-toolbar-demo.html",
-        ":cdk-toolbar-demo.css",
-    ],
-    deps = [
-        "//:node_modules/@angular/core",
-        "//src/components-examples/cdk-experimental/toolbar",
-    ],
-)
diff --git a/src/dev-app/cdk-experimental-tree/cdk-tree-demo.ts b/src/dev-app/cdk-experimental-tree/cdk-tree-demo.ts
deleted file mode 100644
index 635c2c401a3d..000000000000
--- a/src/dev-app/cdk-experimental-tree/cdk-tree-demo.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.dev/license
- */
-
-import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
-import {
-  CdkTreeConfigurableExample,
-  CdkTreeActiveDescendantExample,
-  CdkTreeDisabledExample,
-  CdkTreeDisabledFocusableExample,
-  CdkTreeDisabledSkippedExample,
-  CdkTreeMultiSelectExample,
-  CdkTreeMultiSelectFollowFocusExample,
-  CdkTreeNavExample,
-  CdkTreeSingleSelectExample,
-  CdkTreeSingleSelectFollowFocusExample,
-} from '@angular/components-examples/cdk-experimental/tree';
-
-@Component({
-  templateUrl: 'cdk-tree-demo.html',
-  imports: [
-    CdkTreeConfigurableExample,
-    CdkTreeActiveDescendantExample,
-    CdkTreeDisabledExample,
-    CdkTreeDisabledFocusableExample,
-    CdkTreeDisabledSkippedExample,
-    CdkTreeMultiSelectExample,
-    CdkTreeMultiSelectFollowFocusExample,
-    CdkTreeNavExample,
-    CdkTreeSingleSelectExample,
-    CdkTreeSingleSelectFollowFocusExample,
-  ],
-  styleUrl: 'cdk-tree-demo.css',
-  encapsulation: ViewEncapsulation.None,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class CdkExperimentalTreeDemo {}
diff --git a/src/dev-app/dev-app/dev-app-layout.ts b/src/dev-app/dev-app/dev-app-layout.ts
index 461004ea2833..f535155bf322 100644
--- a/src/dev-app/dev-app/dev-app-layout.ts
+++ b/src/dev-app/dev-app/dev-app-layout.ts
@@ -62,14 +62,14 @@ export class DevAppLayout {
   navItems = [
     {name: 'Examples', route: '/examples'},
     {name: 'CDK Dialog', route: '/cdk-dialog'},
-    {name: 'CDK Experimental Accordion', route: '/cdk-experimental-accordion'},
-    {name: 'CDK Experimental Combobox', route: '/cdk-experimental-combobox'},
-    {name: 'CDK Experimental Listbox', route: '/cdk-experimental-listbox'},
-    {name: 'CDK Experimental Menu', route: '/cdk-experimental-menu'},
-    {name: 'CDK Experimental Radio Group', route: '/cdk-experimental-radio-group'},
-    {name: 'CDK Experimental Tabs', route: '/cdk-experimental-tabs'},
-    {name: 'CDK Experimental Toolbar', route: '/cdk-experimental-toolbar'},
-    {name: 'CDK Experimental Tree', route: '/cdk-experimental-tree'},
+    {name: 'Aria Accordion', route: '/aria-accordion'},
+    {name: 'Aria Combobox', route: '/aria-combobox'},
+    {name: 'Aria Listbox', route: '/aria-listbox'},
+    {name: 'Aria Menu', route: '/aria-menu'},
+    {name: 'Aria Radio Group', route: '/aria-radio-group'},
+    {name: 'Aria Tabs', route: '/aria-tabs'},
+    {name: 'Aria Toolbar', route: '/aria-toolbar'},
+    {name: 'Aria Tree', route: '/aria-tree'},
     {name: 'CDK Listbox', route: '/cdk-listbox'},
     {name: 'CDK Menu', route: '/cdk-menu'},
     {name: 'Autocomplete', route: '/autocomplete'},
diff --git a/src/dev-app/package.json b/src/dev-app/package.json
index 5a7b3449c114..ee013d0ecbf2 100644
--- a/src/dev-app/package.json
+++ b/src/dev-app/package.json
@@ -1,5 +1,6 @@
 {
   "devDependencies": {
+    "@angular/aria": "workspace:*",
     "@angular/cdk": "workspace:*",
     "@angular/cdk-experimental": "workspace:*",
     "@angular/material": "workspace:*",
diff --git a/src/dev-app/routes.ts b/src/dev-app/routes.ts
index 1c93c7eee3dc..7206def61fa4 100644
--- a/src/dev-app/routes.ts
+++ b/src/dev-app/routes.ts
@@ -41,48 +41,36 @@ export const DEV_APP_ROUTES: Routes = [
     loadComponent: () => import('./card/card-demo').then(m => m.CardDemo),
   },
   {
-    path: 'cdk-experimental-combobox',
-    loadComponent: () =>
-      import('./cdk-experimental-combobox/cdk-combobox-demo').then(m => m.CdkComboboxDemo),
+    path: 'aria-combobox',
+    loadComponent: () => import('./aria-combobox/combobox-demo').then(m => m.ComboboxDemo),
   },
   {
-    path: 'cdk-experimental-listbox',
-    loadComponent: () =>
-      import('./cdk-experimental-listbox/cdk-listbox-demo').then(m => m.CdkExperimentalListboxDemo),
+    path: 'aria-listbox',
+    loadComponent: () => import('./aria-listbox/listbox-demo').then(m => m.ListboxDemo),
   },
   {
-    path: 'cdk-experimental-menu',
-    loadComponent: () =>
-      import('./cdk-experimental-menu/cdk-menu-demo').then(m => m.CdkExperimentalMenuDemo),
+    path: 'aria-menu',
+    loadComponent: () => import('./aria-menu/menu-demo').then(m => m.MenuDemo),
   },
   {
-    path: 'cdk-experimental-radio-group',
-    loadComponent: () =>
-      import('./cdk-experimental-radio-group/cdk-radio-group-demo').then(
-        m => m.CdkExperimentalRadioGroupDemo,
-      ),
+    path: 'aria-radio-group',
+    loadComponent: () => import('./aria-radio-group/radio-group-demo').then(m => m.RadioGroupDemo),
   },
   {
-    path: 'cdk-experimental-tabs',
-    loadComponent: () =>
-      import('./cdk-experimental-tabs/cdk-tabs-demo').then(m => m.CdkExperimentalTabsDemo),
+    path: 'aria-tabs',
+    loadComponent: () => import('./aria-tabs/tabs-demo').then(m => m.TabsDemo),
   },
   {
-    path: 'cdk-experimental-accordion',
-    loadComponent: () =>
-      import('./cdk-experimental-accordion/cdk-accordion-demo').then(
-        m => m.CdkExperimentalAccordionDemo,
-      ),
+    path: 'aria-accordion',
+    loadComponent: () => import('./aria-accordion/accordion-demo').then(m => m.AccordionDemo),
   },
   {
-    path: 'cdk-experimental-tree',
-    loadComponent: () =>
-      import('./cdk-experimental-tree/cdk-tree-demo').then(m => m.CdkExperimentalTreeDemo),
+    path: 'aria-tree',
+    loadComponent: () => import('./aria-tree/tree-demo').then(m => m.TreeDemo),
   },
   {
-    path: 'cdk-experimental-toolbar',
-    loadComponent: () =>
-      import('./cdk-experimental-toolbar/cdk-toolbar-demo').then(m => m.CdkExperimentalToolbarDemo),
+    path: 'aria-toolbar',
+    loadComponent: () => import('./aria-toolbar/toolbar-demo').then(m => m.ToolbarDemo),
   },
   {
     path: 'cdk-dialog',
diff --git a/src/dev-app/tsconfig.json b/src/dev-app/tsconfig.json
index 7e17e7c5ce54..b5603f11cb1b 100644
--- a/src/dev-app/tsconfig.json
+++ b/src/dev-app/tsconfig.json
@@ -6,6 +6,8 @@
     "rootDir": "..",
     "baseUrl": ".",
     "paths": {
+      "@angular/aria": ["../aria"],
+      "@angular/aria/*": ["../aria/*"],
       "@angular/cdk/*": ["../cdk/*"],
       "@angular/material/*": ["../material/*"],
       "@angular/material-experimental/*": ["../material-experimental/*"],
diff --git a/tsconfig.json b/tsconfig.json
index b667a0605b37..083e223cc09c 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -25,6 +25,8 @@
     "types": ["jasmine"],
     "baseUrl": ".",
     "paths": {
+      "@angular/aria": ["./src/aria"],
+      "@angular/aria/*": ["./src/aria/*"],
       "@angular/cdk": ["./src/cdk"],
       "@angular/cdk/*": ["./src/cdk/*"],
       "@angular/material/*": ["./src/material/*"],

From 48472f4de069fdcae842a5b41ee45439cbc890c8 Mon Sep 17 00:00:00 2001
From: Wagner Maciel <wagnermaciel@google.com>
Date: Mon, 29 Sep 2025 18:27:16 -0400
Subject: [PATCH 2/7] fixup! build: create angular aria package

---
 docs/package.json | 1 +
 pnpm-lock.yaml    | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/docs/package.json b/docs/package.json
index b3e289702dba..11cfbf8bcb30 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -28,6 +28,7 @@
     "npm": "Please use pnpm instead of NPM to install dependencies"
   },
   "dependencies": {
+    "@angular/aria": "workspace:*",
     "@angular/cdk": "workspace:*",
     "@angular/cdk-experimental": "workspace:*",
     "@angular/common": "catalog:",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8d401ce6248b..8e9ac4e37edd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -347,6 +347,9 @@ importers:
 
   docs:
     dependencies:
+      '@angular/aria':
+        specifier: workspace:*
+        version: link:../src/aria
       '@angular/cdk':
         specifier: workspace:*
         version: link:../src/cdk
@@ -516,7 +519,7 @@ importers:
       '@angular/youtube-player':
         specifier: workspace:*
         version: link:../src/youtube-player
-        
+
   src/aria:
     dependencies:
       tslib:

From 745a4f5409a3138239eab6ddaebc58210493ad82 Mon Sep 17 00:00:00 2001
From: Wagner Maciel <wagnermaciel@google.com>
Date: Mon, 29 Sep 2025 19:13:57 -0400
Subject: [PATCH 3/7] fixup! build: create angular aria package

---
 src/aria/accordion/accordion.spec.ts | 2 +-
 src/aria/combobox/combobox.spec.ts   | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/aria/accordion/accordion.spec.ts b/src/aria/accordion/accordion.spec.ts
index 8b98ed78e501..89966a900d46 100644
--- a/src/aria/accordion/accordion.spec.ts
+++ b/src/aria/accordion/accordion.spec.ts
@@ -77,7 +77,7 @@ describe('AccordionGroup', () => {
   }
 
   function isTriggerActive(target: HTMLElement): boolean {
-    return target.classList.contains('active');
+    return target.getAttribute('data-active') === 'true';
   }
 
   function isTriggerExpanded(target: HTMLElement): boolean {
diff --git a/src/aria/combobox/combobox.spec.ts b/src/aria/combobox/combobox.spec.ts
index bf6f72950fbb..d1c128eb2453 100644
--- a/src/aria/combobox/combobox.spec.ts
+++ b/src/aria/combobox/combobox.spec.ts
@@ -1018,7 +1018,7 @@ describe('Combobox', () => {
     [(value)]="searchString"
   />
 
-  <ng-template ComboboxPopupContainer>
+  <ng-template comboboxPopupContainer>
     <div listbox [(value)]="value">
       @for (option of options(); track option) {
         <div
@@ -1062,7 +1062,7 @@ class ComboboxListboxExample {
   />
 
   <ng-template comboboxPopupContainer>
-    <ul tree #tree="Tree" [(value)]="value">
+    <ul tree #tree="tree" [(value)]="value">
       <ng-template
         [ngTemplateOutlet]="treeNodes"
         [ngTemplateOutletContext]="{nodes: nodes(), parent: tree}"
@@ -1077,13 +1077,13 @@ class ComboboxListboxExample {
       [parent]="parent"
       [value]="node.name"
       [label]="node.name"
-      #treeItem="TreeItem"
+      #treeItem="treeItem"
     >
       {{ node.name }}
     </li>
 
     @if (node.children) {
-      <ul treeItemGroup [ownedBy]="treeItem" #group="TreeItemGroup">
+      <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
         <ng-template treeItemGroupContent>
           <ng-template
             [ngTemplateOutlet]="treeNodes"

From 7c0db715bac1da62001601cb8abbce03943dcefc Mon Sep 17 00:00:00 2001
From: Wagner Maciel <wagnermaciel@google.com>
Date: Tue, 30 Sep 2025 10:21:40 -0400
Subject: [PATCH 4/7] fixup! build: create angular aria package

---
 src/aria/accordion/BUILD.bazel          | 1 -
 src/aria/accordion/index.ts             | 2 +-
 src/aria/accordion/public-api.ts        | 9 ---------
 src/aria/combobox/index.ts              | 2 +-
 src/aria/combobox/public-api.ts         | 9 ---------
 src/aria/deferred-content/BUILD.bazel   | 1 -
 src/aria/deferred-content/index.ts      | 2 +-
 src/aria/deferred-content/public-api.ts | 9 ---------
 src/aria/listbox/index.ts               | 2 +-
 src/aria/listbox/public-api.ts          | 9 ---------
 src/aria/radio-group/index.ts           | 2 +-
 src/aria/radio-group/public-api.ts      | 9 ---------
 src/aria/tabs/BUILD.bazel               | 1 -
 src/aria/tabs/index.ts                  | 2 +-
 src/aria/tabs/public-api.ts             | 9 ---------
 src/aria/toolbar/index.ts               | 2 +-
 src/aria/toolbar/public-api.ts          | 9 ---------
 src/aria/tree/BUILD.bazel               | 1 -
 src/aria/tree/index.ts                  | 2 +-
 src/aria/tree/public-api.ts             | 9 ---------
 20 files changed, 8 insertions(+), 84 deletions(-)
 delete mode 100644 src/aria/accordion/public-api.ts
 delete mode 100644 src/aria/combobox/public-api.ts
 delete mode 100644 src/aria/deferred-content/public-api.ts
 delete mode 100644 src/aria/listbox/public-api.ts
 delete mode 100644 src/aria/radio-group/public-api.ts
 delete mode 100644 src/aria/tabs/public-api.ts
 delete mode 100644 src/aria/toolbar/public-api.ts
 delete mode 100644 src/aria/tree/public-api.ts

diff --git a/src/aria/accordion/BUILD.bazel b/src/aria/accordion/BUILD.bazel
index 4a209f7f96e2..2876dab751ed 100644
--- a/src/aria/accordion/BUILD.bazel
+++ b/src/aria/accordion/BUILD.bazel
@@ -7,7 +7,6 @@ ng_project(
     srcs = [
         "accordion.ts",
         "index.ts",
-        "public-api.ts",
     ],
     deps = [
         "//:node_modules/@angular/core",
diff --git a/src/aria/accordion/index.ts b/src/aria/accordion/index.ts
index 52b3c7a5156f..66aa4d173aa8 100644
--- a/src/aria/accordion/index.ts
+++ b/src/aria/accordion/index.ts
@@ -6,4 +6,4 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-export * from './public-api';
+export {AccordionGroup, AccordionTrigger, AccordionPanel, AccordionContent} from './accordion';
diff --git a/src/aria/accordion/public-api.ts b/src/aria/accordion/public-api.ts
deleted file mode 100644
index 66aa4d173aa8..000000000000
--- a/src/aria/accordion/public-api.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.dev/license
- */
-
-export {AccordionGroup, AccordionTrigger, AccordionPanel, AccordionContent} from './accordion';
diff --git a/src/aria/combobox/index.ts b/src/aria/combobox/index.ts
index 52b3c7a5156f..c859f6cc01de 100644
--- a/src/aria/combobox/index.ts
+++ b/src/aria/combobox/index.ts
@@ -6,4 +6,4 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-export * from './public-api';
+export {Combobox, ComboboxInput, ComboboxPopup, ComboboxPopupContainer} from './combobox';
diff --git a/src/aria/combobox/public-api.ts b/src/aria/combobox/public-api.ts
deleted file mode 100644
index c859f6cc01de..000000000000
--- a/src/aria/combobox/public-api.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.dev/license
- */
-
-export {Combobox, ComboboxInput, ComboboxPopup, ComboboxPopupContainer} from './combobox';
diff --git a/src/aria/deferred-content/BUILD.bazel b/src/aria/deferred-content/BUILD.bazel
index 50e55dd06ef1..3fc4d24459d8 100644
--- a/src/aria/deferred-content/BUILD.bazel
+++ b/src/aria/deferred-content/BUILD.bazel
@@ -7,7 +7,6 @@ ng_project(
     srcs = [
         "deferred-content.ts",
         "index.ts",
-        "public-api.ts",
     ],
     deps = [
         "//:node_modules/@angular/core",
diff --git a/src/aria/deferred-content/index.ts b/src/aria/deferred-content/index.ts
index 52b3c7a5156f..717c2e431cd0 100644
--- a/src/aria/deferred-content/index.ts
+++ b/src/aria/deferred-content/index.ts
@@ -6,4 +6,4 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-export * from './public-api';
+export {DeferredContentAware, DeferredContent} from './deferred-content';
diff --git a/src/aria/deferred-content/public-api.ts b/src/aria/deferred-content/public-api.ts
deleted file mode 100644
index 717c2e431cd0..000000000000
--- a/src/aria/deferred-content/public-api.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.dev/license
- */
-
-export {DeferredContentAware, DeferredContent} from './deferred-content';
diff --git a/src/aria/listbox/index.ts b/src/aria/listbox/index.ts
index 52b3c7a5156f..a21d11c2d475 100644
--- a/src/aria/listbox/index.ts
+++ b/src/aria/listbox/index.ts
@@ -6,4 +6,4 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-export * from './public-api';
+export {Listbox, Option} from './listbox';
diff --git a/src/aria/listbox/public-api.ts b/src/aria/listbox/public-api.ts
deleted file mode 100644
index a21d11c2d475..000000000000
--- a/src/aria/listbox/public-api.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.dev/license
- */
-
-export {Listbox, Option} from './listbox';
diff --git a/src/aria/radio-group/index.ts b/src/aria/radio-group/index.ts
index 52b3c7a5156f..34aab88aafe3 100644
--- a/src/aria/radio-group/index.ts
+++ b/src/aria/radio-group/index.ts
@@ -6,4 +6,4 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-export * from './public-api';
+export {RadioGroup, RadioButton} from './radio-group';
diff --git a/src/aria/radio-group/public-api.ts b/src/aria/radio-group/public-api.ts
deleted file mode 100644
index 34aab88aafe3..000000000000
--- a/src/aria/radio-group/public-api.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.dev/license
- */
-
-export {RadioGroup, RadioButton} from './radio-group';
diff --git a/src/aria/tabs/BUILD.bazel b/src/aria/tabs/BUILD.bazel
index d07407df378b..8fbfc69b87c0 100644
--- a/src/aria/tabs/BUILD.bazel
+++ b/src/aria/tabs/BUILD.bazel
@@ -6,7 +6,6 @@ ng_project(
     name = "tabs",
     srcs = [
         "index.ts",
-        "public-api.ts",
         "tabs.ts",
     ],
     deps = [
diff --git a/src/aria/tabs/index.ts b/src/aria/tabs/index.ts
index 52b3c7a5156f..7e81afdec8d6 100644
--- a/src/aria/tabs/index.ts
+++ b/src/aria/tabs/index.ts
@@ -6,4 +6,4 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-export * from './public-api';
+export {Tabs, TabList, Tab, TabPanel, TabContent} from './tabs';
diff --git a/src/aria/tabs/public-api.ts b/src/aria/tabs/public-api.ts
deleted file mode 100644
index 7e81afdec8d6..000000000000
--- a/src/aria/tabs/public-api.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.dev/license
- */
-
-export {Tabs, TabList, Tab, TabPanel, TabContent} from './tabs';
diff --git a/src/aria/toolbar/index.ts b/src/aria/toolbar/index.ts
index 52b3c7a5156f..9cb6bc9fb4ee 100644
--- a/src/aria/toolbar/index.ts
+++ b/src/aria/toolbar/index.ts
@@ -6,4 +6,4 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-export * from './public-api';
+export {Toolbar, ToolbarWidget, ToolbarWidgetGroup} from './toolbar';
diff --git a/src/aria/toolbar/public-api.ts b/src/aria/toolbar/public-api.ts
deleted file mode 100644
index 9cb6bc9fb4ee..000000000000
--- a/src/aria/toolbar/public-api.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.dev/license
- */
-
-export {Toolbar, ToolbarWidget, ToolbarWidgetGroup} from './toolbar';
diff --git a/src/aria/tree/BUILD.bazel b/src/aria/tree/BUILD.bazel
index 332a66fa046f..06577efb9b90 100644
--- a/src/aria/tree/BUILD.bazel
+++ b/src/aria/tree/BUILD.bazel
@@ -6,7 +6,6 @@ ng_project(
     name = "tree",
     srcs = [
         "index.ts",
-        "public-api.ts",
         "tree.ts",
     ],
     deps = [
diff --git a/src/aria/tree/index.ts b/src/aria/tree/index.ts
index 52b3c7a5156f..d441721cb5d7 100644
--- a/src/aria/tree/index.ts
+++ b/src/aria/tree/index.ts
@@ -6,4 +6,4 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-export * from './public-api';
+export {TreeItemGroup, TreeItemGroupContent, Tree, TreeItem} from './tree';
diff --git a/src/aria/tree/public-api.ts b/src/aria/tree/public-api.ts
deleted file mode 100644
index d441721cb5d7..000000000000
--- a/src/aria/tree/public-api.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.dev/license
- */
-
-export {TreeItemGroup, TreeItemGroupContent, Tree, TreeItem} from './tree';

From 41cc8e3caac103b7221922349ff8008bebba5d03 Mon Sep 17 00:00:00 2001
From: Wagner Maciel <wagnermaciel@google.com>
Date: Tue, 30 Sep 2025 10:31:04 -0400
Subject: [PATCH 5/7] fixup! build: create angular aria package

---
 src/aria/README.md | 3 ---
 1 file changed, 3 deletions(-)
 delete mode 100644 src/aria/README.md

diff --git a/src/aria/README.md b/src/aria/README.md
deleted file mode 100644
index 96d3a108df42..000000000000
--- a/src/aria/README.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Angular Aria
-
-This package contains...

From e053e5d3adde41f0204b3b7134b3bd1072afcb4c Mon Sep 17 00:00:00 2001
From: Wagner Maciel <wagnermaciel@google.com>
Date: Tue, 30 Sep 2025 15:44:01 -0400
Subject: [PATCH 6/7] fixup! build: create angular aria package

---
 src/aria/accordion/accordion.spec.ts          |  8 +--
 src/aria/accordion/accordion.ts               | 22 +++---
 src/aria/combobox/combobox.spec.ts            | 16 ++---
 src/aria/combobox/combobox.ts                 | 16 ++---
 src/aria/listbox/listbox.spec.ts              | 12 ++--
 src/aria/listbox/listbox.ts                   | 32 ++++-----
 src/aria/radio-group/radio-group.spec.ts      | 12 ++--
 src/aria/radio-group/radio-group.ts           | 38 +++++-----
 src/aria/tabs/tabs.spec.ts                    | 10 +--
 src/aria/tabs/tabs.ts                         | 72 +++++++++----------
 src/aria/toolbar/toolbar.spec.ts              |  8 +--
 src/aria/toolbar/toolbar.ts                   | 66 ++++++++---------
 src/aria/tree/tree.spec.ts                    | 14 ++--
 src/aria/tree/tree.ts                         | 42 +++++------
 .../accordion-configurable-example.html       | 46 +++++-------
 .../accordion-disabled-focusable-example.html | 32 ++++-----
 .../accordion-disabled-skipped-example.html   | 32 ++++-----
 .../accordion-disabled-example.html           | 32 ++++-----
 .../accordion-multi-expansion-example.html    | 32 ++++-----
 .../accordion-single-expansion-example.html   | 32 ++++-----
 .../cdk-accordion-configurable-example.html   | 32 ++++-----
 .../combobox-auto-select-example.html         | 10 +--
 .../combobox-highlight-example.html           | 15 ++--
 .../combobox-manual-example.html              | 15 ++--
 .../combobox-tree-auto-select-example.html    | 18 ++---
 .../combobox-tree-highlight-example.html      | 18 ++---
 .../combobox-tree-manual-example.html         | 18 ++---
 .../listbox-active-descendant-example.html    |  6 +-
 .../listbox-configurable-example.html         |  8 +--
 .../listbox-disabled-focusable-example.html   |  6 +-
 .../listbox-disabled-skipped-example.html     |  6 +-
 .../listbox-disabled-example.html             |  6 +-
 .../listbox-horizontal-example.html           |  6 +-
 ...box-multi-select-follow-focus-example.html |  6 +-
 .../listbox-multi-select-example.html         |  6 +-
 .../listbox-readonly-example.html             |  6 +-
 .../listbox-rtl-horizontal-example.html       |  6 +-
 ...ox-single-select-follow-focus-example.html |  6 +-
 .../listbox-single-select-example.html        |  6 +-
 .../aria/listbox/listbox/listbox-example.html |  0
 ...radio-group-active-descendant-example.html | 15 ++--
 .../radio-group-configurable-example.html     |  4 +-
 ...adio-group-disabled-focusable-example.html | 15 ++--
 .../radio-group-disabled-skipped-example.html | 15 ++--
 .../radio-group-disabled-example.html         |  9 ++-
 .../radio-group-horizontal-example.html       | 11 +--
 .../radio-group-readonly-example.html         | 11 +--
 .../radio-group-rtl-horizontal-example.html   | 18 ++---
 .../radio-group-standard-example.html         |  9 ++-
 .../tabs-active-descendant-example.html       | 34 ++++-----
 .../tabs-disabled-focusable-example.html      | 34 ++++-----
 .../tabs-disabled-skipped-example.html        | 34 ++++-----
 .../tabs/disabled/tabs-disabled-example.html  | 34 ++++-----
 .../tabs-explicit-selection-example.html      | 34 ++++-----
 .../aria/tabs/rtl/tabs-rtl-example.html       | 34 ++++-----
 .../tabs-selection-follows-focus-example.html | 34 ++++-----
 .../tabs-configurable-example.html            | 22 +++---
 .../tabs-vertical-example.html                | 34 ++++-----
 .../toolbar-configurable-example.html         | 24 +++----
 .../tree-active-descendant-example.html       | 10 +--
 .../tree-configurable-example.html            | 12 ++--
 .../tree-disabled-focusable-example.html      | 10 +--
 .../tree-disabled-skipped-example.html        | 10 +--
 .../tree-disabled/tree-disabled-example.html  | 10 +--
 ...ree-multi-select-follow-focus-example.html | 10 +--
 .../tree-multi-select-example.html            | 10 +--
 .../aria/tree/tree-nav/tree-nav-example.html  | 10 +--
 ...ee-single-select-follow-focus-example.html | 10 +--
 .../tree-single-select-example.html           | 10 +--
 69 files changed, 653 insertions(+), 648 deletions(-)
 delete mode 100644 src/components-examples/aria/listbox/listbox/listbox-example.html

diff --git a/src/aria/accordion/accordion.spec.ts b/src/aria/accordion/accordion.spec.ts
index 89966a900d46..a462023a5db2 100644
--- a/src/aria/accordion/accordion.spec.ts
+++ b/src/aria/accordion/accordion.spec.ts
@@ -381,7 +381,7 @@ describe('AccordionGroup', () => {
 @Component({
   template: `
     <div
-      accordionGroup
+      ngAccordionGroup
       [(value)]="value"
       [multiExpandable]="multiExpandable()"
       [disabled]="disabledGroup()"
@@ -391,15 +391,15 @@ describe('AccordionGroup', () => {
       @for (item of items(); track item.value) {
         <div class="item-container">
           <button
-            accordionTrigger
+            ngAccordionTrigger
             [value]="item.value"
             [disabled]="item.disabled"
           >{{ item.header }}</button>
           <div
-            accordionPanel
+            ngAccordionPanel
             [value]="item.value"
           >
-            <ng-template accordionContent>
+            <ng-template ngAccordionContent>
               {{ item.content }}
             </ng-template>
           </div>
diff --git a/src/aria/accordion/accordion.ts b/src/aria/accordion/accordion.ts
index 5e6b73f3e63a..504c430a957f 100644
--- a/src/aria/accordion/accordion.ts
+++ b/src/aria/accordion/accordion.ts
@@ -33,8 +33,8 @@ import {
  * associated `AccordionTrigger`.
  */
 @Directive({
-  selector: '[accordionPanel]',
-  exportAs: 'accordionPanel',
+  selector: '[ngAccordionPanel]',
+  exportAs: 'ngAccordionPanel',
   hostDirectives: [
     {
       directive: DeferredContentAware,
@@ -42,7 +42,7 @@ import {
     },
   ],
   host: {
-    'class': 'accordion-panel',
+    'class': 'ng-accordion-panel',
     'role': 'region',
     '[attr.id]': 'pattern.id()',
     '[attr.aria-labelledby]': 'pattern.accordionTrigger()?.id()',
@@ -83,10 +83,10 @@ export class AccordionPanel {
  * state of an associated `AccordionPanel`.
  */
 @Directive({
-  selector: '[accordionTrigger]',
-  exportAs: 'accordionTrigger',
+  selector: '[ngAccordionTrigger]',
+  exportAs: 'ngAccordionTrigger',
   host: {
-    'class': 'accordion-trigger',
+    'class': 'ng-accordion-trigger',
     '[attr.data-active]': 'pattern.active()',
     'role': 'button',
     '[id]': 'pattern.id()',
@@ -102,7 +102,7 @@ export class AccordionPanel {
 })
 export class AccordionTrigger {
   /** A global unique identifier for the trigger. */
-  private readonly _id = inject(_IdGenerator).getId('accordion-trigger-');
+  private readonly _id = inject(_IdGenerator).getId('ng-accordion-trigger-');
 
   /** A reference to the trigger element. */
   private readonly _elementRef = inject(ElementRef);
@@ -142,10 +142,10 @@ export class AccordionTrigger {
  * interactions of the accordion, such as keyboard navigation and expansion mode.
  */
 @Directive({
-  selector: '[accordionGroup]',
-  exportAs: 'accordionGroup',
+  selector: '[ngAccordionGroup]',
+  exportAs: 'ngAccordionGroup',
   host: {
-    'class': 'accordion-group',
+    'class': 'ng-accordion-group',
   },
 })
 export class AccordionGroup {
@@ -211,7 +211,7 @@ export class AccordionGroup {
  * for a `AccordionPanel`. This content can be lazily loaded.
  */
 @Directive({
-  selector: 'ng-template[accordionContent]',
+  selector: 'ng-template[ngAccordionContent]',
   hostDirectives: [DeferredContent],
 })
 export class AccordionContent {}
diff --git a/src/aria/combobox/combobox.spec.ts b/src/aria/combobox/combobox.spec.ts
index d1c128eb2453..b55d12bd1a49 100644
--- a/src/aria/combobox/combobox.spec.ts
+++ b/src/aria/combobox/combobox.spec.ts
@@ -1008,17 +1008,17 @@ describe('Combobox', () => {
 @Component({
   template: `
 <div
-  combobox
-  #combobox="combobox"
+  ngCombobox
+  #combobox="ngCombobox"
   [filterMode]="filterMode()"
 >
   <input
-    comboboxInput
+    ngComboboxInput
     placeholder="Search..."
     [(value)]="searchString"
   />
 
-  <ng-template comboboxPopupContainer>
+  <ng-template ngComboboxPopupContainer>
     <div listbox [(value)]="value">
       @for (option of options(); track option) {
         <div
@@ -1050,18 +1050,18 @@ class ComboboxListboxExample {
 @Component({
   template: `
 <div
-  #combobox="combobox"
-  combobox
+  ngCombobox
+  #combobox="ngCombobox"
   [firstMatch]="firstMatch()"
   [filterMode]="filterMode()"
 >
   <input
-    comboboxInput
+    ngComboboxInput
     placeholder="Search..."
     [(value)]="searchString"
   />
 
-  <ng-template comboboxPopupContainer>
+  <ng-template ngComboboxPopupContainer>
     <ul tree #tree="tree" [(value)]="value">
       <ng-template
         [ngTemplateOutlet]="treeNodes"
diff --git a/src/aria/combobox/combobox.ts b/src/aria/combobox/combobox.ts
index 8e71fc1efd10..de5ed5d008d8 100644
--- a/src/aria/combobox/combobox.ts
+++ b/src/aria/combobox/combobox.ts
@@ -26,8 +26,8 @@ import {
 } from '@angular/aria/ui-patterns';
 
 @Directive({
-  selector: '[combobox]',
-  exportAs: 'combobox',
+  selector: '[ngCombobox]',
+  exportAs: 'ngCombobox',
   hostDirectives: [
     {
       directive: DeferredContentAware,
@@ -90,8 +90,8 @@ export class Combobox<V> {
 }
 
 @Directive({
-  selector: 'input[comboboxInput]',
-  exportAs: 'comboboxInput',
+  selector: 'input[ngComboboxInput]',
+  exportAs: 'ngComboboxInput',
   host: {
     'role': 'combobox',
     '[value]': 'value()',
@@ -127,15 +127,15 @@ export class ComboboxInput {
 }
 
 @Directive({
-  selector: 'ng-template[comboboxPopupContainer]',
-  exportAs: 'comboboxPopupContainer',
+  selector: 'ng-template[ngComboboxPopupContainer]',
+  exportAs: 'ngComboboxPopupContainer',
   hostDirectives: [DeferredContent],
 })
 export class ComboboxPopupContainer {}
 
 @Directive({
-  selector: '[comboboxPopup]',
-  exportAs: 'comboboxPopup',
+  selector: '[ngComboboxPopup]',
+  exportAs: 'ngComboboxPopup',
 })
 export class ComboboxPopup<V> {
   /** The combobox that the popup belongs to. */
diff --git a/src/aria/listbox/listbox.spec.ts b/src/aria/listbox/listbox.spec.ts
index c32a47a22c6b..6241478357f3 100644
--- a/src/aria/listbox/listbox.spec.ts
+++ b/src/aria/listbox/listbox.spec.ts
@@ -742,7 +742,7 @@ interface TestOption {
 @Component({
   template: `
     <ul
-      listbox
+      ngListbox
       aria-label="Test Listbox"
       [(value)]="value"
       [disabled]="disabled"
@@ -755,7 +755,7 @@ interface TestOption {
       [selectionMode]="selectionMode"
       [typeaheadDelay]="typeaheadDelay">
       @for (option of options(); track option.value) {
-        <li option [value]="option.value" [disabled]="option.disabled" [label]="option.label">{{ option.label }}</li>
+        <li ngOption [value]="option.value" [disabled]="option.disabled" [label]="option.label">{{ option.label }}</li>
       }
     </ul>
   `,
@@ -784,10 +784,10 @@ class ListboxExample {
 
 @Component({
   template: `
-    <ul aria-label="Test Listbox" listbox>
-      <li option [value]="0">0</li>
-      <li option [value]="1">1</li>
-      <li option [value]="2">2</li>
+    <ul aria-label="Test Listbox" ngListbox>
+      <li ngOption [value]="0">0</li>
+      <li ngOption [value]="1">1</li>
+      <li ngOption [value]="2">2</li>
     </ul>
   `,
   imports: [Listbox, Option],
diff --git a/src/aria/listbox/listbox.ts b/src/aria/listbox/listbox.ts
index 5c78d63ad200..3900ecea35b5 100644
--- a/src/aria/listbox/listbox.ts
+++ b/src/aria/listbox/listbox.ts
@@ -32,19 +32,19 @@ import {ComboboxPopup} from '../combobox';
  * to be used in conjunction with Option as follows:
  *
  * ```html
- * <ul listbox>
- *   <li [value]="1" option>Item 1</li>
- *   <li [value]="2" option>Item 2</li>
- *   <li [value]="3" option>Item 3</li>
+ * <ul ngListbox>
+ *   <li [value]="1" ngOption>Item 1</li>
+ *   <li [value]="2" ngOption>Item 2</li>
+ *   <li [value]="3" ngOption>Item 3</li>
  * </ul>
  * ```
  */
 @Directive({
-  selector: '[listbox]',
-  exportAs: 'listbox',
+  selector: '[ngListbox]',
+  exportAs: 'ngListbox',
   host: {
     'role': 'listbox',
-    'class': 'listbox',
+    'class': 'ng-listbox',
     '[attr.id]': 'id()',
     '[attr.tabindex]': 'pattern.tabindex()',
     '[attr.aria-readonly]': 'pattern.readonly()',
@@ -60,7 +60,7 @@ import {ComboboxPopup} from '../combobox';
 })
 export class Listbox<V> {
   /** A unique identifier for the listbox. */
-  private readonly _generatedId = inject(_IdGenerator).getId('listbox-');
+  private readonly _generatedId = inject(_IdGenerator).getId('ng-listbox-');
 
   // TODO(wagnermaciel): https://github.com/angular/components/pull/30495#discussion_r1972601144.
   /** A unique identifier for the listbox. */
@@ -78,7 +78,7 @@ export class Listbox<V> {
   private readonly _directionality = inject(Directionality);
 
   /** The Options nested inside of the Listbox. */
-  private readonly _Options = contentChildren(Option, {descendants: true});
+  private readonly _options = contentChildren(Option, {descendants: true});
 
   /** A signal wrapper for directionality. */
   protected textDirection = toSignal(this._directionality.change, {
@@ -86,7 +86,7 @@ export class Listbox<V> {
   });
 
   /** The Option UIPatterns of the child Options. */
-  protected items = computed(() => this._Options().map(option => option.pattern));
+  protected items = computed(() => this._options().map(option => option.pattern));
 
   /** Whether the list is vertically or horizontally oriented. */
   orientation = input<'vertical' | 'horizontal'>('vertical');
@@ -187,11 +187,11 @@ export class Listbox<V> {
 
 /** A selectable option in a Listbox. */
 @Directive({
-  selector: '[option]',
-  exportAs: 'option',
+  selector: '[ngOption]',
+  exportAs: 'ngOption',
   host: {
     'role': 'option',
-    'class': 'option',
+    'class': 'ng-option',
     '[attr.data-active]': 'pattern.active()',
     '[attr.id]': 'pattern.id()',
     '[attr.tabindex]': 'pattern.tabindex()',
@@ -204,10 +204,10 @@ export class Option<V> {
   private readonly _elementRef = inject(ElementRef);
 
   /** The parent Listbox. */
-  private readonly _Listbox = inject(Listbox);
+  private readonly _listbox = inject(Listbox);
 
   /** A unique identifier for the option. */
-  private readonly _generatedId = inject(_IdGenerator).getId('option-');
+  private readonly _generatedId = inject(_IdGenerator).getId('ng-option-');
 
   // TODO(wagnermaciel): https://github.com/angular/components/pull/30495#discussion_r1972601144.
   /** A unique identifier for the option. */
@@ -219,7 +219,7 @@ export class Option<V> {
   protected searchTerm = computed(() => this.label() ?? this.element().textContent);
 
   /** The parent Listbox UIPattern. */
-  protected listbox = computed(() => this._Listbox.pattern);
+  protected listbox = computed(() => this._listbox.pattern);
 
   /** A reference to the option element to be focused on navigation. */
   protected element = computed(() => this._elementRef.nativeElement);
diff --git a/src/aria/radio-group/radio-group.spec.ts b/src/aria/radio-group/radio-group.spec.ts
index f1dc3bc5f81d..b0643cd5a1cf 100644
--- a/src/aria/radio-group/radio-group.spec.ts
+++ b/src/aria/radio-group/radio-group.spec.ts
@@ -532,9 +532,9 @@ interface TestOption {
       [focusMode]="focusMode"
       [orientation]="orientation"
       [skipDisabled]="skipDisabled"
-      radioGroup>
+      ngRadioGroup>
       @for (option of options(); track option.value) {
-        <div radioButton [value]="option.value" [disabled]="option.disabled">{{ option.label }}</div>
+        <div ngRadioButton [value]="option.value" [disabled]="option.disabled">{{ option.label }}</div>
       }
     </div>
   `,
@@ -559,10 +559,10 @@ class RadioGroupExample {
 
 @Component({
   template: `
-  <div radioGroup>
-    <div radioButton [value]="0">0</div>
-    <div radioButton [value]="1">1</div>
-    <div radioButton [value]="2">2</div>
+  <div ngRadioGroup>
+    <div ngRadioButton [value]="0">0</div>
+    <div ngRadioButton [value]="1">1</div>
+    <div ngRadioButton [value]="2">2</div>
   </div>
   `,
   imports: [RadioGroup, RadioButton],
diff --git a/src/aria/radio-group/radio-group.ts b/src/aria/radio-group/radio-group.ts
index c96000616504..a832139e92ec 100644
--- a/src/aria/radio-group/radio-group.ts
+++ b/src/aria/radio-group/radio-group.ts
@@ -74,19 +74,19 @@ export function mapSignal<T, V>(
  * as follows:
  *
  * ```html
- * <div radioGroup>
- *   <div radioButton value="1">Option 1</div>
- *   <div radioButton value="2">Option 2</div>
- *   <div radioButton value="3">Option 3</div>
+ * <div ngRadioGroup>
+ *   <div ngRadioButton value="1">Option 1</div>
+ *   <div ngRadioButton value="2">Option 2</div>
+ *   <div ngRadioButton value="3">Option 3</div>
  * </div>
  * ```
  */
 @Directive({
-  selector: '[radioGroup]',
-  exportAs: 'radioGroup',
+  selector: '[ngRadioGroup]',
+  exportAs: 'ngRadioGroup',
   host: {
     'role': 'radiogroup',
-    'class': 'radio-group',
+    'class': 'ng-radio-group',
     '[attr.tabindex]': 'pattern.tabindex()',
     '[attr.aria-readonly]': 'pattern.readonly()',
     '[attr.aria-disabled]': 'pattern.disabled()',
@@ -108,19 +108,19 @@ export class RadioGroup<V> {
   private readonly _elementRef = inject(ElementRef);
 
   /** A reference to the ToolbarWidgetGroup, if the radio group is in a toolbar. */
-  private readonly _ToolbarWidgetGroup = inject(ToolbarWidgetGroup);
+  private readonly _toolbarWidgetGroup = inject(ToolbarWidgetGroup);
 
   /** Whether the radio group is inside of a Toolbar. */
-  private readonly _hasToolbar = computed(() => !!this._ToolbarWidgetGroup.toolbar());
+  private readonly _hasToolbar = computed(() => !!this._toolbarWidgetGroup.toolbar());
 
   /** The RadioButtons nested inside of the RadioGroup. */
-  private readonly _RadioButtons = contentChildren(RadioButton, {descendants: true});
+  private readonly _radioButtons = contentChildren(RadioButton, {descendants: true});
 
   /** A signal wrapper for directionality. */
   protected textDirection = inject(Directionality).valueSignal;
 
   /** The RadioButton UIPatterns of the child RadioButtons. */
-  protected items = computed(() => this._RadioButtons().map(radio => radio.pattern));
+  protected items = computed(() => this._radioButtons().map(radio => radio.pattern));
 
   /** Whether the radio group is vertically or horizontally oriented. */
   readonly orientation = input<'vertical' | 'horizontal'>('vertical');
@@ -167,7 +167,7 @@ export class RadioGroup<V> {
         const element = e.target.closest('[role="radio"]');
         return this.items().find(i => i.element() === element);
       },
-      toolbar: this._ToolbarWidgetGroup.toolbar,
+      toolbar: this._toolbarWidgetGroup.toolbar,
     };
 
     this.pattern = this._hasToolbar()
@@ -175,7 +175,7 @@ export class RadioGroup<V> {
       : new RadioGroupPattern<V>(inputs as RadioGroupInputs<V>);
 
     if (this._hasToolbar()) {
-      this._ToolbarWidgetGroup.controls.set(this.pattern as ToolbarRadioGroupPattern<V>);
+      this._toolbarWidgetGroup.controls.set(this.pattern as ToolbarRadioGroupPattern<V>);
     }
 
     afterRenderEffect(() => {
@@ -201,11 +201,11 @@ export class RadioGroup<V> {
 
 /** A selectable radio button in a RadioGroup. */
 @Directive({
-  selector: '[radioButton]',
-  exportAs: 'radioButton',
+  selector: '[ngRadioButton]',
+  exportAs: 'ngRadioButton',
   host: {
     'role': 'radio',
-    'class': 'radio-button',
+    'class': 'ng-radio-button',
     '[attr.data-active]': 'pattern.active()',
     '[attr.tabindex]': 'pattern.tabindex()',
     '[attr.aria-checked]': 'pattern.selected()',
@@ -218,10 +218,10 @@ export class RadioButton<V> {
   private readonly _elementRef = inject(ElementRef);
 
   /** The parent RadioGroup. */
-  private readonly _RadioGroup = inject(RadioGroup);
+  private readonly _radioGroup = inject(RadioGroup);
 
   /** A unique identifier for the radio button. */
-  private readonly _generatedId = inject(_IdGenerator).getId('radio-button-');
+  private readonly _generatedId = inject(_IdGenerator).getId('ng-radio-button-');
 
   /** A unique identifier for the radio button. */
   readonly id = computed(() => this._generatedId);
@@ -230,7 +230,7 @@ export class RadioButton<V> {
   readonly value = input.required<V>();
 
   /** The parent RadioGroup UIPattern. */
-  readonly group = computed(() => this._RadioGroup.pattern);
+  readonly group = computed(() => this._radioGroup.pattern);
 
   /** A reference to the radio button element to be focused on navigation. */
   element = computed(() => this._elementRef.nativeElement);
diff --git a/src/aria/tabs/tabs.spec.ts b/src/aria/tabs/tabs.spec.ts
index a3f48e8e741d..d7a7d7367a34 100644
--- a/src/aria/tabs/tabs.spec.ts
+++ b/src/aria/tabs/tabs.spec.ts
@@ -674,8 +674,8 @@ describe('Tabs', () => {
 
 @Component({
   template: `
-    <div tabs>
-      <ul tabList
+    <div ngTabs>
+      <ul ngTabList
           [(selectedTab)]="selectedTab"
           [orientation]="orientation()"
           [disabled]="disabled()"
@@ -684,13 +684,13 @@ describe('Tabs', () => {
           [focusMode]="focusMode()"
           [selectionMode]="selectionMode()">
         @for (tabDef of tabsData(); track tabDef.value) {
-          <li tab [value]="tabDef.value" [disabled]="!!tabDef.disabled">{{ tabDef.label }}</li>
+          <li ngTab [value]="tabDef.value" [disabled]="!!tabDef.disabled">{{ tabDef.label }}</li>
         }
       </ul>
 
       @for (tabDef of tabsData(); track tabDef.value) {
-        <div tabPanel [value]="tabDef.value">
-          <ng-template tabContent>{{ tabDef.content }}</ng-template>
+        <div ngTabPanel [value]="tabDef.value">
+          <ng-template ngTabContent>{{ tabDef.content }}</ng-template>
         </div>
       }
     </div>
diff --git a/src/aria/tabs/tabs.ts b/src/aria/tabs/tabs.ts
index ef59713e6858..537e685406ed 100644
--- a/src/aria/tabs/tabs.ts
+++ b/src/aria/tabs/tabs.ts
@@ -46,29 +46,29 @@ function sortDirectives(a: HasElement, b: HasElement) {
  * TabList, Tab, and TabPanel as follows:
  *
  * ```html
- * <div tabs>
- *   <ul tabList>
- *     <li tab value="tab1">Tab 1</li>
- *     <li tab value="tab2">Tab 2</li>
- *     <li tab value="tab3">Tab 3</li>
+ * <div ngTabs>
+ *   <ul ngTabList>
+ *     <li ngTab value="tab1">Tab 1</li>
+ *     <li ngTab value="tab2">Tab 2</li>
+ *     <li ngTab value="tab3">Tab 3</li>
  *   </ul>
  *
- *   <div tabPanel value="tab1">
- *      <ng-template tabContent>Tab content 1</ng-template>
+ *   <div ngTabPanel value="tab1">
+ *      <ng-template ngTabContent>Tab content 1</ng-template>
  *   </div>
- *   <div tabPanel value="tab2">
- *      <ng-template tabContent>Tab content 2</ng-template>
+ *   <div ngTabPanel value="tab2">
+ *      <ng-template ngTabContent>Tab content 2</ng-template>
  *   </div>
- *   <div tabPanel value="tab3">
- *      <ng-template tabContent>Tab content 3</ng-template>
+ *   <div ngTabPanel value="tab3">
+ *      <ng-template ngTabContent>Tab content 3</ng-template>
  *   </div>
  * ```
  */
 @Directive({
-  selector: '[tabs]',
-  exportAs: 'tabs',
+  selector: '[ngTabs]',
+  exportAs: 'ngTabs',
   host: {
-    'class': 'tabs',
+    'class': 'ng-tabs',
   },
 })
 export class Tabs {
@@ -115,11 +115,11 @@ export class Tabs {
  * Controls a list of Tab(s).
  */
 @Directive({
-  selector: '[tabList]',
-  exportAs: 'tabList',
+  selector: '[ngTabList]',
+  exportAs: 'ngTabList',
   host: {
     'role': 'tablist',
-    'class': 'tablist',
+    'class': 'ng-tablist',
     '[attr.tabindex]': 'pattern.tabindex()',
     '[attr.aria-disabled]': 'pattern.disabled()',
     '[attr.aria-orientation]': 'pattern.orientation()',
@@ -134,7 +134,7 @@ export class TabList implements OnInit, OnDestroy {
   private readonly _elementRef = inject(ElementRef);
 
   /** The parent Tabs. */
-  private readonly _Tabs = inject(Tabs);
+  private readonly _tabs = inject(Tabs);
 
   /** The Tabs nested inside of the TabList. */
   private readonly _unorderedTabs = signal(new Set<Tab>());
@@ -200,11 +200,11 @@ export class TabList implements OnInit, OnDestroy {
   }
 
   ngOnInit() {
-    this._Tabs.register(this);
+    this._tabs.register(this);
   }
 
   ngOnDestroy() {
-    this._Tabs.deregister(this);
+    this._tabs.deregister(this);
   }
 
   register(child: Tab) {
@@ -220,11 +220,11 @@ export class TabList implements OnInit, OnDestroy {
 
 /** A selectable tab in a TabList. */
 @Directive({
-  selector: '[tab]',
-  exportAs: 'tab',
+  selector: '[ngTab]',
+  exportAs: 'ngTab',
   host: {
     'role': 'tab',
-    'class': 'tab',
+    'class': 'ng-tab',
     '[attr.data-active]': 'pattern.active()',
     '[attr.id]': 'pattern.id()',
     '[attr.tabindex]': 'pattern.tabindex()',
@@ -238,23 +238,23 @@ export class Tab implements HasElement, OnInit, OnDestroy {
   private readonly _elementRef = inject(ElementRef);
 
   /** The parent Tabs. */
-  private readonly _Tabs = inject(Tabs);
+  private readonly _tabs = inject(Tabs);
 
   /** The parent TabList. */
-  private readonly _TabList = inject(TabList);
+  private readonly _tabList = inject(TabList);
 
   /** A global unique identifier for the tab. */
-  private readonly _id = inject(_IdGenerator).getId('tab-');
+  private readonly _id = inject(_IdGenerator).getId('ng-tab-');
 
   /** The host native element. */
   readonly element = computed(() => this._elementRef.nativeElement);
 
   /** The parent TabList UIPattern. */
-  readonly tablist = computed(() => this._TabList.pattern);
+  readonly tablist = computed(() => this._tabList.pattern);
 
   /** The TabPanel UIPattern associated with the tab */
   readonly tabpanel = computed(() =>
-    this._Tabs.unorderedTabpanels().find(tabpanel => tabpanel.value() === this.value()),
+    this._tabs.unorderedTabpanels().find(tabpanel => tabpanel.value() === this.value()),
   );
 
   /** Whether a tab is disabled. */
@@ -273,11 +273,11 @@ export class Tab implements HasElement, OnInit, OnDestroy {
   });
 
   ngOnInit() {
-    this._TabList.register(this);
+    this._tabList.register(this);
   }
 
   ngOnDestroy() {
-    this._TabList.deregister(this);
+    this._tabList.deregister(this);
   }
 }
 
@@ -290,11 +290,11 @@ export class Tab implements HasElement, OnInit, OnDestroy {
  * and a proper styling is required.
  */
 @Directive({
-  selector: '[tabPanel]',
-  exportAs: 'tabPanel',
+  selector: '[ngTabPanel]',
+  exportAs: 'ngTabPanel',
   host: {
     'role': 'tabpanel',
-    'class': 'tabpanel',
+    'class': 'ng-tabpanel',
     '[attr.id]': 'pattern.id()',
     '[attr.tabindex]': 'pattern.tabindex()',
     '[attr.inert]': 'pattern.hidden() ? true : null',
@@ -315,7 +315,7 @@ export class TabPanel implements OnInit, OnDestroy {
   private readonly _Tabs = inject(Tabs);
 
   /** A global unique identifier for the tab. */
-  private readonly _id = inject(_IdGenerator).getId('tabpanel-');
+  private readonly _id = inject(_IdGenerator).getId('ng-tabpanel-');
 
   /** The Tab UIPattern associated with the tabpanel */
   readonly tab = computed(() => this._Tabs.tabs()?.find(tab => tab.value() === this.value()));
@@ -347,8 +347,8 @@ export class TabPanel implements OnInit, OnDestroy {
  * A TabContent container for the lazy-loaded content.
  */
 @Directive({
-  selector: 'ng-template[tabContent]',
-  exportAs: 'tabContent',
+  selector: 'ng-template[ngTabContent]',
+  exportAs: 'ngTabContent',
   hostDirectives: [DeferredContent],
 })
 export class TabContent {}
diff --git a/src/aria/toolbar/toolbar.spec.ts b/src/aria/toolbar/toolbar.spec.ts
index 300e30235814..c6685baba582 100644
--- a/src/aria/toolbar/toolbar.spec.ts
+++ b/src/aria/toolbar/toolbar.spec.ts
@@ -454,16 +454,16 @@ class TestToolbarWidgetGroup {
 @Component({
   template: `
     <div
-      toolbar
+      ngToolbar
       [orientation]="orientation()"
       [disabled]="disabled()"
       [wrap]="wrap()"
       [skipDisabled]="skipDisabled()"
     >
-      <button toolbarWidget data-value="widget">Widget Button 1</button>
-      <button toolbarWidget data-value="widget" [disabled]="true">Widget Button 2</button>
+      <button ngToolbarWidget data-value="widget">Widget Button 1</button>
+      <button ngToolbarWidget data-value="widget" [disabled]="true">Widget Button 2</button>
       <testWidgetGroup [disabled]="widgetGroupDisabled()"></testWidgetGroup>
-      <button toolbarWidget data-value="widget">Widget Button 3</button>
+      <button ngToolbarWidget data-value="widget">Widget Button 3</button>
     </div>
   `,
   imports: [Toolbar, ToolbarWidget, ToolbarWidgetGroup, TestToolbarWidgetGroup],
diff --git a/src/aria/toolbar/toolbar.ts b/src/aria/toolbar/toolbar.ts
index 9e1963b2c9f0..9d3b20f4c829 100644
--- a/src/aria/toolbar/toolbar.ts
+++ b/src/aria/toolbar/toolbar.ts
@@ -49,22 +49,22 @@ function sortDirectives(a: HasElement, b: HasElement) {
  * with ToolbarWidget and RadioGroup as follows:
  *
  * ```html
- * <div toolbar>
- *  <button toolbarWidget>Button</button>
- *  <div radioGroup>
- *    <label radioButton value="1">Option 1</label>
- *    <label radioButton value="2">Option 2</label>
- *    <label radioButton value="3">Option 3</label>
+ * <div ngToolbar>
+ *  <button ngToolbarWidget>Button</button>
+ *  <div ngRadioGroup>
+ *    <label ngRadioButton value="1">Option 1</label>
+ *    <label ngRadioButton value="2">Option 2</label>
+ *    <label ngRadioButton value="3">Option 3</label>
  *  </div>
  * </div>
  * ```
  */
 @Directive({
-  selector: '[toolbar]',
-  exportAs: 'toolbar',
+  selector: '[ngToolbar]',
+  exportAs: 'ngToolbar',
   host: {
     'role': 'toolbar',
-    'class': 'toolbar',
+    'class': 'ng-toolbar',
     '[attr.tabindex]': 'pattern.tabindex()',
     '[attr.aria-disabled]': 'pattern.disabled()',
     '[attr.aria-orientation]': 'pattern.orientation()',
@@ -78,14 +78,14 @@ export class Toolbar<V> {
   private readonly _elementRef = inject(ElementRef);
 
   /** The TabList nested inside of the container. */
-  private readonly _Widgets = signal(new Set<ToolbarWidget<V> | ToolbarWidgetGroup<V>>());
+  private readonly _widgets = signal(new Set<ToolbarWidget<V> | ToolbarWidgetGroup<V>>());
 
   /** A signal wrapper for directionality. */
   readonly textDirection = inject(Directionality).valueSignal;
 
   /** Sorted UIPatterns of the child widgets */
   readonly items = computed(() =>
-    [...this._Widgets()].sort(sortDirectives).map(widget => widget.pattern),
+    [...this._widgets()].sort(sortDirectives).map(widget => widget.pattern),
   );
 
   /** Whether the toolbar is vertically or horizontally oriented. */
@@ -134,24 +134,24 @@ export class Toolbar<V> {
   }
 
   register(widget: ToolbarWidget<V> | ToolbarWidgetGroup<V>) {
-    const widgets = this._Widgets();
+    const widgets = this._widgets();
     if (!widgets.has(widget)) {
       widgets.add(widget);
-      this._Widgets.set(new Set(widgets));
+      this._widgets.set(new Set(widgets));
     }
   }
 
   unregister(widget: ToolbarWidget<V> | ToolbarWidgetGroup<V>) {
-    const widgets = this._Widgets();
+    const widgets = this._widgets();
     if (widgets.delete(widget)) {
-      this._Widgets.set(new Set(widgets));
+      this._widgets.set(new Set(widgets));
     }
   }
 
   /** Finds the toolbar item associated with a given element. */
   private _getItem(element: Element) {
-    const widgetTarget = element.closest('.toolbar-widget');
-    const groupTarget = element.closest('.toolbar-widget-group');
+    const widgetTarget = element.closest('.ng-toolbar-widget');
+    const groupTarget = element.closest('.ng-toolbar-widget-group');
     return this.items().find(
       widget => widget.element() === widgetTarget || widget.element() === groupTarget,
     );
@@ -165,10 +165,10 @@ export class Toolbar<V> {
  * that has the purpose of acting as a widget navigatable within a toolbar.
  */
 @Directive({
-  selector: '[toolbarWidget]',
-  exportAs: 'toolbarWidget',
+  selector: '[ngToolbarWidget]',
+  exportAs: 'ngToolbarWidget',
   host: {
-    'class': 'toolbar-widget',
+    'class': 'ng-toolbar-widget',
     '[attr.data-active]': 'pattern.active()',
     '[attr.tabindex]': 'pattern.tabindex()',
     '[attr.inert]': 'hardDisabled() ? true : null',
@@ -182,16 +182,16 @@ export class ToolbarWidget<V> implements OnInit, OnDestroy {
   private readonly _elementRef = inject(ElementRef);
 
   /** The parent Toolbar. */
-  private readonly _Toolbar = inject(Toolbar);
+  private readonly _toolbar = inject(Toolbar);
 
   /** A unique identifier for the widget. */
-  private readonly _generatedId = inject(_IdGenerator).getId('toolbar-widget-');
+  private readonly _generatedId = inject(_IdGenerator).getId('ng-toolbar-widget-');
 
   /** A unique identifier for the widget. */
   readonly id = computed(() => this._generatedId);
 
   /** The parent Toolbar UIPattern. */
-  readonly toolbar = computed(() => this._Toolbar.pattern);
+  readonly toolbar = computed(() => this._toolbar.pattern);
 
   /** A reference to the widget element to be focused on navigation. */
   readonly element = computed(() => this._elementRef.nativeElement);
@@ -200,22 +200,22 @@ export class ToolbarWidget<V> implements OnInit, OnDestroy {
   readonly disabled = input(false, {transform: booleanAttribute});
 
   /** Whether the widget is 'hard' disabled, which is different from `aria-disabled`. A hard disabled widget cannot receive focus. */
-  readonly hardDisabled = computed(() => this.pattern.disabled() && this._Toolbar.skipDisabled());
+  readonly hardDisabled = computed(() => this.pattern.disabled() && this._toolbar.skipDisabled());
 
   /** The ToolbarWidget UIPattern. */
   readonly pattern = new ToolbarWidgetPattern<V>({
     ...this,
     id: this.id,
     element: this.element,
-    disabled: computed(() => this._Toolbar.disabled() || this.disabled()),
+    disabled: computed(() => this._toolbar.disabled() || this.disabled()),
   });
 
   ngOnInit() {
-    this._Toolbar.register(this);
+    this._toolbar.register(this);
   }
 
   ngOnDestroy() {
-    this._Toolbar.unregister(this);
+    this._toolbar.unregister(this);
   }
 }
 
@@ -225,7 +225,7 @@ export class ToolbarWidget<V> implements OnInit, OnDestroy {
  */
 @Directive({
   host: {
-    '[class.toolbar-widget-group]': '!!toolbar()',
+    '[class.ng-toolbar-widget-group]': '!!toolbar()',
   },
 })
 export class ToolbarWidgetGroup<V> implements OnInit, OnDestroy {
@@ -233,16 +233,16 @@ export class ToolbarWidgetGroup<V> implements OnInit, OnDestroy {
   private readonly _elementRef = inject(ElementRef);
 
   /** The parent Toolbar. */
-  private readonly _Toolbar = inject(Toolbar, {optional: true});
+  private readonly _toolbar = inject(Toolbar, {optional: true});
 
   /** A unique identifier for the widget. */
-  private readonly _generatedId = inject(_IdGenerator).getId('toolbar-widget-group-');
+  private readonly _generatedId = inject(_IdGenerator).getId('ng-toolbar-widget-group-');
 
   /** A unique identifier for the widget. */
   readonly id = computed(() => this._generatedId);
 
   /** The parent Toolbar UIPattern. */
-  readonly toolbar = computed(() => this._Toolbar?.pattern);
+  readonly toolbar = computed(() => this._toolbar?.pattern);
 
   /** A reference to the widget element to be focused on navigation. */
   readonly element = computed(() => this._elementRef.nativeElement);
@@ -261,10 +261,10 @@ export class ToolbarWidgetGroup<V> implements OnInit, OnDestroy {
   });
 
   ngOnInit() {
-    this._Toolbar?.register(this);
+    this._toolbar?.register(this);
   }
 
   ngOnDestroy() {
-    this._Toolbar?.unregister(this);
+    this._toolbar?.unregister(this);
   }
 }
diff --git a/src/aria/tree/tree.spec.ts b/src/aria/tree/tree.spec.ts
index 051c56573415..5b73addf196e 100644
--- a/src/aria/tree/tree.spec.ts
+++ b/src/aria/tree/tree.spec.ts
@@ -1329,7 +1329,7 @@ interface TestTreeNode<V = string> {
 @Component({
   template: `
     <ul
-      tree
+      ngTree
       [focusMode]="focusMode()"
       [selectionMode]="selectionMode()"
       [multi]="multi()"
@@ -1340,7 +1340,7 @@ interface TestTreeNode<V = string> {
       [(value)]="value"
       [nav]="nav()"
       [currentType]="currentType()"
-      #tree="tree"
+      #tree="ngTree"
     >
       @for (node of nodes(); track node.value) {
         <ng-template [ngTemplateOutlet]="nodeTemplate" [ngTemplateOutletContext]="{ node: node, parent: tree }" />
@@ -1349,22 +1349,22 @@ interface TestTreeNode<V = string> {
 
     <ng-template #nodeTemplate let-node="node" let-parent="parent">
       <li
-        treeItem
+        ngTreeItem
         [value]="node.value"
         [label]="node.label"
         [disabled]="!!node.disabled"
         [parent]="parent"
         [attr.data-value]="node.value"
-        #treeItem="treeItem"
+        #treeItem="ngTreeItem"
       >
         {{ node.label }}
         @if (node.children !== undefined && node.children!.length > 0) {
           <ul
-            treeItemGroup
+            ngTreeItemGroup
             [ownedBy]="treeItem"
             [attr.data-group-for]="node.value"
-            #group="treeItemGroup">
-            <ng-template treeItemGroupContent>
+            #group="ngTreeItemGroup">
+            <ng-template ngTreeItemGroupContent>
               @for (node of node.children; track node.value) {
                 <ng-template [ngTemplateOutlet]="nodeTemplate" [ngTemplateOutletContext]="{ node: node, parent: group }" />
               }
diff --git a/src/aria/tree/tree.ts b/src/aria/tree/tree.ts
index cb93262d74a4..19bd38bd3d7a 100644
--- a/src/aria/tree/tree.ts
+++ b/src/aria/tree/tree.ts
@@ -46,26 +46,26 @@ function sortDirectives(a: HasElement, b: HasElement) {
  * Transforms nested lists into an accessible, ARIA-compliant tree structure.
  *
  * ```html
- * <ul tree [(value)]="selectedItems" [multi]="true">
- *   <li treeItem [value]="'leaf1'">Leaf Item 1</li>
- *   <li treeItem [value]="'parent1'">
+ * <ul ngTree [(value)]="selectedItems" [multi]="true">
+ *   <li ngTreeItem [value]="'leaf1'">Leaf Item 1</li>
+ *   <li ngTreeItem [value]="'parent1'">
  *     Parent Item 1
- *     <ul treeItemGroup [value]="'parent1'">
- *       <ng-template treeItemGroupContent>
- *         <li treeItem [value]="'child1.1'">Child Item 1.1</li>
- *         <li treeItem [value]="'child1.2'">Child Item 1.2</li>
+ *     <ul ngTreeItemGroup [value]="'parent1'">
+ *       <ng-template ngTreeItemGroupContent>
+ *         <li ngTreeItem [value]="'child1.1'">Child Item 1.1</li>
+ *         <li ngTreeItem [value]="'child1.2'">Child Item 1.2</li>
  *       </ng-template>
  *     </ul>
  *   </li>
- *   <li treeItem [value]="'leaf2'" [disabled]="true">Disabled Leaf Item 2</li>
+ *   <li ngTreeItem [value]="'leaf2'" [disabled]="true">Disabled Leaf Item 2</li>
  * </ul>
  * ```
  */
 @Directive({
-  selector: '[tree]',
-  exportAs: 'tree',
+  selector: '[ngTree]',
+  exportAs: 'ngTree',
   host: {
-    'class': 'tree',
+    'class': 'ng-tree',
     'role': 'tree',
     '[attr.id]': 'id()',
     '[attr.aria-orientation]': 'pattern.orientation()',
@@ -81,7 +81,7 @@ function sortDirectives(a: HasElement, b: HasElement) {
 })
 export class Tree<V> {
   /** A unique identifier for the tree. */
-  private readonly _generatedId = inject(_IdGenerator).getId('tree-');
+  private readonly _generatedId = inject(_IdGenerator).getId('ng-tree-');
 
   // TODO(wagnermaciel): https://github.com/angular/components/pull/30495#discussion_r1972601144.
   /** A unique identifier for the tree. */
@@ -206,10 +206,10 @@ export class Tree<V> {
  * A selectable and expandable Tree Item in a Tree.
  */
 @Directive({
-  selector: '[treeItem]',
-  exportAs: 'treeItem',
+  selector: '[ngTreeItem]',
+  exportAs: 'ngTreeItem',
   host: {
-    'class': 'treeitem',
+    'class': 'ng-treeitem',
     '[attr.data-active]': 'pattern.active()',
     'role': 'treeitem',
     '[id]': 'pattern.id()',
@@ -229,7 +229,7 @@ export class TreeItem<V> implements OnInit, OnDestroy, HasElement {
   private readonly _elementRef = inject(ElementRef);
 
   /** A unique identifier for the tree item. */
-  private readonly _id = inject(_IdGenerator).getId('tree-item-');
+  private readonly _id = inject(_IdGenerator).getId('ng-tree-item-');
 
   /** The owned tree item group. */
   private readonly _group = signal<TreeItemGroup<V> | undefined>(undefined);
@@ -317,8 +317,8 @@ export class TreeItem<V> implements OnInit, OnDestroy, HasElement {
  * Container that designates content as a group.
  */
 @Directive({
-  selector: '[treeItemGroup]',
-  exportAs: 'treeItemGroup',
+  selector: '[ngTreeItemGroup]',
+  exportAs: 'ngTreeItemGroup',
   hostDirectives: [
     {
       directive: DeferredContentAware,
@@ -326,7 +326,7 @@ export class TreeItem<V> implements OnInit, OnDestroy, HasElement {
     },
   ],
   host: {
-    'class': 'treeitem-group',
+    'class': 'ng-treeitem-group',
     'role': 'group',
     '[id]': 'id',
     '[attr.inert]': 'visible() ? null : true',
@@ -346,7 +346,7 @@ export class TreeItemGroup<V> implements OnInit, OnDestroy, HasElement {
   readonly element = computed(() => this._elementRef.nativeElement);
 
   /** Unique ID for the group. */
-  readonly id = inject(_IdGenerator).getId('tree-group-');
+  readonly id = inject(_IdGenerator).getId('ng-tree-group-');
 
   /** Whether the group is visible. */
   readonly visible = signal(true);
@@ -391,7 +391,7 @@ export class TreeItemGroup<V> implements OnInit, OnDestroy, HasElement {
  * for a `TreeItemGroup`. This content can be lazily loaded.
  */
 @Directive({
-  selector: 'ng-template[treeItemGroupContent]',
+  selector: 'ng-template[ngTreeItemGroupContent]',
   hostDirectives: [DeferredContent],
 })
 export class TreeItemGroupContent {}
diff --git a/src/components-examples/aria/accordion/accordion-configurable/accordion-configurable-example.html b/src/components-examples/aria/accordion/accordion-configurable/accordion-configurable-example.html
index b7fed2db81a5..28b6ca833bae 100644
--- a/src/components-examples/aria/accordion/accordion-configurable/accordion-configurable-example.html
+++ b/src/components-examples/aria/accordion/accordion-configurable/accordion-configurable-example.html
@@ -15,7 +15,7 @@
 </div>
 
 <div
-  accordionGroup
+  ngAccordionGroup
   class="example-accordion-group"
   [multiExpandable]="multi.value"
   [disabled]="disabled.value"
@@ -25,13 +25,13 @@
 >
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item1">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item1">
         Item 1 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item1')()}}</mat-icon>
       </button>
     </h3>
-    <div accordionPanel value="item1" class="example-accordion-panel">
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item1" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 1.</p>
         <button>Focusable Button</button>
       </ng-template>
@@ -40,32 +40,28 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item2" disabled>
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item2" disabled>
         Item 2 Trigger (disabled)
         <mat-icon aria-hidden="true">{{expansionIcon('item2')()}}</mat-icon>
       </button>
     </h3>
-    <div accordionPanel value="item2" class="example-accordion-panel">
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item2" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 2.</p>
-        <label>Input inside panel: <input type="text"></label>
+        <label>Input inside panel: <input type="text" /></label>
       </ng-template>
     </div>
   </div>
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item3">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item3">
         Item 3 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item3')()}}</mat-icon>
       </button>
     </h3>
-    <div
-      accordionPanel
-      value="item3"
-      class="example-accordion-panel"
-    >
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item3" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 3.</p>
       </ng-template>
     </div>
@@ -73,17 +69,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item4">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item4">
         Item 4 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item4')()}}</mat-icon>
       </button>
     </h3>
-    <div
-      accordionPanel
-      value="item4"
-      class="example-accordion-panel"
-    >
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item4" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 4</p>
       </ng-template>
     </div>
@@ -91,17 +83,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item5">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item5">
         Item 5 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item5')()}}</mat-icon>
       </button>
     </h3>
-    <div
-      accordionPanel
-      value="item5"
-      class="example-accordion-panel"
-    >
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item5" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 5</p>
       </ng-template>
     </div>
diff --git a/src/components-examples/aria/accordion/accordion-disabled-focusable/accordion-disabled-focusable-example.html b/src/components-examples/aria/accordion/accordion-disabled-focusable/accordion-disabled-focusable-example.html
index 644163ab05cf..cda513b3a334 100644
--- a/src/components-examples/aria/accordion/accordion-disabled-focusable/accordion-disabled-focusable-example.html
+++ b/src/components-examples/aria/accordion/accordion-disabled-focusable/accordion-disabled-focusable-example.html
@@ -1,5 +1,5 @@
 <div
-  accordionGroup
+  ngAccordionGroup
   class="example-accordion-group"
   [multiExpandable]="true"
   [skipDisabled]="false"
@@ -7,13 +7,13 @@
 >
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item1">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item1">
         Item 1 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item1')()}}</mat-icon>
       </button>
     </h3>
-    <div accordionPanel value="item1" class="example-accordion-panel">
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item1" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 1.</p>
       </ng-template>
     </div>
@@ -21,13 +21,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item2" disabled>
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item2" disabled>
         Item 2 Trigger (disabled)
         <mat-icon aria-hidden="true">{{expansionIcon('item2')()}}</mat-icon>
       </button>
     </h3>
-    <div accordionPanel value="item2" class="example-accordion-panel">
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item2" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 2. This should not be expandable if trigger is disabled.</p>
       </ng-template>
     </div>
@@ -35,13 +35,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item3">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item3">
         Item 3 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item3')()}}</mat-icon>
       </button>
     </h3>
-    <div accordionPanel value="item3" class="example-accordion-panel">
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item3" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 3.</p>
       </ng-template>
     </div>
@@ -49,13 +49,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item4">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item4">
         Item 4 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item4')()}}</mat-icon>
       </button>
     </h3>
-    <div accordionPanel value="item4" class="example-accordion-panel">
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item4" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 4</p>
       </ng-template>
     </div>
@@ -63,13 +63,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item5">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item5">
         Item 5 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item5')()}}</mat-icon>
       </button>
     </h3>
-    <div accordionPanel value="item5" class="example-accordion-panel">
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item5" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 5</p>
       </ng-template>
     </div>
diff --git a/src/components-examples/aria/accordion/accordion-disabled-skipped/accordion-disabled-skipped-example.html b/src/components-examples/aria/accordion/accordion-disabled-skipped/accordion-disabled-skipped-example.html
index bd2842c81257..5ab83008e14d 100644
--- a/src/components-examples/aria/accordion/accordion-disabled-skipped/accordion-disabled-skipped-example.html
+++ b/src/components-examples/aria/accordion/accordion-disabled-skipped/accordion-disabled-skipped-example.html
@@ -1,5 +1,5 @@
 <div
-  accordionGroup
+  ngAccordionGroup
   class="example-accordion-group"
   [multiExpandable]="true"
   [skipDisabled]="true"
@@ -7,13 +7,13 @@
 >
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item1">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item1">
         Item 1 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item1')()}}</mat-icon>
       </button>
     </h3>
-    <div accordionPanel value="item1" class="example-accordion-panel">
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item1" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 1.</p>
       </ng-template>
     </div>
@@ -21,13 +21,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item2" disabled>
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item2" disabled>
         Item 2 Trigger (disabled)
         <mat-icon aria-hidden="true">{{expansionIcon('item2')()}}</mat-icon>
       </button>
     </h3>
-    <div accordionPanel value="item2" class="example-accordion-panel">
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item2" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 2. This should not be reachable or expandable.</p>
       </ng-template>
     </div>
@@ -35,13 +35,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item3">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item3">
         Item 3 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item3')()}}</mat-icon>
       </button>
     </h3>
-    <div accordionPanel value="item3" class="example-accordion-panel">
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item3" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 3.</p>
       </ng-template>
     </div>
@@ -49,13 +49,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item4">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item4">
         Item 4 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item4')()}}</mat-icon>
       </button>
     </h3>
-    <div accordionPanel value="item4" class="example-accordion-panel">
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item4" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 4</p>
       </ng-template>
     </div>
@@ -63,13 +63,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item5">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item5">
         Item 5 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item5')()}}</mat-icon>
       </button>
     </h3>
-    <div accordionPanel value="item5" class="example-accordion-panel">
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item5" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 5</p>
       </ng-template>
     </div>
diff --git a/src/components-examples/aria/accordion/accordion-disabled/accordion-disabled-example.html b/src/components-examples/aria/accordion/accordion-disabled/accordion-disabled-example.html
index d9f821ad543a..c77ba9d15824 100644
--- a/src/components-examples/aria/accordion/accordion-disabled/accordion-disabled-example.html
+++ b/src/components-examples/aria/accordion/accordion-disabled/accordion-disabled-example.html
@@ -1,13 +1,13 @@
-<div accordionGroup class="example-accordion-group" [(value)]="expandedIds" [disabled]="true">
+<div ngAccordionGroup class="example-accordion-group" [(value)]="expandedIds" [disabled]="true">
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item1">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item1">
         Item 1 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item1')()}}</mat-icon>
       </button>
     </h3>
-    <div accordionPanel value="item1" class="example-accordion-panel">
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item1" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 1.</p>
         <button>Focusable Button</button>
       </ng-template>
@@ -16,13 +16,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item2">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item2">
         Item 2 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item2')()}}</mat-icon>
       </button>
     </h3>
-    <div accordionPanel value="item2" class="example-accordion-panel">
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item2" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 2.</p>
         <label>Input inside panel: <input type="text" /></label>
       </ng-template>
@@ -31,13 +31,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item3">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item3">
         Item 3 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item3')()}}</mat-icon>
       </button>
     </h3>
-    <div accordionPanel value="item3" class="example-accordion-panel">
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item3" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 3.</p>
       </ng-template>
     </div>
@@ -45,13 +45,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item4">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item4">
         Item 4 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item4')()}}</mat-icon>
       </button>
     </h3>
-    <div accordionPanel value="item4" class="example-accordion-panel">
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item4" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 4</p>
       </ng-template>
     </div>
@@ -59,13 +59,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item5">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item5">
         Item 5 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item5')()}}</mat-icon>
       </button>
     </h3>
-    <div accordionPanel value="item5" class="example-accordion-panel">
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item5" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 5</p>
       </ng-template>
     </div>
diff --git a/src/components-examples/aria/accordion/accordion-multi-expansion/accordion-multi-expansion-example.html b/src/components-examples/aria/accordion/accordion-multi-expansion/accordion-multi-expansion-example.html
index 8baa4cdec1d4..fdcc50516d28 100644
--- a/src/components-examples/aria/accordion/accordion-multi-expansion/accordion-multi-expansion-example.html
+++ b/src/components-examples/aria/accordion/accordion-multi-expansion/accordion-multi-expansion-example.html
@@ -1,18 +1,18 @@
 <div
-  accordionGroup
+  ngAccordionGroup
   class="example-accordion-group"
   [multiExpandable]="true"
   [(value)]="expandedIds"
 >
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item1">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item1">
         Item 1 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item1')()}}</mat-icon>
       </button>
     </h3>
-    <div accordionPanel value="item1" class="example-accordion-panel">
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item1" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 1. Multiple items can be expanded.</p>
         <button>Focusable Button</button>
       </ng-template>
@@ -21,13 +21,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item2">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item2">
         Item 2 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item2')()}}</mat-icon>
       </button>
     </h3>
-    <div accordionPanel value="item2" class="example-accordion-panel">
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item2" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 2.</p>
         <label>Input inside panel: <input type="text"></label>
       </ng-template>
@@ -36,17 +36,17 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item3">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item3">
         Item 3 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item3')()}}</mat-icon>
       </button>
     </h3>
     <div
-      accordionPanel
+      ngAccordionPanel
       value="item3"
       class="example-accordion-panel"
     >
-      <ng-template accordionContent>
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 3.</p>
       </ng-template>
     </div>
@@ -54,17 +54,17 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item4">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item4">
         Item 4 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item4')()}}</mat-icon>
       </button>
     </h3>
     <div
-      accordionPanel
+      ngAccordionPanel
       value="item4"
       class="example-accordion-panel"
     >
-      <ng-template accordionContent>
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 4</p>
       </ng-template>
     </div>
@@ -72,17 +72,17 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item5">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item5">
         Item 5 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item5')()}}</mat-icon>
       </button>
     </h3>
     <div
-      accordionPanel
+      ngAccordionPanel
       value="item5"
       class="example-accordion-panel"
     >
-      <ng-template accordionContent>
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 5</p>
       </ng-template>
     </div>
diff --git a/src/components-examples/aria/accordion/accordion-single-expansion/accordion-single-expansion-example.html b/src/components-examples/aria/accordion/accordion-single-expansion/accordion-single-expansion-example.html
index edb1b6193155..0a29a42116f1 100644
--- a/src/components-examples/aria/accordion/accordion-single-expansion/accordion-single-expansion-example.html
+++ b/src/components-examples/aria/accordion/accordion-single-expansion/accordion-single-expansion-example.html
@@ -1,18 +1,18 @@
 <div
-  accordionGroup
+  ngAccordionGroup
   class="example-accordion-group"
   [multiExpandable]="false"
   [(value)]="expandedIds"
 >
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item1">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item1">
         Item 1 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item1')()}}</mat-icon>
       </button>
     </h3>
-    <div accordionPanel value="item1" class="example-accordion-panel">
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item1" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 1.</p>
         <button>Focusable Button</button>
       </ng-template>
@@ -21,13 +21,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item2">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item2">
         Item 2 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item2')()}}</mat-icon>
       </button>
     </h3>
-    <div accordionPanel value="item2" class="example-accordion-panel">
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item2" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 2.</p>
         <label>Input inside panel: <input type="text"></label>
       </ng-template>
@@ -36,17 +36,17 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item3">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item3">
         Item 3 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item3')()}}</mat-icon>
       </button>
     </h3>
     <div
-      accordionPanel
+      ngAccordionPanel
       value="item3"
       class="example-accordion-panel"
     >
-      <ng-template accordionContent>
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 3.</p>
       </ng-template>
     </div>
@@ -54,17 +54,17 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item4">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item4">
         Item 4 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item4')()}}</mat-icon>
       </button>
     </h3>
     <div
-      accordionPanel
+      ngAccordionPanel
       value="item4"
       class="example-accordion-panel"
     >
-      <ng-template accordionContent>
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 4</p>
       </ng-template>
     </div>
@@ -72,17 +72,17 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item5">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item5">
         Item 5 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item5')()}}</mat-icon>
       </button>
     </h3>
     <div
-      accordionPanel
+      ngAccordionPanel
       value="item5"
       class="example-accordion-panel"
     >
-      <ng-template accordionContent>
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 5</p>
       </ng-template>
     </div>
diff --git a/src/components-examples/aria/accordion/cdk-accordion-configurable/cdk-accordion-configurable-example.html b/src/components-examples/aria/accordion/cdk-accordion-configurable/cdk-accordion-configurable-example.html
index 4f34b9049ea5..8827996ad539 100644
--- a/src/components-examples/aria/accordion/cdk-accordion-configurable/cdk-accordion-configurable-example.html
+++ b/src/components-examples/aria/accordion/cdk-accordion-configurable/cdk-accordion-configurable-example.html
@@ -15,7 +15,7 @@
 </div>
 
 <div
-  accordionGroup
+  ngAccordionGroup
   class="example-accordion-group"
   [multiExpandable]="multi.value"
   [disabled]="disabled.value"
@@ -25,13 +25,13 @@
 >
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" class="example-accordion-trigger" value="item1">
+      <button ngAccordionTrigger class="example-accordion-trigger" class="example-accordion-trigger" value="item1">
         Item 1 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item1')()}}</mat-icon>
       </button>
     </h3>
-    <div accordionPanel value="item1" class="example-accordion-panel">
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item1" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 1.</p>
         <button>Focusable Button</button>
       </ng-template>
@@ -40,13 +40,13 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item2" disabled>
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item2" disabled>
         Item 2 Trigger (disabled)
         <mat-icon aria-hidden="true">{{expansionIcon('item2')()}}</mat-icon>
       </button>
     </h3>
-    <div accordionPanel value="item2" class="example-accordion-panel">
-      <ng-template accordionContent>
+    <div ngAccordionPanel value="item2" class="example-accordion-panel">
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 2.</p>
         <label>Input inside panel: <input type="text"></label>
       </ng-template>
@@ -55,17 +55,17 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item3">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item3">
         Item 3 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item3')()}}</mat-icon>
       </button>
     </h3>
     <div
-      accordionPanel
+      ngAccordionPanel
       value="item3"
       class="example-accordion-panel"
     >
-      <ng-template accordionContent>
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 3.</p>
       </ng-template>
     </div>
@@ -73,17 +73,17 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item4">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item4">
         Item 4 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item4')()}}</mat-icon>
       </button>
     </h3>
     <div
-      accordionPanel
+      ngAccordionPanel
       value="item4"
       class="example-accordion-panel"
     >
-      <ng-template accordionContent>
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 4</p>
       </ng-template>
     </div>
@@ -91,17 +91,17 @@ <h3 class="example-accordion-header">
 
   <div class="example-accordion">
     <h3 class="example-accordion-header">
-      <button accordionTrigger class="example-accordion-trigger" value="item5">
+      <button ngAccordionTrigger class="example-accordion-trigger" value="item5">
         Item 5 Trigger
         <mat-icon aria-hidden="true">{{expansionIcon('item5')()}}</mat-icon>
       </button>
     </h3>
     <div
-      accordionPanel
+      ngAccordionPanel
       value="item5"
       class="example-accordion-panel"
     >
-      <ng-template accordionContent>
+      <ng-template ngAccordionContent>
         <p>This is the content for Item 5</p>
       </ng-template>
     </div>
diff --git a/src/components-examples/aria/combobox/combobox-auto-select/combobox-auto-select-example.html b/src/components-examples/aria/combobox/combobox-auto-select/combobox-auto-select-example.html
index d985bde86220..bce80529017e 100644
--- a/src/components-examples/aria/combobox/combobox-auto-select/combobox-auto-select-example.html
+++ b/src/components-examples/aria/combobox/combobox-auto-select/combobox-auto-select-example.html
@@ -1,8 +1,8 @@
-<div #combobox="combobox" combobox filterMode="auto-select" class="example-combobox-container">
+<div ngCombobox #combobox="ngCombobox" filterMode="auto-select" class="example-combobox-container">
   <div class="example-combobox-input-container">
     <span class="material-symbols-outlined example-icon example-search-icon">search</span>
     <input
-      comboboxInput
+      ngComboboxInput
       placeholder="Search..."
       [(value)]="searchString"
       class="example-combobox-input"
@@ -10,12 +10,12 @@
   </div>
 
   <div popover="manual" #popover class="example-popover">
-    <ng-template comboboxPopupContainer>
-      <div listbox class="example-listbox">
+    <ng-template ngComboboxPopupContainer>
+      <div ngListbox class="example-listbox">
         @for (option of options(); track option) {
           <div
             class="example-option example-selectable example-stateful"
-            option
+            ngOption
             [value]="option"
             [label]="option"
           >
diff --git a/src/components-examples/aria/combobox/combobox-highlight/combobox-highlight-example.html b/src/components-examples/aria/combobox/combobox-highlight/combobox-highlight-example.html
index 2edf948f93af..1d64419534d7 100644
--- a/src/components-examples/aria/combobox/combobox-highlight/combobox-highlight-example.html
+++ b/src/components-examples/aria/combobox/combobox-highlight/combobox-highlight-example.html
@@ -1,13 +1,8 @@
-<div
-  #combobox="combobox"
-  combobox
-  filterMode="highlight"
-  class="example-combobox-container"
->
+<div ngCombobox #combobox="ngCombobox" filterMode="highlight" class="example-combobox-container">
   <div class="example-combobox-input-container">
     <span class="material-symbols-outlined example-icon example-search-icon">search</span>
     <input
-      comboboxInput
+      ngComboboxInput
       placeholder="Search..."
       [(value)]="searchString"
       class="example-combobox-input"
@@ -15,12 +10,12 @@
   </div>
 
   <div popover="manual" #popover class="example-popover">
-    <ng-template comboboxPopupContainer>
-      <div listbox class="example-listbox">
+    <ng-template ngComboboxPopupContainer>
+      <div ngListbox class="example-listbox">
         @for (option of options(); track option) {
           <div
             class="example-option example-selectable example-stateful"
-            option
+            ngOption
             [value]="option"
             [label]="option"
           >
diff --git a/src/components-examples/aria/combobox/combobox-manual/combobox-manual-example.html b/src/components-examples/aria/combobox/combobox-manual/combobox-manual-example.html
index aac5ee18904c..e80a360531a5 100644
--- a/src/components-examples/aria/combobox/combobox-manual/combobox-manual-example.html
+++ b/src/components-examples/aria/combobox/combobox-manual/combobox-manual-example.html
@@ -1,13 +1,8 @@
-<div
-  combobox
-  #combobox="combobox"
-  filterMode="manual"
-  class="example-combobox-container"
->
+<div ngCombobox #combobox="ngCombobox" filterMode="manual" class="example-combobox-container">
   <div class="example-combobox-input-container">
     <span class="material-symbols-outlined example-icon example-search-icon">search</span>
     <input
-      comboboxInput
+      ngComboboxInput
       class="example-combobox-input"
       placeholder="Search..."
       [(value)]="searchString"
@@ -15,12 +10,12 @@
   </div>
 
   <div popover="manual" #popover class="example-popover">
-    <ng-template comboboxPopupContainer>
-      <div listbox class="example-listbox">
+    <ng-template ngComboboxPopupContainer>
+      <div ngListbox class="example-listbox">
         @for (option of options(); track option) {
           <div
             class="example-option example-selectable example-stateful"
-            option
+            ngOption
             [value]="option"
             [label]="option"
           >
diff --git a/src/components-examples/aria/combobox/combobox-tree-auto-select/combobox-tree-auto-select-example.html b/src/components-examples/aria/combobox/combobox-tree-auto-select/combobox-tree-auto-select-example.html
index 6355770d5ec1..2b296bbd117b 100644
--- a/src/components-examples/aria/combobox/combobox-tree-auto-select/combobox-tree-auto-select-example.html
+++ b/src/components-examples/aria/combobox/combobox-tree-auto-select/combobox-tree-auto-select-example.html
@@ -1,6 +1,6 @@
 <div
-  #combobox="combobox"
-  combobox
+  ngCombobox
+  #combobox="ngCombobox"
   class="example-combobox-container"
   [firstMatch]="firstMatch()"
   filterMode="auto-select"
@@ -8,7 +8,7 @@
   <div class="example-combobox-input-container">
     <span class="material-symbols-outlined example-icon example-search-icon">search</span>
     <input
-      comboboxInput
+      ngComboboxInput
       class="example-combobox-input"
       placeholder="Search..."
       [(value)]="searchString"
@@ -16,8 +16,8 @@
   </div>
 
   <div popover="manual" #popover class="example-popover">
-    <ng-template comboboxPopupContainer>
-      <ul tree #tree="tree" class="example-tree">
+    <ng-template ngComboboxPopupContainer>
+      <ul ngTree #tree="ngTree" class="example-tree">
         <ng-template
           [ngTemplateOutlet]="treeNodes"
           [ngTemplateOutletContext]="{nodes: nodes(), parent: tree}"
@@ -30,11 +30,11 @@
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.name) {
     <li
-      treeItem
+      ngTreeItem
       [parent]="parent"
       [value]="node.name"
       [label]="node.name"
-      #treeItem="treeItem"
+      #treeItem="ngTreeItem"
       class="example-tree-item example-selectable example-stateful"
     >
       <span
@@ -49,8 +49,8 @@
     </li>
 
     @if (node.children) {
-      <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
-        <ng-template treeItemGroupContent>
+      <ul ngTreeItemGroup [ownedBy]="treeItem" #group="ngTreeItemGroup">
+        <ng-template ngTreeItemGroupContent>
           <ng-template
             [ngTemplateOutlet]="treeNodes"
             [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
diff --git a/src/components-examples/aria/combobox/combobox-tree-highlight/combobox-tree-highlight-example.html b/src/components-examples/aria/combobox/combobox-tree-highlight/combobox-tree-highlight-example.html
index c6f935ce3fce..c21841342d63 100644
--- a/src/components-examples/aria/combobox/combobox-tree-highlight/combobox-tree-highlight-example.html
+++ b/src/components-examples/aria/combobox/combobox-tree-highlight/combobox-tree-highlight-example.html
@@ -1,6 +1,6 @@
 <div
-  #combobox="combobox"
-  combobox
+  ngCombobox
+  #combobox="ngCombobox"
   class="example-combobox-container"
   [firstMatch]="firstMatch()"
   filterMode="highlight"
@@ -8,7 +8,7 @@
   <div class="example-combobox-input-container">
     <span class="material-symbols-outlined example-icon example-search-icon">search</span>
     <input
-      comboboxInput
+      ngComboboxInput
       class="example-combobox-input"
       placeholder="Search..."
       [(value)]="searchString"
@@ -16,8 +16,8 @@
   </div>
 
   <div popover="manual" #popover class="example-popover">
-    <ng-template comboboxPopupContainer>
-      <ul tree #tree="tree" class="example-tree">
+    <ng-template ngComboboxPopupContainer>
+      <ul ngTree #tree="ngTree" class="example-tree">
         <ng-template
           [ngTemplateOutlet]="treeNodes"
           [ngTemplateOutletContext]="{nodes: nodes(), parent: tree}"
@@ -30,11 +30,11 @@
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.name) {
     <li
-      treeItem
+      ngTreeItem
       [parent]="parent"
       [value]="node.name"
       [label]="node.name"
-      #treeItem="treeItem"
+      #treeItem="ngTreeItem"
       class="example-tree-item example-selectable example-stateful"
     >
       <span
@@ -49,8 +49,8 @@
     </li>
 
     @if (node.children) {
-      <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
-        <ng-template treeItemGroupContent>
+      <ul ngTreeItemGroup [ownedBy]="treeItem" #group="ngTreeItemGroup">
+        <ng-template ngTreeItemGroupContent>
           <ng-template
             [ngTemplateOutlet]="treeNodes"
             [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
diff --git a/src/components-examples/aria/combobox/combobox-tree-manual/combobox-tree-manual-example.html b/src/components-examples/aria/combobox/combobox-tree-manual/combobox-tree-manual-example.html
index bd39020e6d50..0a9a9ddb9251 100644
--- a/src/components-examples/aria/combobox/combobox-tree-manual/combobox-tree-manual-example.html
+++ b/src/components-examples/aria/combobox/combobox-tree-manual/combobox-tree-manual-example.html
@@ -1,6 +1,6 @@
 <div
-  #combobox="combobox"
-  combobox
+  ngCombobox
+  #combobox="ngCombobox"
   class="example-combobox-container"
   [firstMatch]="firstMatch()"
   filterMode="manual"
@@ -8,7 +8,7 @@
   <div class="example-combobox-input-container">
     <span class="material-symbols-outlined example-icon example-search-icon">search</span>
     <input
-      comboboxInput
+      ngComboboxInput
       class="example-combobox-input"
       placeholder="Search..."
       [(value)]="searchString"
@@ -16,8 +16,8 @@
   </div>
 
   <div popover="manual" #popover class="example-popover">
-    <ng-template comboboxPopupContainer>
-      <ul tree #tree="tree" class="example-tree">
+    <ng-template ngComboboxPopupContainer>
+      <ul ngTree #tree="ngTree" class="example-tree">
         <ng-template
           [ngTemplateOutlet]="treeNodes"
           [ngTemplateOutletContext]="{nodes: nodes(), parent: tree}"
@@ -30,11 +30,11 @@
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.name) {
     <li
-      treeItem
+      ngTreeItem
       [parent]="parent"
       [value]="node.name"
       [label]="node.name"
-      #treeItem="treeItem"
+      #treeItem="ngTreeItem"
       class="example-tree-item example-selectable example-stateful"
     >
       <span
@@ -49,8 +49,8 @@
     </li>
 
     @if (node.children) {
-      <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
-        <ng-template treeItemGroupContent>
+      <ul ngTreeItemGroup [ownedBy]="treeItem" #group="ngTreeItemGroup">
+        <ng-template ngTreeItemGroupContent>
           <ng-template
             [ngTemplateOutlet]="treeNodes"
             [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
diff --git a/src/components-examples/aria/listbox/listbox-active-descendant/listbox-active-descendant-example.html b/src/components-examples/aria/listbox/listbox-active-descendant/listbox-active-descendant-example.html
index eda4805a05db..3380d0d60568 100644
--- a/src/components-examples/aria/listbox/listbox-active-descendant/listbox-active-descendant-example.html
+++ b/src/components-examples/aria/listbox/listbox-active-descendant/listbox-active-descendant-example.html
@@ -1,7 +1,7 @@
 <!-- Active Descendant -->
 <div class="example-container">
   <ul
-    listbox
+    ngListbox
     focusMode="activedescendant"
     class="example-listbox example-parent"
     aria-labelledby="active-descendant-label"
@@ -11,8 +11,8 @@
       <li
         class="example-option example-stateful example-selectable"
         [value]="fruit"
-        option
-        #option="option"
+        ngOption
+        #option="ngOption"
       >
         <mat-pseudo-checkbox
           [state]="option.pattern.selected() ? 'checked' : 'unchecked'"
diff --git a/src/components-examples/aria/listbox/listbox-configurable/listbox-configurable-example.html b/src/components-examples/aria/listbox/listbox-configurable/listbox-configurable-example.html
index fad27bd2711f..8d467ca37354 100644
--- a/src/components-examples/aria/listbox/listbox-configurable/listbox-configurable-example.html
+++ b/src/components-examples/aria/listbox/listbox-configurable/listbox-configurable-example.html
@@ -50,8 +50,8 @@
 
 <!-- #docregion listbox -->
 <ul
-  listbox
-  #listbox="listbox"
+  ngListbox
+  #listbox="ngListbox"
   [value]="selection"
   [wrap]="wrap.value"
   [multi]="multi.value"
@@ -73,8 +73,8 @@
       class="example-option example-stateful example-selectable"
       [disabled]="optionDisabled"
       [value]="fruit"
-      option
-      #option="option"
+      ngOption
+      #option="ngOption"
     >
       <mat-pseudo-checkbox
         [disabled]="optionDisabled || listbox.disabled()"
diff --git a/src/components-examples/aria/listbox/listbox-disabled-focusable/listbox-disabled-focusable-example.html b/src/components-examples/aria/listbox/listbox-disabled-focusable/listbox-disabled-focusable-example.html
index 54aa66f41d97..9fa9e9e4fe8c 100644
--- a/src/components-examples/aria/listbox/listbox-disabled-focusable/listbox-disabled-focusable-example.html
+++ b/src/components-examples/aria/listbox/listbox-disabled-focusable/listbox-disabled-focusable-example.html
@@ -1,7 +1,7 @@
 <!-- Disabled Options are Focusable -->
 <div class="example-container">
   <ul
-    listbox
+    ngListbox
     [skipDisabled]="false"
     class="example-listbox example-parent"
     aria-labelledby="disabled-focusable-label"
@@ -12,8 +12,8 @@
         class="example-option example-stateful example-selectable"
         [value]="fruit"
         [disabled]="i % 2 === 0"
-        option
-        #option="option"
+        ngOption
+        #option="ngOption"
       >
         <mat-pseudo-checkbox
           [state]="option.pattern.selected() ? 'checked' : 'unchecked'"
diff --git a/src/components-examples/aria/listbox/listbox-disabled-skipped/listbox-disabled-skipped-example.html b/src/components-examples/aria/listbox/listbox-disabled-skipped/listbox-disabled-skipped-example.html
index 64f0ff7551bb..cc3c97192a77 100644
--- a/src/components-examples/aria/listbox/listbox-disabled-skipped/listbox-disabled-skipped-example.html
+++ b/src/components-examples/aria/listbox/listbox-disabled-skipped/listbox-disabled-skipped-example.html
@@ -1,7 +1,7 @@
 <!-- Disabled Options are Skipped -->
 <div class="example-container">
   <ul
-    listbox
+    ngListbox
     [skipDisabled]="true"
     class="example-listbox example-parent"
     aria-labelledby="disabled-skipped-label"
@@ -12,8 +12,8 @@
         class="example-option example-stateful example-selectable"
         [value]="fruit"
         [disabled]="i % 2 === 0"
-        option
-        #option="option"
+        ngOption
+        #option="ngOption"
       >
         <mat-pseudo-checkbox
           [state]="option.pattern.selected() ? 'checked' : 'unchecked'"
diff --git a/src/components-examples/aria/listbox/listbox-disabled/listbox-disabled-example.html b/src/components-examples/aria/listbox/listbox-disabled/listbox-disabled-example.html
index 98cfd389952a..d7b24b44f1a7 100644
--- a/src/components-examples/aria/listbox/listbox-disabled/listbox-disabled-example.html
+++ b/src/components-examples/aria/listbox/listbox-disabled/listbox-disabled-example.html
@@ -1,6 +1,6 @@
 <div class="example-container">
   <ul
-    listbox
+    ngListbox
     [disabled]="true"
     class="example-listbox example-parent"
     aria-labelledby="disabled-label"
@@ -10,8 +10,8 @@
       <li
         class="example-option example-stateful example-selectable"
         [value]="fruit"
-        option
-        #option="option"
+        ngOption
+        #option="ngOption"
       >
         <mat-pseudo-checkbox
           [state]="option.pattern.selected() ? 'checked' : 'unchecked'"
diff --git a/src/components-examples/aria/listbox/listbox-horizontal/listbox-horizontal-example.html b/src/components-examples/aria/listbox/listbox-horizontal/listbox-horizontal-example.html
index b9c087f752d6..f67f0e5669d0 100644
--- a/src/components-examples/aria/listbox/listbox-horizontal/listbox-horizontal-example.html
+++ b/src/components-examples/aria/listbox/listbox-horizontal/listbox-horizontal-example.html
@@ -1,7 +1,7 @@
 <!-- Horizontal Orientation -->
 <div class="example-container">
   <ul
-    listbox
+    ngListbox
     orientation="horizontal"
     class="example-listbox example-parent"
     aria-labelledby="horizontal-label"
@@ -11,8 +11,8 @@
       <li
         class="example-option example-stateful example-selectable"
         [value]="fruit"
-        option
-        #option="option"
+        ngOption
+        #option="ngOption"
       >
         <mat-pseudo-checkbox
           [state]="option.pattern.selected() ? 'checked' : 'unchecked'"
diff --git a/src/components-examples/aria/listbox/listbox-multi-select-follow-focus/listbox-multi-select-follow-focus-example.html b/src/components-examples/aria/listbox/listbox-multi-select-follow-focus/listbox-multi-select-follow-focus-example.html
index 9fe748d6edec..5ee2efc48739 100644
--- a/src/components-examples/aria/listbox/listbox-multi-select-follow-focus/listbox-multi-select-follow-focus-example.html
+++ b/src/components-examples/aria/listbox/listbox-multi-select-follow-focus/listbox-multi-select-follow-focus-example.html
@@ -1,7 +1,7 @@
 <!-- Multi Select w/ Selection Follows Focus -->
 <div class="example-container">
   <ul
-    listbox
+    ngListbox
     [multi]="true"
     selectionMode="follow"
     class="example-listbox example-parent"
@@ -12,8 +12,8 @@
       <li
         class="example-option example-stateful example-selectable"
         [value]="fruit"
-        option
-        #option="option"
+        ngOption
+        #option="ngOption"
       >
         <mat-pseudo-checkbox
           [state]="option.pattern.selected() ? 'checked' : 'unchecked'"
diff --git a/src/components-examples/aria/listbox/listbox-multi-select/listbox-multi-select-example.html b/src/components-examples/aria/listbox/listbox-multi-select/listbox-multi-select-example.html
index b0ca0f0b5519..2268a7e97a10 100644
--- a/src/components-examples/aria/listbox/listbox-multi-select/listbox-multi-select-example.html
+++ b/src/components-examples/aria/listbox/listbox-multi-select/listbox-multi-select-example.html
@@ -1,7 +1,7 @@
 <!-- Multi Select -->
 <div class="example-container">
   <ul
-    listbox
+    ngListbox
     [multi]="true"
     selectionMode="explicit"
     class="example-listbox example-parent"
@@ -12,8 +12,8 @@
       <li
         class="example-option example-stateful example-selectable"
         [value]="fruit"
-        option
-        #option="option"
+        ngOption
+        #option="ngOption"
       >
         <mat-pseudo-checkbox
           [state]="option.pattern.selected() ? 'checked' : 'unchecked'"
diff --git a/src/components-examples/aria/listbox/listbox-readonly/listbox-readonly-example.html b/src/components-examples/aria/listbox/listbox-readonly/listbox-readonly-example.html
index 533e5be1d7dc..13a76475f7e2 100644
--- a/src/components-examples/aria/listbox/listbox-readonly/listbox-readonly-example.html
+++ b/src/components-examples/aria/listbox/listbox-readonly/listbox-readonly-example.html
@@ -1,7 +1,7 @@
 <!-- Readonly -->
 <div class="example-container">
   <ul
-    listbox
+    ngListbox
     [readonly]="true"
     class="example-listbox example-parent"
     aria-labelledby="readonly-label"
@@ -11,8 +11,8 @@
       <li
         class="example-option example-stateful example-selectable"
         [value]="fruit"
-        option
-        #option="option"
+        ngOption
+        #option="ngOption"
       >
         <mat-pseudo-checkbox
           [state]="option.pattern.selected() ? 'checked' : 'unchecked'"
diff --git a/src/components-examples/aria/listbox/listbox-rtl-horizontal/listbox-rtl-horizontal-example.html b/src/components-examples/aria/listbox/listbox-rtl-horizontal/listbox-rtl-horizontal-example.html
index fdbdf15ce04a..1fd90d8f30e7 100644
--- a/src/components-examples/aria/listbox/listbox-rtl-horizontal/listbox-rtl-horizontal-example.html
+++ b/src/components-examples/aria/listbox/listbox-rtl-horizontal/listbox-rtl-horizontal-example.html
@@ -1,7 +1,7 @@
 <!-- RTL & Horizontal Orientation -->
 <div class="example-container" dir="rtl">
   <ul
-    listbox
+    ngListbox
     orientation="horizontal"
     class="example-listbox example-parent"
     aria-labelledby="rtl-horizontal-label"
@@ -11,8 +11,8 @@
       <li
         class="example-option example-stateful example-selectable"
         [value]="fruit"
-        option
-        #option="option"
+        ngOption
+        #option="ngOption"
       >
         <mat-pseudo-checkbox
           [state]="option.pattern.selected() ? 'checked' : 'unchecked'"
diff --git a/src/components-examples/aria/listbox/listbox-single-select-follow-focus/listbox-single-select-follow-focus-example.html b/src/components-examples/aria/listbox/listbox-single-select-follow-focus/listbox-single-select-follow-focus-example.html
index fc89ab72f7d1..69fcccf66db6 100644
--- a/src/components-examples/aria/listbox/listbox-single-select-follow-focus/listbox-single-select-follow-focus-example.html
+++ b/src/components-examples/aria/listbox/listbox-single-select-follow-focus/listbox-single-select-follow-focus-example.html
@@ -1,7 +1,7 @@
 <!-- Single Select w/ Selection Follows Focus -->
 <div class="example-container">
   <ul
-    listbox
+    ngListbox
     [multi]="false"
     selectionMode="follow"
     class="example-listbox example-parent"
@@ -12,8 +12,8 @@
       <li
         class="example-option example-stateful example-selectable"
         [value]="fruit"
-        option
-        #option="option"
+        ngOption
+        #option="ngOption"
       >
         <mat-pseudo-checkbox
           [state]="option.pattern.selected() ? 'checked' : 'unchecked'"
diff --git a/src/components-examples/aria/listbox/listbox-single-select/listbox-single-select-example.html b/src/components-examples/aria/listbox/listbox-single-select/listbox-single-select-example.html
index d58f3c189230..b26b3bad68fb 100644
--- a/src/components-examples/aria/listbox/listbox-single-select/listbox-single-select-example.html
+++ b/src/components-examples/aria/listbox/listbox-single-select/listbox-single-select-example.html
@@ -1,7 +1,7 @@
 <!-- Single Select -->
 <div class="example-container">
   <ul
-    listbox
+    ngListbox
     [multi]="false"
     selectionMode="explicit"
     class="example-listbox example-parent"
@@ -12,8 +12,8 @@
       <li
         class="example-option example-stateful example-selectable"
         [value]="fruit"
-        option
-        #option="option"
+        ngOption
+        #option="ngOption"
       >
         <mat-pseudo-checkbox
           [state]="option.pattern.selected() ? 'checked' : 'unchecked'"
diff --git a/src/components-examples/aria/listbox/listbox/listbox-example.html b/src/components-examples/aria/listbox/listbox/listbox-example.html
deleted file mode 100644
index e69de29bb2d1..000000000000
diff --git a/src/components-examples/aria/radio-group/radio-group-active-descendant/radio-group-active-descendant-example.html b/src/components-examples/aria/radio-group/radio-group-active-descendant/radio-group-active-descendant-example.html
index 944420bc0a39..eb5bc78e5cbf 100644
--- a/src/components-examples/aria/radio-group/radio-group-active-descendant/radio-group-active-descendant-example.html
+++ b/src/components-examples/aria/radio-group/radio-group-active-descendant/radio-group-active-descendant-example.html
@@ -1,19 +1,24 @@
 <div class="example-container">
   <ul
-    radioGroup
+    ngRadioGroup
     focusMode="activedescendant"
     class="example-radio-group"
     aria-labelledby="active-descendant-radio-label"
   >
-    <label class="example-label" id="active-descendant-radio-label">Favorite Fruit (Active Descendant)</label>
+    <label class="example-label" id="active-descendant-radio-label"
+      >Favorite Fruit (Active Descendant)</label
+    >
     @for (fruit of fruits; track fruit) {
       <li
         class="example-radio-button example-stateful example-selectable"
         [value]="fruit"
-        radioButton
-        #radioButton="radioButton"
+        ngRadioButton
+        #radioButton="ngRadioButton"
       >
-        <span class="example-radio-indicator" [class.example-radio-checked]="radioButton.pattern.selected()"></span>
+        <span
+          class="example-radio-indicator"
+          [class.example-radio-checked]="radioButton.pattern.selected()"
+        ></span>
         <span>{{ fruit }}</span>
       </li>
     }
diff --git a/src/components-examples/aria/radio-group/radio-group-configurable/radio-group-configurable-example.html b/src/components-examples/aria/radio-group/radio-group-configurable/radio-group-configurable-example.html
index b6864fae0111..cda2bef0de4a 100644
--- a/src/components-examples/aria/radio-group/radio-group-configurable/radio-group-configurable-example.html
+++ b/src/components-examples/aria/radio-group/radio-group-configurable/radio-group-configurable-example.html
@@ -31,7 +31,7 @@
 
 <!-- #docregion radio-group -->
 <ul
-  radioGroup
+  ngRadioGroup
   [disabled]="disabled.value"
   [readonly]="readonly.value"
   [skipDisabled]="skipDisabled.value"
@@ -43,7 +43,7 @@
   @for (fruit of fruits; track fruit) {
     @let optionDisabled = disabledOptions.includes(fruit);
     <li
-      radioButton
+      ngRadioButton
       [value]="fruit"
       [disabled]="optionDisabled"
       class="example-radio-button example-stateful example-selectable"
diff --git a/src/components-examples/aria/radio-group/radio-group-disabled-focusable/radio-group-disabled-focusable-example.html b/src/components-examples/aria/radio-group/radio-group-disabled-focusable/radio-group-disabled-focusable-example.html
index fddc05ef8ade..f6764a413edf 100644
--- a/src/components-examples/aria/radio-group/radio-group-disabled-focusable/radio-group-disabled-focusable-example.html
+++ b/src/components-examples/aria/radio-group/radio-group-disabled-focusable/radio-group-disabled-focusable-example.html
@@ -1,20 +1,25 @@
 <div class="example-container">
   <ul
-    radioGroup
+    ngRadioGroup
     [skipDisabled]="false"
     class="example-radio-group example-parent"
     aria-labelledby="disabled-focusable-radio-label"
   >
-    <label class="example-label" id="disabled-focusable-radio-label">Favorite Fruit (Disabled are Focusable)</label>
+    <label class="example-label" id="disabled-focusable-radio-label"
+      >Favorite Fruit (Disabled are Focusable)</label
+    >
     @for (fruit of fruits; track fruit) {
       <li
         class="example-radio-button example-stateful example-selectable"
         [value]="fruit"
         [disabled]="disabledFruits.includes(fruit)"
-        radioButton
-        #radioButton="radioButton"
+        ngRadioButton
+        #radioButton="ngRadioButton"
       >
-        <span class="example-radio-indicator" [class.example-radio-checked]="radioButton.pattern.selected()"></span>
+        <span
+          class="example-radio-indicator"
+          [class.example-radio-checked]="radioButton.pattern.selected()"
+        ></span>
         <span>{{ fruit }} {{ disabledFruits.includes(fruit) ? '(Disabled)' : '' }}</span>
       </li>
     }
diff --git a/src/components-examples/aria/radio-group/radio-group-disabled-skipped/radio-group-disabled-skipped-example.html b/src/components-examples/aria/radio-group/radio-group-disabled-skipped/radio-group-disabled-skipped-example.html
index 7e2f22a28c89..e0d01e2a092e 100644
--- a/src/components-examples/aria/radio-group/radio-group-disabled-skipped/radio-group-disabled-skipped-example.html
+++ b/src/components-examples/aria/radio-group/radio-group-disabled-skipped/radio-group-disabled-skipped-example.html
@@ -1,19 +1,24 @@
 <div class="example-container">
   <ul
-    radioGroup
+    ngRadioGroup
     class="example-radio-group example-parent"
     aria-labelledby="disabled-skipped-radio-label"
   >
-    <label class="example-label" id="disabled-skipped-radio-label">Select a Fruit (Disabled are Skipped)</label>
+    <label class="example-label" id="disabled-skipped-radio-label"
+      >Select a Fruit (Disabled are Skipped)</label
+    >
     @for (fruit of fruits; track fruit) {
       <li
         class="example-radio-button example-stateful example-selectable"
         [value]="fruit"
         [disabled]="disabledFruits.includes(fruit)"
-        radioButton
-        #radioButton="radioButton"
+        ngRadioButton
+        #radioButton="ngRadioButton"
       >
-        <span class="example-radio-indicator" [class.example-radio-checked]="radioButton.pattern.selected()"></span>
+        <span
+          class="example-radio-indicator"
+          [class.example-radio-checked]="radioButton.pattern.selected()"
+        ></span>
         <span>{{ fruit }} {{ disabledFruits.includes(fruit) ? '(Disabled)' : '' }}</span>
       </li>
     }
diff --git a/src/components-examples/aria/radio-group/radio-group-disabled/radio-group-disabled-example.html b/src/components-examples/aria/radio-group/radio-group-disabled/radio-group-disabled-example.html
index eadcfac63992..767af665a645 100644
--- a/src/components-examples/aria/radio-group/radio-group-disabled/radio-group-disabled-example.html
+++ b/src/components-examples/aria/radio-group/radio-group-disabled/radio-group-disabled-example.html
@@ -1,13 +1,18 @@
 <div class="example-container">
   <ul
-    radioGroup
+    ngRadioGroup
     [disabled]="true"
     class="example-radio-group example-parent"
     aria-labelledby="disabled-radio-label"
   >
     <label class="example-label" id="disabled-radio-label">Favorite Fruit (Disabled)</label>
     @for (fruit of fruits; track fruit) {
-      <li class="example-radio-button example-stateful example-selectable" [value]="fruit" radioButton #radioButton="radioButton">
+      <li
+        class="example-radio-button example-stateful example-selectable"
+        [value]="fruit"
+        ngRadioButton
+        #radioButton="ngRadioButton"
+      >
         <span
           class="example-radio-indicator"
           [class.example-radio-checked]="radioButton.pattern.selected()"
diff --git a/src/components-examples/aria/radio-group/radio-group-horizontal/radio-group-horizontal-example.html b/src/components-examples/aria/radio-group/radio-group-horizontal/radio-group-horizontal-example.html
index 44db7f99fb47..9ccf81a55f02 100644
--- a/src/components-examples/aria/radio-group/radio-group-horizontal/radio-group-horizontal-example.html
+++ b/src/components-examples/aria/radio-group/radio-group-horizontal/radio-group-horizontal-example.html
@@ -1,6 +1,6 @@
 <div class="example-container">
   <ul
-    radioGroup
+    ngRadioGroup
     orientation="horizontal"
     class="example-radio-group example-radio-group-horizontal example-parent"
     aria-labelledby="horizontal-radio-label"
@@ -10,10 +10,13 @@
       <li
         class="example-radio-button example-stateful example-selectable"
         [value]="fruit"
-        radioButton
-        #radioButton="radioButton"
+        ngRadioButton
+        #radioButton="ngRadioButton"
       >
-        <span class="example-radio-indicator" [class.example-radio-checked]="radioButton.pattern.selected()"></span>
+        <span
+          class="example-radio-indicator"
+          [class.example-radio-checked]="radioButton.pattern.selected()"
+        ></span>
         <span>{{ fruit }}</span>
       </li>
     }
diff --git a/src/components-examples/aria/radio-group/radio-group-readonly/radio-group-readonly-example.html b/src/components-examples/aria/radio-group/radio-group-readonly/radio-group-readonly-example.html
index 50cbb423af59..8d6892260338 100644
--- a/src/components-examples/aria/radio-group/radio-group-readonly/radio-group-readonly-example.html
+++ b/src/components-examples/aria/radio-group/radio-group-readonly/radio-group-readonly-example.html
@@ -1,6 +1,6 @@
 <div class="example-container">
   <ul
-    radioGroup
+    ngRadioGroup
     [readonly]="true"
     class="example-radio-group example-parent"
     aria-labelledby="readonly-radio-label"
@@ -10,10 +10,13 @@
       <li
         class="example-radio-button example-stateful example-selectable"
         [value]="fruit"
-        radioButton
-        #radioButton="radioButton"
+        ngRadioButton
+        #radioButton="ngRadioButton"
       >
-        <span class="example-radio-indicator" [class.example-radio-checked]="radioButton.pattern.selected()"></span>
+        <span
+          class="example-radio-indicator"
+          [class.example-radio-checked]="radioButton.pattern.selected()"
+        ></span>
         <span>{{ fruit }}</span>
       </li>
     }
diff --git a/src/components-examples/aria/radio-group/radio-group-rtl-horizontal/radio-group-rtl-horizontal-example.html b/src/components-examples/aria/radio-group/radio-group-rtl-horizontal/radio-group-rtl-horizontal-example.html
index 9643f260703f..a6e8763958cb 100644
--- a/src/components-examples/aria/radio-group/radio-group-rtl-horizontal/radio-group-rtl-horizontal-example.html
+++ b/src/components-examples/aria/radio-group/radio-group-rtl-horizontal/radio-group-rtl-horizontal-example.html
@@ -1,19 +1,19 @@
 <div class="example-container" dir="rtl">
   <ul
-    radioGroup
+    ngRadioGroup
     orientation="horizontal"
     class="example-radio-group example-radio-group-horizontal"
     aria-labelledby="rtl-horizontal-radio-label"
   >
-    <label class="example-label" id="rtl-horizontal-radio-label">Favorite Fruit (RTL Horizontal)</label>
+    <label class="example-label" id="rtl-horizontal-radio-label"
+      >Favorite Fruit (RTL Horizontal)</label
+    >
     @for (fruit of fruits; track fruit) {
-      <li
-        class="example-radio-button"
-        [value]="fruit"
-        radioButton
-        #radioButton="radioButton"
-      >
-        <span class="example-radio-indicator" [class.example-radio-checked]="radioButton.pattern.selected()"></span>
+      <li class="example-radio-button" [value]="fruit" ngRadioButton #radioButton="ngRadioButton">
+        <span
+          class="example-radio-indicator"
+          [class.example-radio-checked]="radioButton.pattern.selected()"
+        ></span>
         <span>{{ fruit }}</span>
       </li>
     }
diff --git a/src/components-examples/aria/radio-group/radio-group-standard/radio-group-standard-example.html b/src/components-examples/aria/radio-group/radio-group-standard/radio-group-standard-example.html
index 18959e10d88c..ce6b57bde1ab 100644
--- a/src/components-examples/aria/radio-group/radio-group-standard/radio-group-standard-example.html
+++ b/src/components-examples/aria/radio-group/radio-group-standard/radio-group-standard-example.html
@@ -1,12 +1,17 @@
 <div class="example-container">
   <ul
-    radioGroup
+    ngRadioGroup
     class="example-radio-group example-parent"
     aria-labelledby="standard-radio-label"
   >
     <label class="example-label" id="standard-radio-label">Favorite Fruit</label>
     @for (fruit of fruits; track fruit) {
-      <li class="example-radio-button example-stateful example-selectable" [value]="fruit" radioButton #radioButton="radioButton">
+      <li
+        class="example-radio-button example-stateful example-selectable"
+        [value]="fruit"
+        ngRadioButton
+        #radioButton="ngRadioButton"
+      >
         <span
           class="example-radio-indicator"
           [class.example-radio-checked]="radioButton.pattern.selected()"
diff --git a/src/components-examples/aria/tabs/active-descendant/tabs-active-descendant-example.html b/src/components-examples/aria/tabs/active-descendant/tabs-active-descendant-example.html
index 33bf72c016c9..a4e61401ada4 100644
--- a/src/components-examples/aria/tabs/active-descendant/tabs-active-descendant-example.html
+++ b/src/components-examples/aria/tabs/active-descendant/tabs-active-descendant-example.html
@@ -1,29 +1,29 @@
-<div tabs class="example-tabs">
-  <ul tabList class="example-tablist" focusMode="activedescendant" selectedTab="tab-1">
-    <li tab value="tab-1" class="example-tab">tab 1</li>
-    <li tab value="tab-2" class="example-tab">tab 2</li>
-    <li tab value="tab-3" class="example-tab">tab 3</li>
-    <li tab value="tab-4" class="example-tab">tab 4</li>
-    <li tab value="tab-5" class="example-tab">tab 5</li>
+<div ngTabs class="example-tabs">
+  <ul ngTabList class="example-tablist" focusMode="activedescendant" selectedTab="tab-1">
+    <li ngTab value="tab-1" class="example-tab">tab 1</li>
+    <li ngTab value="tab-2" class="example-tab">tab 2</li>
+    <li ngTab value="tab-3" class="example-tab">tab 3</li>
+    <li ngTab value="tab-4" class="example-tab">tab 4</li>
+    <li ngTab value="tab-5" class="example-tab">tab 5</li>
   </ul>
 
-  <div tabPanel value="tab-1" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 1</ng-template>
+  <div ngTabPanel value="tab-1" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 1</ng-template>
   </div>
 
-  <div tabPanel value="tab-2" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 2</ng-template>
+  <div ngTabPanel value="tab-2" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 2</ng-template>
   </div>
 
-  <div tabPanel value="tab-3" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 3</ng-template>
+  <div ngTabPanel value="tab-3" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 3</ng-template>
   </div>
 
-  <div tabPanel value="tab-4" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 4</ng-template>
+  <div ngTabPanel value="tab-4" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 4</ng-template>
   </div>
 
-  <div tabPanel value="tab-5" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 5</ng-template>
+  <div ngTabPanel value="tab-5" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 5</ng-template>
   </div>
 </div>
diff --git a/src/components-examples/aria/tabs/disabled-focusable/tabs-disabled-focusable-example.html b/src/components-examples/aria/tabs/disabled-focusable/tabs-disabled-focusable-example.html
index 1cd3054ad4bb..97d542078fa8 100644
--- a/src/components-examples/aria/tabs/disabled-focusable/tabs-disabled-focusable-example.html
+++ b/src/components-examples/aria/tabs/disabled-focusable/tabs-disabled-focusable-example.html
@@ -1,29 +1,29 @@
-<div tabs class="example-tabs">
-  <ul tabList class="example-tablist" [skipDisabled]="false" selectedTab="tab-1">
-    <li tab value="tab-1" class="example-tab">tab 1</li>
-    <li tab value="tab-2" class="example-tab">tab 2</li>
-    <li tab value="tab-3" class="example-tab" disabled>tab 3</li>
-    <li tab value="tab-4" class="example-tab" disabled>tab 4</li>
-    <li tab value="tab-5" class="example-tab">tab 5</li>
+<div ngTabs class="example-tabs">
+  <ul ngTabList class="example-tablist" [skipDisabled]="false" selectedTab="tab-1">
+    <li ngTab value="tab-1" class="example-tab">tab 1</li>
+    <li ngTab value="tab-2" class="example-tab">tab 2</li>
+    <li ngTab value="tab-3" class="example-tab" disabled>tab 3</li>
+    <li ngTab value="tab-4" class="example-tab" disabled>tab 4</li>
+    <li ngTab value="tab-5" class="example-tab">tab 5</li>
   </ul>
 
-  <div tabPanel value="tab-1" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 1</ng-template>
+  <div ngTabPanel value="tab-1" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 1</ng-template>
   </div>
 
-  <div tabPanel value="tab-2" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 2</ng-template>
+  <div ngTabPanel value="tab-2" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 2</ng-template>
   </div>
 
-  <div tabPanel value="tab-3" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 3</ng-template>
+  <div ngTabPanel value="tab-3" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 3</ng-template>
   </div>
 
-  <div tabPanel value="tab-4" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 4</ng-template>
+  <div ngTabPanel value="tab-4" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 4</ng-template>
   </div>
 
-  <div tabPanel value="tab-5" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 5</ng-template>
+  <div ngTabPanel value="tab-5" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 5</ng-template>
   </div>
 </div>
diff --git a/src/components-examples/aria/tabs/disabled-skipped/tabs-disabled-skipped-example.html b/src/components-examples/aria/tabs/disabled-skipped/tabs-disabled-skipped-example.html
index 97ffc8969c9d..02900da93462 100644
--- a/src/components-examples/aria/tabs/disabled-skipped/tabs-disabled-skipped-example.html
+++ b/src/components-examples/aria/tabs/disabled-skipped/tabs-disabled-skipped-example.html
@@ -1,29 +1,29 @@
-<div tabs class="example-tabs">
-  <ul tabList class="example-tablist" [skipDisabled]="true" selectedTab="tab-1">
-    <li tab value="tab-1" class="example-tab">tab 1</li>
-    <li tab value="tab-2" class="example-tab">tab 2</li>
-    <li tab value="tab-3" class="example-tab" disabled>tab 3</li>
-    <li tab value="tab-4" class="example-tab" disabled>tab 4</li>
-    <li tab value="tab-5" class="example-tab">tab 5</li>
+<div ngTabs class="example-tabs">
+  <ul ngTabList class="example-tablist" [skipDisabled]="true" selectedTab="tab-1">
+    <li ngTab value="tab-1" class="example-tab">tab 1</li>
+    <li ngTab value="tab-2" class="example-tab">tab 2</li>
+    <li ngTab value="tab-3" class="example-tab" disabled>tab 3</li>
+    <li ngTab value="tab-4" class="example-tab" disabled>tab 4</li>
+    <li ngTab value="tab-5" class="example-tab">tab 5</li>
   </ul>
 
-  <div tabPanel value="tab-1" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 1</ng-template>
+  <div ngTabPanel value="tab-1" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 1</ng-template>
   </div>
 
-  <div tabPanel value="tab-2" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 2</ng-template>
+  <div ngTabPanel value="tab-2" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 2</ng-template>
   </div>
 
-  <div tabPanel value="tab-3" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 3</ng-template>
+  <div ngTabPanel value="tab-3" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 3</ng-template>
   </div>
 
-  <div tabPanel value="tab-4" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 4</ng-template>
+  <div ngTabPanel value="tab-4" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 4</ng-template>
   </div>
 
-  <div tabPanel value="tab-5" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 5</ng-template>
+  <div ngTabPanel value="tab-5" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 5</ng-template>
   </div>
 </div>
diff --git a/src/components-examples/aria/tabs/disabled/tabs-disabled-example.html b/src/components-examples/aria/tabs/disabled/tabs-disabled-example.html
index 5571168302d0..b3df716aceaf 100644
--- a/src/components-examples/aria/tabs/disabled/tabs-disabled-example.html
+++ b/src/components-examples/aria/tabs/disabled/tabs-disabled-example.html
@@ -1,29 +1,29 @@
-<div tabs class="example-tabs">
-  <ul tabList class="example-tablist" selectedTab="tab-1" disabled>
-    <li tab value="tab-1" class="example-tab">tab 1</li>
-    <li tab value="tab-2" class="example-tab">tab 2</li>
-    <li tab value="tab-3" class="example-tab">tab 3</li>
-    <li tab value="tab-4" class="example-tab">tab 4</li>
-    <li tab value="tab-5" class="example-tab">tab 5</li>
+<div ngTabs class="example-tabs">
+  <ul ngTabList class="example-tablist" selectedTab="tab-1" disabled>
+    <li ngTab value="tab-1" class="example-tab">tab 1</li>
+    <li ngTab value="tab-2" class="example-tab">tab 2</li>
+    <li ngTab value="tab-3" class="example-tab">tab 3</li>
+    <li ngTab value="tab-4" class="example-tab">tab 4</li>
+    <li ngTab value="tab-5" class="example-tab">tab 5</li>
   </ul>
 
-  <div tabPanel value="tab-1" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 1</ng-template>
+  <div ngTabPanel value="tab-1" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 1</ng-template>
   </div>
 
-  <div tabPanel value="tab-2" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 2</ng-template>
+  <div ngTabPanel value="tab-2" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 2</ng-template>
   </div>
 
-  <div tabPanel value="tab-3" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 3</ng-template>
+  <div ngTabPanel value="tab-3" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 3</ng-template>
   </div>
 
-  <div tabPanel value="tab-4" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 4</ng-template>
+  <div ngTabPanel value="tab-4" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 4</ng-template>
   </div>
 
-  <div tabPanel value="tab-5" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 5</ng-template>
+  <div ngTabPanel value="tab-5" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 5</ng-template>
   </div>
 </div>
diff --git a/src/components-examples/aria/tabs/explicit-selection/tabs-explicit-selection-example.html b/src/components-examples/aria/tabs/explicit-selection/tabs-explicit-selection-example.html
index 8d4b9b6b0e06..2ecd56444fcb 100644
--- a/src/components-examples/aria/tabs/explicit-selection/tabs-explicit-selection-example.html
+++ b/src/components-examples/aria/tabs/explicit-selection/tabs-explicit-selection-example.html
@@ -1,29 +1,29 @@
-<div tabs class="example-tabs">
-  <ul tabList class="example-tablist" selectionMode="explicit" selectedTab="tab-1">
-    <li tab value="tab-1" class="example-tab">tab 1</li>
-    <li tab value="tab-2" class="example-tab">tab 2</li>
-    <li tab value="tab-3" class="example-tab">tab 3</li>
-    <li tab value="tab-4" class="example-tab">tab 4</li>
-    <li tab value="tab-5" class="example-tab">tab 5</li>
+<div ngTabs class="example-tabs">
+  <ul ngTabList class="example-tablist" selectionMode="explicit" selectedTab="tab-1">
+    <li ngTab value="tab-1" class="example-tab">tab 1</li>
+    <li ngTab value="tab-2" class="example-tab">tab 2</li>
+    <li ngTab value="tab-3" class="example-tab">tab 3</li>
+    <li ngTab value="tab-4" class="example-tab">tab 4</li>
+    <li ngTab value="tab-5" class="example-tab">tab 5</li>
   </ul>
 
-  <div tabPanel value="tab-1" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 1</ng-template>
+  <div ngTabPanel value="tab-1" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 1</ng-template>
   </div>
 
-  <div tabPanel value="tab-2" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 2</ng-template>
+  <div ngTabPanel value="tab-2" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 2</ng-template>
   </div>
 
-  <div tabPanel value="tab-3" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 3</ng-template>
+  <div ngTabPanel value="tab-3" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 3</ng-template>
   </div>
 
-  <div tabPanel value="tab-4" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 4</ng-template>
+  <div ngTabPanel value="tab-4" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 4</ng-template>
   </div>
 
-  <div tabPanel value="tab-5" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 5</ng-template>
+  <div ngTabPanel value="tab-5" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 5</ng-template>
   </div>
 </div>
diff --git a/src/components-examples/aria/tabs/rtl/tabs-rtl-example.html b/src/components-examples/aria/tabs/rtl/tabs-rtl-example.html
index 61bf28dd446f..2f83927ecf01 100644
--- a/src/components-examples/aria/tabs/rtl/tabs-rtl-example.html
+++ b/src/components-examples/aria/tabs/rtl/tabs-rtl-example.html
@@ -1,31 +1,31 @@
 <div class="example-container" dir="rtl">
-  <div tabs class="example-tabs">
-    <ul tabList class="example-tablist" selectedTab="tab-1">
-      <li tab value="tab-1" class="example-tab">tab 1</li>
-      <li tab value="tab-2" class="example-tab">tab 2</li>
-      <li tab value="tab-3" class="example-tab">tab 3</li>
-      <li tab value="tab-4" class="example-tab">tab 4</li>
-      <li tab value="tab-5" class="example-tab">tab 5</li>
+  <div ngTabs class="example-tabs">
+    <ul ngTabList class="example-tablist" selectedTab="tab-1">
+      <li ngTab value="tab-1" class="example-tab">tab 1</li>
+      <li ngTab value="tab-2" class="example-tab">tab 2</li>
+      <li ngTab value="tab-3" class="example-tab">tab 3</li>
+      <li ngTab value="tab-4" class="example-tab">tab 4</li>
+      <li ngTab value="tab-5" class="example-tab">tab 5</li>
     </ul>
 
-    <div tabPanel value="tab-1" class="example-tabpanel">
-      <ng-template tabContent>Tabpanel 1</ng-template>
+    <div ngTabPanel value="tab-1" class="example-tabpanel">
+      <ng-template ngTabContent>Tabpanel 1</ng-template>
     </div>
 
-    <div tabPanel value="tab-2" class="example-tabpanel">
-      <ng-template tabContent>Tabpanel 2</ng-template>
+    <div ngTabPanel value="tab-2" class="example-tabpanel">
+      <ng-template ngTabContent>Tabpanel 2</ng-template>
     </div>
 
-    <div tabPanel value="tab-3" class="example-tabpanel">
-      <ng-template tabContent>Tabpanel 3</ng-template>
+    <div ngTabPanel value="tab-3" class="example-tabpanel">
+      <ng-template ngTabContent>Tabpanel 3</ng-template>
     </div>
 
-    <div tabPanel value="tab-4" class="example-tabpanel">
-      <ng-template tabContent>Tabpanel 4</ng-template>
+    <div ngTabPanel value="tab-4" class="example-tabpanel">
+      <ng-template ngTabContent>Tabpanel 4</ng-template>
     </div>
 
-    <div tabPanel value="tab-5" class="example-tabpanel">
-      <ng-template tabContent>Tabpanel 5</ng-template>
+    <div ngTabPanel value="tab-5" class="example-tabpanel">
+      <ng-template ngTabContent>Tabpanel 5</ng-template>
     </div>
   </div>
 </div>
diff --git a/src/components-examples/aria/tabs/selection-follows-focus/tabs-selection-follows-focus-example.html b/src/components-examples/aria/tabs/selection-follows-focus/tabs-selection-follows-focus-example.html
index ce7498f78b59..0c7d5d88f473 100644
--- a/src/components-examples/aria/tabs/selection-follows-focus/tabs-selection-follows-focus-example.html
+++ b/src/components-examples/aria/tabs/selection-follows-focus/tabs-selection-follows-focus-example.html
@@ -1,29 +1,29 @@
-<div tabs class="example-tabs">
-  <ul tabList class="example-tablist" selectionMode="follow" selectedTab="tab-1">
-    <li tab value="tab-1" class="example-tab">tab 1</li>
-    <li tab value="tab-2" class="example-tab">tab 2</li>
-    <li tab value="tab-3" class="example-tab">tab 3</li>
-    <li tab value="tab-4" class="example-tab">tab 4</li>
-    <li tab value="tab-5" class="example-tab">tab 5</li>
+<div ngTabs class="example-tabs">
+  <ul ngTabList class="example-tablist" selectionMode="follow" selectedTab="tab-1">
+    <li ngTab value="tab-1" class="example-tab">tab 1</li>
+    <li ngTab value="tab-2" class="example-tab">tab 2</li>
+    <li ngTab value="tab-3" class="example-tab">tab 3</li>
+    <li ngTab value="tab-4" class="example-tab">tab 4</li>
+    <li ngTab value="tab-5" class="example-tab">tab 5</li>
   </ul>
 
-  <div tabPanel value="tab-1" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 1</ng-template>
+  <div ngTabPanel value="tab-1" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 1</ng-template>
   </div>
 
-  <div tabPanel value="tab-2" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 2</ng-template>
+  <div ngTabPanel value="tab-2" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 2</ng-template>
   </div>
 
-  <div tabPanel value="tab-3" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 3</ng-template>
+  <div ngTabPanel value="tab-3" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 3</ng-template>
   </div>
 
-  <div tabPanel value="tab-4" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 4</ng-template>
+  <div ngTabPanel value="tab-4" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 4</ng-template>
   </div>
 
-  <div tabPanel value="tab-5" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 5</ng-template>
+  <div ngTabPanel value="tab-5" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 5</ng-template>
   </div>
 </div>
diff --git a/src/components-examples/aria/tabs/tabs-configurable/tabs-configurable-example.html b/src/components-examples/aria/tabs/tabs-configurable/tabs-configurable-example.html
index b1cc89ad42d1..c33f5e9481f0 100644
--- a/src/components-examples/aria/tabs/tabs-configurable/tabs-configurable-example.html
+++ b/src/components-examples/aria/tabs/tabs-configurable/tabs-configurable-example.html
@@ -38,9 +38,9 @@
 </div>
 
 <!-- #docregion tabs -->
-<div tabs class="example-tabs">
+<div ngTabs class="example-tabs">
   <ul
-    tabList
+    ngTabList
     class="example-tablist"
     [wrap]="wrap.value"
     [disabled]="disabled.value"
@@ -50,19 +50,19 @@
     [selectionMode]="selectionMode"
     [(selectedTab)]="tabSelection"
   >
-    <li tab value="tab-1" class="example-tab">tab 1</li>
-    <li tab value="tab-2" class="example-tab" disabled="true">tab 2</li>
-    <li tab value="tab-3" class="example-tab">tab 3</li>
+    <li ngTab value="tab-1" class="example-tab">tab 1</li>
+    <li ngTab value="tab-2" class="example-tab" disabled="true">tab 2</li>
+    <li ngTab value="tab-3" class="example-tab">tab 3</li>
   </ul>
 
-  <div tabPanel value="tab-1" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 1</ng-template>
+  <div ngTabPanel value="tab-1" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 1</ng-template>
   </div>
-  <div tabPanel value="tab-2" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 2</ng-template>
+  <div ngTabPanel value="tab-2" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 2</ng-template>
   </div>
-  <div tabPanel value="tab-3" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 3</ng-template>
+  <div ngTabPanel value="tab-3" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 3</ng-template>
   </div>
 </div>
 <!-- #enddocregion tabs -->
diff --git a/src/components-examples/aria/tabs/vertical-orientation/tabs-vertical-example.html b/src/components-examples/aria/tabs/vertical-orientation/tabs-vertical-example.html
index 64528d8e8cf3..fdafd1577515 100644
--- a/src/components-examples/aria/tabs/vertical-orientation/tabs-vertical-example.html
+++ b/src/components-examples/aria/tabs/vertical-orientation/tabs-vertical-example.html
@@ -1,29 +1,29 @@
-<div tabs class="example-tabs">
-  <ul tabList class="example-tablist" orientation="vertical" selectedTab="tab-1">
-    <li tab value="tab-1" class="example-tab">tab 1</li>
-    <li tab value="tab-2" class="example-tab">tab 2</li>
-    <li tab value="tab-3" class="example-tab">tab 3</li>
-    <li tab value="tab-4" class="example-tab">tab 4</li>
-    <li tab value="tab-5" class="example-tab">tab 5</li>
+<div ngTabs class="example-tabs">
+  <ul ngTabList class="example-tablist" orientation="vertical" selectedTab="tab-1">
+    <li ngTab value="tab-1" class="example-tab">tab 1</li>
+    <li ngTab value="tab-2" class="example-tab">tab 2</li>
+    <li ngTab value="tab-3" class="example-tab">tab 3</li>
+    <li ngTab value="tab-4" class="example-tab">tab 4</li>
+    <li ngTab value="tab-5" class="example-tab">tab 5</li>
   </ul>
 
-  <div tabPanel value="tab-1" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 1</ng-template>
+  <div ngTabPanel value="tab-1" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 1</ng-template>
   </div>
 
-  <div tabPanel value="tab-2" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 2</ng-template>
+  <div ngTabPanel value="tab-2" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 2</ng-template>
   </div>
 
-  <div tabPanel value="tab-3" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 3</ng-template>
+  <div ngTabPanel value="tab-3" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 3</ng-template>
   </div>
 
-  <div tabPanel value="tab-4" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 4</ng-template>
+  <div ngTabPanel value="tab-4" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 4</ng-template>
   </div>
 
-  <div tabPanel value="tab-5" class="example-tabpanel">
-    <ng-template tabContent>Tabpanel 5</ng-template>
+  <div ngTabPanel value="tab-5" class="example-tabpanel">
+    <ng-template ngTabContent>Tabpanel 5</ng-template>
   </div>
 </div>
diff --git a/src/components-examples/aria/toolbar/toolbar-configurable/toolbar-configurable-example.html b/src/components-examples/aria/toolbar/toolbar-configurable/toolbar-configurable-example.html
index efd8f2e46d34..1506f1b93a4a 100644
--- a/src/components-examples/aria/toolbar/toolbar-configurable/toolbar-configurable-example.html
+++ b/src/components-examples/aria/toolbar/toolbar-configurable/toolbar-configurable-example.html
@@ -40,7 +40,7 @@ <h4 class="example-heading">Button</h4>
 
 <!-- #docregion toolbar -->
 <div
-  toolbar
+  ngToolbar
   [orientation]="orientation"
   [skipDisabled]="skipDisabled.value"
   [wrap]="wrap.value"
@@ -48,7 +48,7 @@ <h4 class="example-heading">Button</h4>
   class="example-toolbar"
 >
   <button
-    toolbarWidget
+    ngToolbarWidget
     class="example-radio-button"
     (click)="test('Pear')"
     [disabled]="disabledButtonOptions.includes('Pear')"
@@ -56,7 +56,7 @@ <h4 class="example-heading">Button</h4>
     Pear
   </button>
   <ul
-    radioGroup
+    ngRadioGroup
     [disabled]="disabled.value"
     [readonly]="readonly.value"
     class="example-radio-group"
@@ -64,27 +64,23 @@ <h4 class="example-heading">Button</h4>
   >
     @for (fruit of fruits; track fruit) {
       @let optionDisabled = disabledOptions.includes(fruit);
-      <li radioButton [value]="fruit" [disabled]="optionDisabled" class="example-radio-button">
+      <li ngRadioButton [value]="fruit" [disabled]="optionDisabled" class="example-radio-button">
         <span class="example-radio-indicator"></span>
         <span>{{ fruit }}</span>
       </li>
     }
   </ul>
-  <ul
-    radioGroup
-    class="example-radio-group"
-    aria-label="Select your favorite fruit"
-  >
+  <ul ngRadioGroup class="example-radio-group" aria-label="Select your favorite fruit">
     @for (fruit of fruits; track fruit) {
       @let optionDisabled = disabledOptions.includes(fruit);
-      <li radioButton [value]="fruit" [disabled]="optionDisabled" class="example-radio-button">
+      <li ngRadioButton [value]="fruit" [disabled]="optionDisabled" class="example-radio-button">
         <span class="example-radio-indicator"></span>
         <span>{{ fruit }}</span>
       </li>
     }
   </ul>
   <button
-    toolbarWidget
+    ngToolbarWidget
     class="example-radio-button"
     (click)="test('Blueberry')"
     [disabled]="disabledButtonOptions.includes('Blueberry')"
@@ -92,7 +88,7 @@ <h4 class="example-heading">Button</h4>
     Blueberry
   </button>
   <button
-    toolbarWidget
+    ngToolbarWidget
     class="example-radio-button"
     (click)="test('Cherry')"
     [disabled]="disabledButtonOptions.includes('Cherry')"
@@ -100,7 +96,7 @@ <h4 class="example-heading">Button</h4>
     Cherry
   </button>
   <button
-    toolbarWidget
+    ngToolbarWidget
     class="example-radio-button"
     (click)="test('Date')"
     [disabled]="disabledButtonOptions.includes('Date')"
@@ -108,4 +104,4 @@ <h4 class="example-heading">Button</h4>
     Date
   </button>
 </div>
-<!-- #enddocregion toolbar -->
\ No newline at end of file
+<!-- #enddocregion toolbar -->
diff --git a/src/components-examples/aria/tree/tree-active-descendant/tree-active-descendant-example.html b/src/components-examples/aria/tree/tree-active-descendant/tree-active-descendant-example.html
index d3b538e6e40e..56a4ec578908 100644
--- a/src/components-examples/aria/tree/tree-active-descendant/tree-active-descendant-example.html
+++ b/src/components-examples/aria/tree/tree-active-descendant/tree-active-descendant-example.html
@@ -1,4 +1,4 @@
-<ul tree focusMode="activedescendant" #tree="tree" class="example-tree">
+<ul ngTree focusMode="activedescendant" #tree="ngTree" class="example-tree">
   <ng-template
     [ngTemplateOutlet]="treeNodes"
     [ngTemplateOutletContext]="{nodes: nodes, parent: tree}"
@@ -8,12 +8,12 @@
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.value) {
   <li
-    treeItem
+    ngTreeItem
     [parent]="parent"
     [value]="node.value"
     [label]="node.name"
     [disabled]="node.disabled"
-    #treeItem="treeItem"
+    #treeItem="ngTreeItem"
     class="example-tree-item example-selectable example-stateful"
   >
     <span aria-hidden="true" class="material-symbols-outlined example-parent-icon example-icon">{{node.children ? 'chevron_right' : ''}}</span>
@@ -23,8 +23,8 @@
   </li>
 
   @if (node.children) {
-  <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
-    <ng-template treeItemGroupContent>
+  <ul ngTreeItemGroup [ownedBy]="treeItem" #group="ngTreeItemGroup">
+    <ng-template ngTreeItemGroupContent>
       <ng-template
         [ngTemplateOutlet]="treeNodes"
         [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
diff --git a/src/components-examples/aria/tree/tree-configurable/tree-configurable-example.html b/src/components-examples/aria/tree/tree-configurable/tree-configurable-example.html
index c9b8a9cf9964..9c76ec190983 100644
--- a/src/components-examples/aria/tree/tree-configurable/tree-configurable-example.html
+++ b/src/components-examples/aria/tree/tree-configurable/tree-configurable-example.html
@@ -27,7 +27,7 @@
 </div>
 
 <ul
-  tree
+  ngTree
   class="example-tree"
   [multi]="multi.value"
   [disabled]="disabled.value"
@@ -37,7 +37,7 @@
   [skipDisabled]="skipDisabled.value"
   [nav]="nav.value"
   [(value)]="selectedValues"
-  #tree="tree"
+  #tree="ngTree"
 >
   <ng-template
     [ngTemplateOutlet]="treeNodes"
@@ -48,12 +48,12 @@
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.value) {
   <li
-    treeItem
+    ngTreeItem
     [parent]="parent"
     [value]="node.value"
     [label]="node.name"
     [disabled]="node.disabled"
-    #treeItem="treeItem"
+    #treeItem="ngTreeItem"
     class="example-tree-item example-selectable example-stateful"
   >
     <span aria-hidden="true" class="material-symbols-outlined example-parent-icon example-icon">{{node.children ? 'chevron_right' : ''}}</span>
@@ -63,8 +63,8 @@
   </li>
 
   @if (node.children) {
-  <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
-    <ng-template treeItemGroupContent>
+  <ul ngTreeItemGroup [ownedBy]="treeItem" #group="ngTreeItemGroup">
+    <ng-template ngTreeItemGroupContent>
       <ng-template
         [ngTemplateOutlet]="treeNodes"
         [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
diff --git a/src/components-examples/aria/tree/tree-disabled-focusable/tree-disabled-focusable-example.html b/src/components-examples/aria/tree/tree-disabled-focusable/tree-disabled-focusable-example.html
index 1e7ad9c11bb0..cbb8c940105c 100644
--- a/src/components-examples/aria/tree/tree-disabled-focusable/tree-disabled-focusable-example.html
+++ b/src/components-examples/aria/tree/tree-disabled-focusable/tree-disabled-focusable-example.html
@@ -1,4 +1,4 @@
-<ul tree [skipDisabled]="false" #tree="tree" class="example-tree">
+<ul ngTree [skipDisabled]="false" #tree="ngTree" class="example-tree">
   <ng-template
     [ngTemplateOutlet]="treeNodes"
     [ngTemplateOutletContext]="{nodes: nodes, parent: tree}"
@@ -8,12 +8,12 @@
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.value) {
   <li
-    treeItem
+    ngTreeItem
     [parent]="parent"
     [value]="node.value"
     [label]="node.name"
     [disabled]="node.disabled"
-    #treeItem="treeItem"
+    #treeItem="ngTreeItem"
     class="example-tree-item example-selectable example-stateful"
   >
     <span aria-hidden="true" class="material-symbols-outlined example-parent-icon example-icon">{{node.children ? 'chevron_right' : ''}}</span>
@@ -23,8 +23,8 @@
   </li>
 
   @if (node.children) {
-  <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
-    <ng-template treeItemGroupContent>
+  <ul ngTreeItemGroup [ownedBy]="treeItem" #group="ngTreeItemGroup">
+    <ng-template ngTreeItemGroupContent>
       <ng-template
         [ngTemplateOutlet]="treeNodes"
         [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
diff --git a/src/components-examples/aria/tree/tree-disabled-skipped/tree-disabled-skipped-example.html b/src/components-examples/aria/tree/tree-disabled-skipped/tree-disabled-skipped-example.html
index f5eff62421d2..ed885670b156 100644
--- a/src/components-examples/aria/tree/tree-disabled-skipped/tree-disabled-skipped-example.html
+++ b/src/components-examples/aria/tree/tree-disabled-skipped/tree-disabled-skipped-example.html
@@ -1,4 +1,4 @@
-<ul tree [skipDisabled]="true" #tree="tree" class="example-tree">
+<ul ngTree [skipDisabled]="true" #tree="ngTree" class="example-tree">
   <ng-template
     [ngTemplateOutlet]="treeNodes"
     [ngTemplateOutletContext]="{nodes: nodes, parent: tree}"
@@ -8,12 +8,12 @@
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.value) {
   <li
-    treeItem
+    ngTreeItem
     [parent]="parent"
     [value]="node.value"
     [label]="node.name"
     [disabled]="node.disabled"
-    #treeItem="treeItem"
+    #treeItem="ngTreeItem"
     class="example-tree-item example-selectable example-stateful"
   >
     <span aria-hidden="true" class="material-symbols-outlined example-parent-icon example-icon">{{node.children ? 'chevron_right' : ''}}</span>
@@ -23,8 +23,8 @@
   </li>
 
   @if (node.children) {
-  <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
-    <ng-template treeItemGroupContent>
+  <ul ngTreeItemGroup [ownedBy]="treeItem" #group="ngTreeItemGroup">
+    <ng-template ngTreeItemGroupContent>
       <ng-template
         [ngTemplateOutlet]="treeNodes"
         [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
diff --git a/src/components-examples/aria/tree/tree-disabled/tree-disabled-example.html b/src/components-examples/aria/tree/tree-disabled/tree-disabled-example.html
index 5226d16efc49..1b3e390454ed 100644
--- a/src/components-examples/aria/tree/tree-disabled/tree-disabled-example.html
+++ b/src/components-examples/aria/tree/tree-disabled/tree-disabled-example.html
@@ -1,4 +1,4 @@
-<ul tree [disabled]="true" #tree="tree" class="example-tree">
+<ul ngTree [disabled]="true" #tree="ngTree" class="example-tree">
   <ng-template
     [ngTemplateOutlet]="treeNodes"
     [ngTemplateOutletContext]="{nodes: nodes, parent: tree}"
@@ -8,12 +8,12 @@
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.value) {
   <li
-    treeItem
+    ngTreeItem
     [parent]="parent"
     [value]="node.value"
     [label]="node.name"
     [disabled]="node.disabled"
-    #treeItem="treeItem"
+    #treeItem="ngTreeItem"
     class="example-tree-item example-selectable example-stateful"
   >
     <span aria-hidden="true" class="material-symbols-outlined example-parent-icon example-icon">{{node.children ? 'chevron_right' : ''}}</span>
@@ -23,8 +23,8 @@
   </li>
 
   @if (node.children) {
-  <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
-    <ng-template treeItemGroupContent>
+  <ul ngTreeItemGroup [ownedBy]="treeItem" #group="ngTreeItemGroup">
+    <ng-template ngTreeItemGroupContent>
       <ng-template
         [ngTemplateOutlet]="treeNodes"
         [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
diff --git a/src/components-examples/aria/tree/tree-multi-select-follow-focus/tree-multi-select-follow-focus-example.html b/src/components-examples/aria/tree/tree-multi-select-follow-focus/tree-multi-select-follow-focus-example.html
index 920124d076df..956ba1e9ed67 100644
--- a/src/components-examples/aria/tree/tree-multi-select-follow-focus/tree-multi-select-follow-focus-example.html
+++ b/src/components-examples/aria/tree/tree-multi-select-follow-focus/tree-multi-select-follow-focus-example.html
@@ -1,4 +1,4 @@
-<ul tree [multi]="true" selectionMode="follow" #tree="tree" class="example-tree">
+<ul ngTree [multi]="true" selectionMode="follow" #tree="ngTree" class="example-tree">
   <ng-template
     [ngTemplateOutlet]="treeNodes"
     [ngTemplateOutletContext]="{nodes: nodes, parent: tree}"
@@ -8,12 +8,12 @@
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.value) {
   <li
-    treeItem
+    ngTreeItem
     [parent]="parent"
     [value]="node.value"
     [label]="node.name"
     [disabled]="node.disabled"
-    #treeItem="treeItem"
+    #treeItem="ngTreeItem"
     class="example-tree-item example-selectable example-stateful"
   >
     <span aria-hidden="true" class="material-symbols-outlined example-parent-icon example-icon">{{node.children ? 'chevron_right' : ''}}</span>
@@ -23,8 +23,8 @@
   </li>
 
   @if (node.children) {
-  <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
-    <ng-template treeItemGroupContent>
+  <ul ngTreeItemGroup [ownedBy]="treeItem" #group="ngTreeItemGroup">
+    <ng-template ngTreeItemGroupContent>
       <ng-template
         [ngTemplateOutlet]="treeNodes"
         [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
diff --git a/src/components-examples/aria/tree/tree-multi-select/tree-multi-select-example.html b/src/components-examples/aria/tree/tree-multi-select/tree-multi-select-example.html
index a15c74e7b176..959fe847e8a9 100644
--- a/src/components-examples/aria/tree/tree-multi-select/tree-multi-select-example.html
+++ b/src/components-examples/aria/tree/tree-multi-select/tree-multi-select-example.html
@@ -1,4 +1,4 @@
-<ul tree [multi]="true" #tree="tree" class="example-tree">
+<ul ngTree [multi]="true" #tree="ngTree" class="example-tree">
   <ng-template
     [ngTemplateOutlet]="treeNodes"
     [ngTemplateOutletContext]="{nodes: nodes, parent: tree}"
@@ -8,12 +8,12 @@
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.value) {
   <li
-    treeItem
+    ngTreeItem
     [parent]="parent"
     [value]="node.value"
     [label]="node.name"
     [disabled]="node.disabled"
-    #treeItem="treeItem"
+    #treeItem="ngTreeItem"
     class="example-tree-item example-selectable example-stateful"
   >
     <span aria-hidden="true" class="material-symbols-outlined example-parent-icon example-icon">{{node.children ? 'chevron_right' : ''}}</span>
@@ -23,8 +23,8 @@
   </li>
 
   @if (node.children) {
-  <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
-    <ng-template treeItemGroupContent>
+  <ul ngTreeItemGroup [ownedBy]="treeItem" #group="ngTreeItemGroup">
+    <ng-template ngTreeItemGroupContent>
       <ng-template
         [ngTemplateOutlet]="treeNodes"
         [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
diff --git a/src/components-examples/aria/tree/tree-nav/tree-nav-example.html b/src/components-examples/aria/tree/tree-nav/tree-nav-example.html
index 0aec5f206929..c3dc444f1a1f 100644
--- a/src/components-examples/aria/tree/tree-nav/tree-nav-example.html
+++ b/src/components-examples/aria/tree/tree-nav/tree-nav-example.html
@@ -1,4 +1,4 @@
-<ul tree [nav]="true" #tree="tree" class="example-tree">
+<ul ngTree [nav]="true" #tree="ngTree" class="example-tree">
   <ng-template
     [ngTemplateOutlet]="treeNodes"
     [ngTemplateOutletContext]="{nodes: nodes, parent: tree}"
@@ -8,12 +8,12 @@
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.value) {
     <a
-      treeItem
+      ngTreeItem
       [parent]="parent"
       [value]="node.value"
       [label]="node.name"
       [disabled]="node.disabled"
-      #treeItem="treeItem"
+      #treeItem="ngTreeItem"
       class="example-tree-item example-selectable example-stateful"
       href="#{{ node.name }}"
       (click)="$event.preventDefault()"
@@ -35,8 +35,8 @@
     </a>
 
     @if (node.children) {
-      <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
-        <ng-template treeItemGroupContent>
+      <ul ngTreeItemGroup [ownedBy]="treeItem" #group="ngTreeItemGroup">
+        <ng-template ngTreeItemGroupContent>
           <ng-template
             [ngTemplateOutlet]="treeNodes"
             [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
diff --git a/src/components-examples/aria/tree/tree-single-select-follow-focus/tree-single-select-follow-focus-example.html b/src/components-examples/aria/tree/tree-single-select-follow-focus/tree-single-select-follow-focus-example.html
index 0c2482da97c8..3af1a8cb716a 100644
--- a/src/components-examples/aria/tree/tree-single-select-follow-focus/tree-single-select-follow-focus-example.html
+++ b/src/components-examples/aria/tree/tree-single-select-follow-focus/tree-single-select-follow-focus-example.html
@@ -1,4 +1,4 @@
-<ul tree selectionMode="follow" #tree="tree" class="example-tree">
+<ul ngTree selectionMode="follow" #tree="ngTree" class="example-tree">
   <ng-template
     [ngTemplateOutlet]="treeNodes"
     [ngTemplateOutletContext]="{nodes: nodes, parent: tree}"
@@ -8,12 +8,12 @@
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.value) {
   <li
-    treeItem
+    ngTreeItem
     [parent]="parent"
     [value]="node.value"
     [label]="node.name"
     [disabled]="node.disabled"
-    #treeItem="treeItem"
+    #treeItem="ngTreeItem"
     class="example-tree-item example-selectable example-stateful"
   >
     <span aria-hidden="true" class="material-symbols-outlined example-parent-icon example-icon">{{node.children ? 'chevron_right' : ''}}</span>
@@ -23,8 +23,8 @@
   </li>
 
   @if (node.children) {
-  <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
-    <ng-template treeItemGroupContent>
+  <ul ngTreeItemGroup [ownedBy]="treeItem" #group="ngTreeItemGroup">
+    <ng-template ngTreeItemGroupContent>
       <ng-template
         [ngTemplateOutlet]="treeNodes"
         [ngTemplateOutletContext]="{nodes: node.children, parent: group}"
diff --git a/src/components-examples/aria/tree/tree-single-select/tree-single-select-example.html b/src/components-examples/aria/tree/tree-single-select/tree-single-select-example.html
index eeef1552ba6c..8bcf97f16419 100644
--- a/src/components-examples/aria/tree/tree-single-select/tree-single-select-example.html
+++ b/src/components-examples/aria/tree/tree-single-select/tree-single-select-example.html
@@ -1,4 +1,4 @@
-<ul tree #tree="tree" class="example-tree">
+<ul ngTree #tree="ngTree" class="example-tree">
   <ng-template
     [ngTemplateOutlet]="treeNodes"
     [ngTemplateOutletContext]="{nodes: nodes, parent: tree}"
@@ -8,12 +8,12 @@
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.value) {
   <li
-    treeItem
+    ngTreeItem
     [parent]="parent"
     [value]="node.value"
     [label]="node.name"
     [disabled]="node.disabled"
-    #treeItem="treeItem"
+    #treeItem="ngTreeItem"
     class="example-tree-item example-selectable example-stateful"
   >
     <span aria-hidden="true" class="material-symbols-outlined example-parent-icon example-icon">{{node.children ? 'chevron_right' : ''}}</span>
@@ -23,8 +23,8 @@
   </li>
 
   @if (node.children) {
-  <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
-    <ng-template treeItemGroupContent>
+  <ul ngTreeItemGroup [ownedBy]="treeItem" #group="ngTreeItemGroup">
+    <ng-template ngTreeItemGroupContent>
       <ng-template
         [ngTemplateOutlet]="treeNodes"
         [ngTemplateOutletContext]="{nodes: node.children, parent: group}"

From c79bb0d2c711d91f271422e6fe13d65fe5dcde69 Mon Sep 17 00:00:00 2001
From: Wagner Maciel <wagnermaciel@google.com>
Date: Tue, 30 Sep 2025 16:30:42 -0400
Subject: [PATCH 7/7] fixup! build: create angular aria package

---
 src/aria/combobox/combobox.spec.ts | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/aria/combobox/combobox.spec.ts b/src/aria/combobox/combobox.spec.ts
index b55d12bd1a49..e2e010e01efc 100644
--- a/src/aria/combobox/combobox.spec.ts
+++ b/src/aria/combobox/combobox.spec.ts
@@ -1019,10 +1019,10 @@ describe('Combobox', () => {
   />
 
   <ng-template ngComboboxPopupContainer>
-    <div listbox [(value)]="value">
+    <div ngListbox [(value)]="value">
       @for (option of options(); track option) {
         <div
-          option
+          ngOption
           [value]="option"
           [label]="option"
         >
@@ -1062,7 +1062,7 @@ class ComboboxListboxExample {
   />
 
   <ng-template ngComboboxPopupContainer>
-    <ul tree #tree="tree" [(value)]="value">
+    <ul ngTree #tree="ngTree" [(value)]="value">
       <ng-template
         [ngTemplateOutlet]="treeNodes"
         [ngTemplateOutletContext]="{nodes: nodes(), parent: tree}"
@@ -1073,18 +1073,18 @@ class ComboboxListboxExample {
 
 <ng-template #treeNodes let-nodes="nodes" let-parent="parent">
   @for (node of nodes; track node.name) {
-    <li treeItem
+    <li ngTreeItem
       [parent]="parent"
       [value]="node.name"
       [label]="node.name"
-      #treeItem="treeItem"
+      #treeItem="ngTreeItem"
     >
       {{ node.name }}
     </li>
 
     @if (node.children) {
-      <ul treeItemGroup [ownedBy]="treeItem" #group="treeItemGroup">
-        <ng-template treeItemGroupContent>
+      <ul ngTreeItemGroup [ownedBy]="treeItem" #group="ngTreeItemGroup">
+        <ng-template ngTreeItemGroupContent>
           <ng-template
             [ngTemplateOutlet]="treeNodes"
             [ngTemplateOutletContext]="{nodes: node.children, parent: group}"