The theming system called Adaptive UI, which builds design system properties that designers use every day directly into every component.
Explore ComponentsSwitching between dark and light mode is as easy as changing the background color of the design system.
Add a new client for your project, if you are creating a project for an existing client, please skip this step.
Add a new client for your project, if you are creating a project for an existing client, please skip this step.
Standards-based Web Components are the foundation of each component, making them compatible with almost any modern web framework, including those listed below.
Learn MoreAngular works great with the design system due to its binding system’s support for setting both attributes and properties on custom elements.
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.
The design system works flawlessly with both Aurelia 1 and Aurelia 2, with full integration into the binding engine and component model.
The design system integrates nicely with Blazor, a feature of ASP.NET which lets you build interactive web UIs using C# instead of JavaScript.
While the React team works to fully support custom elements in v17, we provide integration support for v16.x.x.
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.
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.
Create new component compositions by nesting, styling foundation components, or extending existing components. The combinations are endless.
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.
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.
All components follow WCAG 2.1, are W3C spec-compliant and use the W3C interaction models when available.
Design sophisticated animation sequences with the animation library, an interface for the Web Animations API.
Create color palettes, extract colors from images, and handle other color operations using our color library.