Edit This Page

Welcome to the Fluent Svelte documentation! This page will explain the basic concepts and usage of the library.

What is this?

fluent-svelte is a Svelte component UI library that emulates the look and feel of Microsoft’s Windows UI Controls which conform to the Fluent Design System.


  • SvelteKit and SSR Compatible
  • TypeScript and type definitions are supported, but optional.
  • Full RTL support with no additional configuration.
  • All components are accessible according to WAI-ARIA standards.
  • Theming support using CSS custom properties.
  • Minimal third-party dependency usage.
  • Reduced motion support.
  • Easy setup. Just install the library, add some base styles, and you’re ready to go.
  • Minimal CSS overhead. Styles are included and scoped alongside their respective components, only bundling the CSS you need.