The adaptive interface system for modern web experiences

Interfaces built with the Design System and can be used with any modern UI Framework by leveraging industry standard Web Components.

Let’s Get Started

Dynamic themes with Adaptive UI

The theming system called Adaptive UI, which builds design system properties that designers use every day directly into every component.

Explore Components
Pre-built for both light and dark modes, color, and style.

Switching between dark and light mode is as easy as changing the background color of the design system.

0px 32px
1px 4px
-3 3
off on
Create New Client

Add a new client for your project, if you are creating a project for an existing client, please skip this step.

Client Pick
Create New Client

Add a new client for your project, if you are creating a project for an existing client, please skip this step.

Client Pick

Works with existing frameworks

Standards-based Web Components are the foundation of each component, making them compatible with almost any modern web framework, including those listed below.

Learn More
Angular

Angular works great with the design system due to its binding system’s support for setting both attributes and properties on custom elements.

ASP.NET

The design system works naturally with ASP.NET server-side development. Start building immediately by adding a script tag and using the custom HTML elements.

Aurelia

The design system works flawlessly with both Aurelia 1 and Aurelia 2, with full integration into the binding engine and component model.

Blazor

The design system integrates nicely with Blazor, a feature of ASP.NET which lets you build interactive web UIs using C# instead of JavaScript.

React

While the React team works to fully support custom elements in v17, we provide integration support for v16.x.x.

Vue

Vue fully supports custom elements and by default passes all data to them as attributes. The framework also provides a special syntax to bind properties.

Features and utilities

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.

01
Composition

Create new component compositions by nesting, styling foundation components, or extending existing components. The combinations are endless.

02
Design Systems

Use or customize the design system properties to make it your own. You can also create your own design system to use with FAST foundation components.

03
Technology

Web components are built on the core technologies of the web to work in any scenario. Use them as is or with your favorite framework.

04
Web Standards

All components follow WCAG 2.1, are W3C spec-compliant and use the W3C interaction models when available.

05
Animation

Design sophisticated animation sequences with the animation library, an interface for the Web Animations API.

06
Colors

Create color palettes, extract colors from images, and handle other color operations using our color library.

Build with Fast.Design
Svgexport