Skip to content
An unopinionated system of components, development tools, and utilities used à la carte or as a suite to build enterprise-grade websites and applications.
TypeScript Other
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.azure-devops chore: add azure devops pipeline for building and deploying explorer (#… Feb 21, 2019
.circleci chore: fix the Lerna version to avoid the build break (#1387) Feb 15, 2019
.github update to switch to custom domain name for documentation (#1853) Jun 12, 2019
build chore: update documentation to new domain name (#2010) Jul 30, 2019
docs chore: update documentation to new domain name (#2010) Jul 30, 2019
packages feat: export individual keycodes as named exports and unreference Key… Aug 21, 2019
website chore: update documentation to new domain name (#2010) Jul 30, 2019
.babelrc feat: add tests to ensure all components are exported in base and MSFT ( Nov 2, 2018
.codeclimate.yml remove TODO statement check (#981) Oct 2, 2018
.gitignore chore: update documentation site (#1536) Mar 19, 2019
.npmrc chore: remove package lock files (#865) Sep 10, 2018
.prettierrc chore: add "prettier" to format code and pre-commit hook to enforce (#… Oct 18, 2018
CODE_OF_CONDUCT.md Update CODE_OF_CONDUCT.md Sep 5, 2018
CONTRIBUTING.md update to switch to custom domain name for documentation (#1853) Jun 12, 2019
LICENSE Initial commit Mar 2, 2018
README.md chore: update documentation to new domain name (#2010) Jul 30, 2019
lerna.json use lerna independent mode (#872) Sep 11, 2018
package.json fix: updates documentation site with latest master (#1818) Jun 4, 2019
tsconfig.json chore: organize tsconfig files to take advantage of extends feature (#… May 21, 2019
tslint.json feat: add tests to ensure all components are exported in base and MSFT ( Nov 2, 2018

README.md

github_readme_logo.svg

FAST-DNA

An unopinionated system of components, development tools, and utilities used à la carte or as a suite to build enterprise-grade websites and applications.

Maintainability Test Coverage CircleCI lerna Discord code style: prettier license

⭐️ We appreciate your star, it helps!

Key features & benefits

Unopinionated

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-DNA.

This principle of being unopinionated manifests in several important ways including:

  • A flat component architecture that lets you compose what you need without struggling with rigid patterns and complex objects.
  • Separating base components and style that supports multiple frameworks without re-writing or duplicating styles. This separation also lets you build your own styles, with your styling technology of choice, without having to re-build or duplicate the base components.
  • Framework agnostic tooling that lets you use our development tools with any view framework.
  • The ability to replace almost any FAST-DNA package with your package of choice. Get started with our animation or layout package and add more as you need them. Alternatively, use our suite of packages to build your next project from the ground up; it's your call.

UI development and style guide tools

When developing components and views, excellent development tooling can make all the difference. FAST-DNA offers development and style guide tools that work with FAST components, components from other frameworks, or your components.

Try out component properties with an auto-generated props UI, get a live preview of the code based on any property’s configuration, preview localization (RTL/LTR) and themes, and preview component compositing with a transparency grid.

Also, we built FAST development tools from re-usable packages so, if you have special needs, you can build your tools from the same shared libraries.

Bring your design system

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 their design system of their own, and some may have multiple design systems or variations.

Because FAST-DNA 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.

Packages

FAST-DNA is a mono repository managed with Lerna. Users choose à la carte which package to use in their project.

Component Explorer

Launch our Component Explorer to experience our Microsoft React Components package and development tools.

Documentation

Visit our developer documentation to get started.

Troubleshooting

Experiencing problems? Check our infrastructure health status.

Contact

You can’t perform that action at this time.