Skip to content

bexcool/Fluent-Web-Framework

Repository files navigation

Fluent Web Framwork

Framework for using Windows 11 Fluent design on the web.

Documentation

Visit the Fluent Web Framework documentation

Some controls

controls example

Expander

<fluent-expander header="Open me!">
   <p>Welcome to fluent framework!</p>
</fluent-expander>

expander example

Features

  • Windows 11 Fluent design.
  • Smooth animations.
  • Accurate colors.
  • Custom elements for easier usage.
  • Light and Dark theme.

Usage

Somewhere in <head>:
<link rel="stylesheet" href="https://static.bexcool.com/fwf/fluent.min.css">

After <body>:
<script src="https://static.bexcool.com/fwf/fluent.min.js"></script>

Looking for the old version?

That was moved to legacy. See this PR for details.

NOT AFFILIATED WITH MICROSOFT