Analysis updated 2026-07-03
Style a web app or Office Add-in to visually match Microsoft Office 365 without designing the look from scratch
Apply Office typography, colors, and spacing to HTML elements using provided CSS class names
Use the responsive grid system to build layouts that adapt to different screen sizes in the Office design language
Customize the SCSS variables to adjust colors and styles to fit your own brand while following Office design patterns
| officedev/office-ui-fabric-core | anomalyco/guide | keldos-li/typora-latex-theme | |
|---|---|---|---|
| Stars | 3,745 | 3,683 | 5,804 |
| Language | SCSS | SCSS | SCSS |
| Setup difficulty | easy | moderate | easy |
| Complexity | 2/5 | 3/5 | 1/5 |
| Audience | developer | developer | writer |
Figures from each repo's GitHub metadata at analysis time.
Fonts and icons are loaded from a Microsoft CDN and carry a separate asset license, review it before commercial Office Add-in submission.
Office UI Fabric Core is a CSS framework published by Microsoft for building web experiences that look and feel like Office and Microsoft 365 products. It provides the foundational visual styles that Microsoft uses across its productivity applications: typography, color palettes, icons, fonts, spacing rules, and a responsive grid system. If you are building a web app, an Office Add-in, or anything else that needs to match the look of Microsoft Office, this library gives you the base styles to do that without designing them yourself. You include the CSS in your project, apply the provided class names to your HTML elements, and your content takes on the Office design language. This repository covers only the core styles. There is a companion project called Office UI Fabric React that provides the actual interactive components (buttons, dropdowns, menus, etc.) built as React components. The two projects are separate: this one handles the visual foundation, the React project handles the components. The library is available through common package managers including npm, Bower, and NuGet, or it can be loaded directly from a CDN without installing anything. Microsoft also offers a customization path if you need to adjust the default styles to fit your own brand while still following the Office design patterns. The project is maintained by Microsoft's Office developer team and is licensed under the MIT license. The fonts and icons it references are loaded from a CDN and carry a separate asset license. The repository's issue tracker is used for bug reports and feature requests, and the project has a contribution guide for developers who want to submit changes.
Office UI Fabric Core is Microsoft's CSS framework providing the typography, color palettes, icons, grid system, and spacing rules you need to make any web app look like a Microsoft Office or Microsoft 365 product.
Mainly SCSS. The stack also includes SCSS, CSS, npm.
Use freely for any purpose including commercial use as long as you keep the MIT copyright notice, the fonts and icons load from a CDN and carry a separate Microsoft asset license.
Setup difficulty is rated easy, with roughly 5min to a first successful run.
Mainly developer.
This repo across BitVibe Labs
Verify against the repo before relying on details.