A design architecture for the web that enables real-time updating of user experiences based on changing inputs. The acronym stands for fast, adaptive, secure, timeless as a design network architecture.
The majority of the effort in building component frameworks goes into the markup, accessibility, localization, and more. Let FAST-DNA do the hard work so you can focus on your design language and user experience.
Lerna in independent mode is used to organize and manage the monorepository and contains a set of utilities each of which are published to NPM. Users can choose one package, some packages, or all of them together as an ACCELERATOR to quickly construct enterprise experiences. Highly tuned production code where the hard work has been done already.
Built on ReactJS, bundled with Webpack, including Redux for state management.
A set of base components written in React that deliver quality HTML markup optimized for performance, accessibility, and modern browsers. A large amount of effort in all component frameworks often goes into just this, so delivering these base components as a package that then allows users to add a design language can reap major efficiency benefits in the design process. Readme
A set of React components with a Microsoft design system driving the look and feel. Readme
A development site which can be used to create a React environment for a group of React or web components. Readme
A React higher-order component (HOC) library for managing component JSS stylesheets. Readme
A self contained React component which shows content in an iframe. This can be used to as a method for previewing a React component(s) or an entire page. Readme
An animation library that simplifies interactions and animations using the Web Animation API. Provides a convenient abstraction layer over the Web Animation API while still allowing full access to it. Readme
An extension for testing real-world localization, theming, and other production type scenarios in web development. Originally devised as a way to visualize prototypes across many different user scenarios. For example, view a website in one of the 194 different localized settings. Readme
This package provides the TypeScript typings for all FAST components class-name contracts. These contracts enable strict typing of JSS stylesheets and each component's expectation of which class-names will be made available (and under which keys those class-names reside) to the component at runtime. Readme
Creates all possible data permutations from a given JSON Schema, allowing for deep testing or display of complex data sets. Readme
Provides tslint rules for all FAST projects. Readme
Details including getting started can be found here.
Details are located here.
FAST-DNA has partnered with Deque & Microsoft to build accessibility into our components ensuring we are WCAG 2.0 AA compliant. Readme
Clone the repository, cd into the project, and install Lerna:
git clone https://github.com/Microsoft/fast-dna.git
cd fast-dna
npm install --global lernaInstall all Lerna dependencies:
lerna bootstrap- Submit for help
- Submit feature requests
- Submit feature questions