diff --git a/README.md b/README.md
index ffaf7c71905..50ff904ee83 100644
--- a/README.md
+++ b/README.md
@@ -48,14 +48,14 @@ Let's take a look at what each of FAST's core packages gives us today.
[](https://opensource.org/licenses/MIT)
[](https://badge.fury.io/js/%40microsoft%2Ffast-element)
-The `fast-element` library is a lightweight means to easily building performant, memory-efficient, standards-compliant Web Components. FAST Elements work in every major browser and can be used in combination with any front-end framework or even without a framework. To get up and running with `fast-element` see [the Getting Started guide](http://fast.design/docs/fast-element/getting-started).
+The `@microsoft/fast-element` library is a lightweight means to easily building performant, memory-efficient, standards-compliant Web Components. FAST Elements work in every major browser and can be used in combination with any front-end framework or even without a framework. To get up and running with `@microsoft/fast-element` see [the Getting Started guide](http://fast.design/docs/fast-element/getting-started).
### fast-foundation
[](https://opensource.org/licenses/MIT)
[](https://badge.fury.io/js/%40microsoft%2Ffast-foundation)
-The `fast-foundation` package is a library of Web Component classes, templates, and other utilities intended to be composed into registered Web Components by design systems (e.g. Fluent Design, Material Design, etc.). The exports of this package can generally be thought of as un-styled base components that implement semantic and accessible markup and behavior.
+The `@microsoft/fast-foundation` package is a library of Web Component classes, templates, and other utilities intended to be composed into registered Web Components by design systems (e.g. Fluent Design, Material Design, etc.). The exports of this package can generally be thought of as un-styled base components that implement semantic and accessible markup and behavior.
This package does not export Web Components registered as [custom elements](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements) - it exports parts and pieces intended to be *composed* into Web Components, allowing you to implement your own design language by simply applying CSS styles and behaviors without having to write all the JavaScript that's involved in building production-quality component implementations.
@@ -64,14 +64,14 @@ This package does not export Web Components registered as [custom elements](http
[](https://opensource.org/licenses/MIT)
[](https://badge.fury.io/js/%40microsoft%2Ffast-components)
-`fast-components` is a library of Web Components that *composes* the exports of `fast-foundation` with stylesheets aligning to the FAST design language. This composition step registers a custom element. See the [quick start](http://fast.design/components/getting-started) to get started using the components.
+`@microsoft/fast-components` is a library of Web Components that *composes* the exports of `@microsoft/fast-foundation` with stylesheets aligning to the FAST design language. This composition step registers a custom element. See the [quick start](http://fast.design/components/getting-started) to get started using the components.
### fast-components-msft
-**This package has been moved to [FluentUI](https://github.com/microsoft/fluentui/)**
+**This package has been moved to [FluentUI](https://github.com/microsoft/fluentui/) and has been renamed to `@fluentui/web-components`**
[](https://opensource.org/licenses/MIT)
[](https://badge.fury.io/js/%40microsoft%2Ffast-components-msft)
-`fast-components-msft` is a library of Web Components that *composes* `fast-foundation`. `fast-components-msft` uses the same custom element names as `fast-components`, but makes use of different stylesheets and may include components that specifically support Microsoft's Fluent design language.
+`@fluentui/web-components` is a library of Web Components that *composes* `@microsoft/fast-foundation`. `@fluentui/web-components` makes use of different stylesheets and may include components that specifically support Microsoft's Fluent design language.
### Component Explorer
@@ -79,7 +79,7 @@ Launch our [Component Explorer](https://explore.fast.design) to experience our [
## Getting Started
-If you're looking to get started using our components right away, take a look at [the components quick start](http://fast.design/docs/components/getting-started). You'll also want to check out [our integrations](http://fast.design/docs/integrations/introduction) if you're looking to add the components into a Webpack build or incorporate them with another front-end framework. For those interested in implementing their own design system or customizing the styles of the components, after you [have a look at the components](http://fast.design/docs/components/getting-started), you'll want to read through [our styling docs](http://fast.design/docs/design/introduction). Finally, if your goal is to build your own components or apps with `fast-element`, you can learn all about that in our [guide to building web components with FASTElement](http://fast.design/docs/fast-element/getting-started).
+If you're looking to get started using our components right away, take a look at [the components quick start](http://fast.design/docs/components/getting-started). You'll also want to check out [our integrations](http://fast.design/docs/integrations/introduction) if you're looking to add the components into a Webpack build or incorporate them with another front-end framework. For those interested in implementing their own design system or customizing the styles of the components, after you [have a look at the components](http://fast.design/docs/components/getting-started), you'll want to read through [our styling docs](http://fast.design/docs/design/introduction). Finally, if your goal is to build your own components or apps with `@microsoft/fast-element`, you can learn all about that in our [guide to building web components with FASTElement](http://fast.design/docs/fast-element/getting-started).
## Joining the Community
diff --git a/examples/site-rebrand-tutorial/walk-through.md b/examples/site-rebrand-tutorial/walk-through.md
index a872cbc1df9..f8d300af0a0 100644
--- a/examples/site-rebrand-tutorial/walk-through.md
+++ b/examples/site-rebrand-tutorial/walk-through.md
@@ -542,14 +542,14 @@ As the design system and components are all defined in the pre-bundled FAST Java
Change line 247 to:
```html
-
+
```
And the import statement at line 253 to:
```javascript
- from "https://unpkg.com/@microsoft/fast-components-msft";
+ from "https://unpkg.com/@fluentui/web-components";
```
diff --git a/examples/todo-app-tutorial/package.json b/examples/todo-app-tutorial/package.json
index 4a0b67ee056..952dfa864e3 100644
--- a/examples/todo-app-tutorial/package.json
+++ b/examples/todo-app-tutorial/package.json
@@ -12,7 +12,7 @@
"license": "ISC",
"dependencies": {
"@microsoft/fast-colors": "^5.0.12",
- "@microsoft/fast-components-msft": "latest",
+ "@fluentui/web-components": "latest",
"@microsoft/fast-element": "latest",
"@microsoft/fast-foundation": "latest",
"lodash-es": "^4.17.15",
diff --git a/examples/todo-app-tutorial/src/design-property-panel.ts b/examples/todo-app-tutorial/src/design-property-panel.ts
index dd58b18b96a..926aafe03f1 100644
--- a/examples/todo-app-tutorial/src/design-property-panel.ts
+++ b/examples/todo-app-tutorial/src/design-property-panel.ts
@@ -6,10 +6,7 @@ import {
customElement,
ExecutionContext,
} from "@microsoft/fast-element";
-import {
- neutralLayerL1Behavior,
- parseColorString,
-} from "@microsoft/fast-components-msft";
+import { neutralLayerL1Behavior, parseColorString } from "@fluentui/web-components";
import { ComponentStateColorPalette, ColorRGBA64 } from "@microsoft/fast-colors";
import { typography } from "./typography";
diff --git a/examples/todo-app-tutorial/src/main.ts b/examples/todo-app-tutorial/src/main.ts
index 4216ee420c5..b4479e69a96 100644
--- a/examples/todo-app-tutorial/src/main.ts
+++ b/examples/todo-app-tutorial/src/main.ts
@@ -6,7 +6,7 @@ import {
FASTCard,
FASTSlider,
FASTSliderLabel,
-} from "@microsoft/fast-components-msft";
+} from "@fluentui/web-components";
import { TodoApp } from "./todo-app";
import { TodoForm } from "./todo-form";
import { DesignPropertyPanel } from "./design-property-panel";
diff --git a/examples/todo-app-tutorial/src/todo-form.ts b/examples/todo-app-tutorial/src/todo-form.ts
index 0fdb800636e..af81a3b869b 100644
--- a/examples/todo-app-tutorial/src/todo-form.ts
+++ b/examples/todo-app-tutorial/src/todo-form.ts
@@ -5,7 +5,7 @@ import {
customElement,
css,
} from "@microsoft/fast-element";
-import { FASTTextField } from "@microsoft/fast-components-msft";
+import { FASTTextField } from "@fluentui/web-components";
const template = html`