Skip to content

/ fast-dna

The adaptive interface system
 for modern web experiences.
design-systems design-architecture component-architecture component-library components react development-tools web-accessibility animation-library color-library typescript web-components web-components-schemas adaptive-ui front-end-framework web-standards
TypeScript HTML JavaScript Other
  1. TypeScript 97.3%
  2. HTML 1.5%
  3. JavaScript 1.1%
  4. Other 0.1%
Branch: master
Find file
Clone or download

Clone with HTTPS

Use Git or checkout with SVN using the web URL.

Open in Desktop Download ZIP

Latest commit

@nicholasrice
nicholasrice chore: reverts find and replace error made in accordion example (#3273) 
* fix error

* register recipe

* pretty-print
Latest commit 95e2682 Jun 11, 2020

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github chore: update pull request template and contributing files for compon… Jun 8, 2020
build chore: add documentation to new docs folder (#3196) May 30, 2020
docs chore: add git attributes and normalize line endings (#3072) May 7, 2020
packages chore: reverts find and replace error made in accordion example (#3273) Jun 11, 2020
sites feat: design-system-provider now paints CSS color and background color ( Jun 11, 2020
specs feat: add accordion web component (#3067) May 29, 2020
.actrc chore: update github action code climate (#3020) Apr 28, 2020
.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
.eslintignore chore: update to cleanup and consolidate configurations (#3035) Apr 30, 2020
.eslintrc.js chore: update repo to use fast-eslint-rules (#2913) Apr 10, 2020
.gitattributes chore: add git attributes and normalize line endings (#3072) May 7, 2020
.gitignore chore: update to dynamically generate json file (#3041) May 5, 2020
.npmrc chore: remove package lock files (#865) Sep 10, 2018
.prettierignore chore: update the formatting on the default palette as this file shou… May 29, 2020
.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 docs: site build corrections, shared doc scrub, and new content (#3215) Jun 2, 2020
LICENSE Initial commit Mar 2, 2018
README.md chore: fix React Components link (#3206) Jun 1, 2020
SECURITY.md add security policy to repository (#2941) Apr 16, 2020
lerna.json feat: add initial files for a tooling examples site (#3109) May 12, 2020
package.json
tsconfig.json chore: organize tsconfig files to take advantage of extends feature (#… May 21, 2019
yarn.lock chore: sync webpack-dev-server dependency versions, update websocket-… Jun 9, 2020

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 workflows 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 from styles and design systems to support multiple implementations without re-writing or duplicating styles. Use the design system to customize existing styled components, or build your own styles, with your design system, 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 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 property 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

CD - Component Explorer

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

View the staging site to see unpublished changes currently staged for release in the master branch.

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.