Skip to main content
FLEXIBLE, PERFORMANT, & INTUITIVEFAST

FAST is dedicated to providing support for native Web Components and modern Web Standards, designed to help you efficiently tackle some of the most common challenges in website and application design and development.

For an in-depth explanation of FAST, see our docs introduction.

HOW TO

Getting Started

Install the package

npm install @microsoft/fast-element

Create a web component

/*
* import utilities from @microsoft/fast-element
*/
import { attr, css, FASTElement, html } from "@microsoft/fast-element";

/*
* Define your component logic
*/
class HelloWorld extends FASTElement {
@attr
name: string;
}

/*
* Define your component for the browser and
* include your CSS styles and HTML template
*/
HelloWorld.define({
name: "hello-world",
template: html`<span>Hello ${x => x.name}!</span>`,
styles: css`
span {
color: red;
}
`,
});

Add it to your project

<hello-world name="Earth"></hello-world>
FULLY INTEGRATED

Works with existing frameworks

Standards-based Web Components are compatible with almost any modern web framework.

BUILT ON FAST

Showcase

LEARN, MODIFY, AND FOLLOW

Joining the Community

Looking to get answers to questions or engage with us in realtime? Our community is most active on Discord. Submit requests and issues on GitHub, or join us by contributing on some good first issues via GitHub.

Get started here with the Contributor Guide.

We look forward to building an amazing open source community with you!

Contact

  • Join the community and chat with us in real-time on Discord.
  • Submit requests and issues on GitHub.
  • Contribute by helping out on some of our recommended first issues on GitHub.