The adaptive interface system for modern web experiences.
This is the FAST monorepo, containing web component packages, tools, examples, and documentation. FAST tech can be used à la carte or as a suite to build enterprise-grade websites, applications, components, design systems, and more.
:star: We appreciate your star, it helps!
FAST is a collection of technologies built on 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.
TL;DR
@microsoft/fast-element
, all based on W3C Web Component standards.@microsoft/fast-foundation
library to rapidly build W3C OpenUI-based design systems without re-implementing component logic.@microsoft/fast-ssr
.@microsoft/fast-router
.@microsoft/fast-react-wrapper
to turn any Web Component into a native React component.For an in-depth explanation of FAST see our docs introduction.
@microsoft/fast-element
The @microsoft/fast-element
library is a lightweight means to easily build 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.
@microsoft/fast-foundation
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 - 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.
@microsoft/fast-ssr
The @microsoft/fast-ssr
package contains a NodeJS solution for rendering FAST templates and components. While primarily intended for supporting server-side rendering (SSR) scenarios, it also allows FAST to be used as a general purpose HTML templating solution.
@microsoft/fast-router
The @microsoft/fast-router
package contains a history-based navigation and routing solution designed around Web Components. By using fast-router
, you can create multi-page and full application experiences. The router works with any Web Components, but has special support for Web Components built on FAST.
@fluentui/web-components
@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.
The Fluent UI Web Components are built on @microsoft/fast-element
and @microsoft/fast-foundation
. The source for @fluentui/web-components
is hosted in the Fluent UI monorepo.
We hope you're excited by the possibilities that FAST presents. But, you may be wondering where to start. Here are a few statements that describe various members of our community. We recommend that you pick the statement you most identify with and follow the links where they lead. You can always come back and explore another topic at any time.
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!
There are a million and one great ways to build your next website or application. To support the technologies you choose, creating unopinionated code is at the center of every decision we make in FAST.
This principle of being unopinionated manifests in several important ways including:
Leverage our (upcoming!) FAST CLI to accelerate your design or development workflow. You can create new projects from scratch, create design systems, and add or customize from dozens of components in our foundation library.
Widely available design systems from companies like Microsoft (Fluent), Google (Material), or Salesforce (Lightning) are useful when it is essential to align with a platform or take advantage of a polished system at low cost, but many companies have a design system of their own, and some may have multiple design systems or variations.
Because FAST has abstracted base components from their style, you get a head start on your design system by building on top of tried and true base components and style libraries like our offerings for color, animation, and elevation.