Skip to content

fluentdesignforweb/fluentdesignforweb.github.io

 
 

Repository files navigation

Fluent Desing for Web

What is Fluent Design for Web?

Fluent Design for Web, or Fabric UI, is a design used by Windows 10 and other UWP apps, combining Metro UI with Material Design. This project is aimed at bringing this Fluent Design for web applications and websites.


Click here to view the deployement.

Features:

  • Styles:

  1. Typography
  2. Elevation
  3. Colors
  4. Grid Layout
  5. Icon Pack
  • Controls:

  1. Inputs
  2. Utilities
  3. Surfaces
  4. Lists and Tables
  5. Navigations
  6. Progress

How to use Fluent Design For Web in your project?

To use Fluent Design For Web in your project you just need to include this piece of code in tag of your HTML file:
<link href="https://fluentdesignforweb.github.io/fluent.css" rel="stylesheet" type="text/css">

Include this for windows and sidepanels:
<script src="https://fluentdesignforweb.github.io/fluent.js"> </script>

Releases

No releases published

Packages

 
 
 

Languages

  • HTML 41.9%
  • SCSS 37.1%
  • CSS 13.6%
  • TypeScript 6.6%
  • JavaScript 0.8%