awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
OfficeDev avatar

OfficeDev/office-ui-fabric-coreArchived

0
View on GitHub↗
3,744 stars·459 forks·SCSS·11 viewsdeveloper.microsoft.com/en-us/fabric↗

Office Ui Fabric Core

This is a CSS UI framework and design system implementation used to build user interfaces that match the visual design of Office and Microsoft 365. It provides a standardized set of typography, color palettes, and grid layouts to ensure a consistent visual appearance across web applications.

The framework is designed for enterprise design system implementation, specifically for Microsoft 365 UI development and the styling of Office add-ins. It includes a dedicated iconography library of standardized icons to represent common actions and objects.

The system utilizes a token-driven design approach with Sass-based style compilation and BEM-based class naming. It covers layout management through atomic utility classes and responsive adjustments via conditional media querying, while allowing for dynamic theme injection through variables.

Features

  • Microsoft 365 UI Development - Provides the framework necessary to build web interfaces that match official Microsoft 365 services.
  • Visual Styling - Enables custom user interfaces for Office plugins to blend seamlessly with the native host application environment.
  • CSS Frameworks - Provides a comprehensive collection of pre-styled interface elements and layout patterns matching Office and Microsoft 365.
  • Design System Implementations - Implements a design system with standardized typography, color palettes, and grid layouts for consistent visual appearance.
  • Design Token Systems - Implements a token-driven design system that maps visual specifications to central variables for unified updates.
  • Enterprise Design Standardization - Ensures a professional and unified look across large-scale business applications through enterprise design standardization.
  • Visual Style Application - Provides standardized typography, colors, and grid layouts to maintain a consistent look across user interfaces.
  • Sass Compilers - Utilizes Sass compilation to process nested stylesheets and mixins into static CSS.
  • CSS Utility Classes - Provides a set of single-purpose CSS classes for managing spacing, alignment, and layout.
  • Icon Ecosystem Integrations - Integrates a standardized iconography library into the interface to represent common actions and objects.
  • Iconography Libraries - Ships a standardized collection of visual symbols to maintain a uniform interface experience.
  • Interface Iconography - Provides a consistent library of interface icons to help users recognize common actions and objects.
  • Theme Token Injections - Injects dynamic brand colors and typography settings into the global style sheet using CSS custom properties.
  • CSS Media Queries - Uses CSS media queries to apply responsive layout adjustments based on viewport size.
  • BEM-Based Naming - Implements the Block Element Modifier (BEM) naming convention to prevent selector collisions in large-scale stylesheets.

Star history

Star history chart for officedev/office-ui-fabric-coreStar history chart for officedev/office-ui-fabric-core

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Projects sharing features with Office Ui Fabric Core

These projects share indexed features with Office Ui Fabric Core. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • topcoat/topcoattopcoat avatar

    topcoat/topcoat

    4,231View on GitHub↗

    Topcoat is a CSS UI framework and component library used for building web application interfaces. It serves as a design system implementation that provides a set of reusable styled elements and layout primitives to ensure visual consistency across web pages. The system utilizes a BEM-based styling architecture to manage specificity and prevent style leakage. It combines a utility-first CSS library for common layout and spacing needs with a responsive CSS grid that adjusts based on viewport width. The framework covers front end styling, responsive web development, and rapid UI prototyping. It

    HTMLcssui-components
    View on GitHub↗4,231
  • primer/primerprimer avatar

    primer/primer

    12,975View on GitHub↗

    Primer is a CSS design system framework and utility library used to build consistent user interfaces based on a unified visual language. It provides a collection of CSS rules, utility classes, and pre-defined style sheets for styling standard interface elements. The framework implements frontend visual standardization through a shared set of utility classes and design system rules. This allows for the creation of reusable interface elements and the rapid development of web interface layouts. The system utilizes a BEM-based naming convention, design-token mapping, and CSS variable-based themi

    SCSS
    View on GitHub↗12,975
  • csswizardry/inuit.csscsswizardry avatar

    csswizardry/inuit.css

    3,795View on GitHub↗

    inuit.css is a Sass-based CSS framework and design system tool focused on building scalable user interfaces. It serves as a modular preprocessor system that utilizes BEM architecture and OOCSS patterns to structure stylesheets into reusable components and layout abstractions. The framework distinguishes itself by separating structural layout logic from visual skinning, allowing for the creation of design-agnostic layout objects. It employs a configuration-driven build process where developers can use feature switches and variable overrides to inject design tokens and selectively include only

    CSS
    View on GitHub↗3,795
  • fomantic/fomantic-uifomantic avatar

    fomantic/fomantic-ui

    3,759View on GitHub↗

    Fomantic-UI is a component-based CSS library and frontend design system used to build consistent, responsive user interfaces. It functions as a CSS framework and responsive UI toolkit, providing a structured approach to managing typography, color palettes, and spacing. The project enables the development of custom UI components and the implementation of unified design systems across web applications. It provides a variable-driven theme compilation process to customize visual styles and a build-time system to compile selected components into production CSS bundles. The toolkit covers a broad

    JavaScript
    View on GitHub↗3,759
Compare all 30 related projects→

Frequently asked questions

What does officedev/office-ui-fabric-core do?

This is a CSS UI framework and design system implementation used to build user interfaces that match the visual design of Office and Microsoft 365. It provides a standardized set of typography, color palettes, and grid layouts to ensure a consistent visual appearance across web applications.

What are the main features of officedev/office-ui-fabric-core?

The main features of officedev/office-ui-fabric-core are: Microsoft 365 UI Development, Visual Styling, CSS Frameworks, Design System Implementations, Design Token Systems, Enterprise Design Standardization, Visual Style Application, Sass Compilers.

Which projects share features with officedev/office-ui-fabric-core?

Projects with overlapping indexed features include: topcoat/topcoat — Topcoat is a CSS UI framework and component library used for building web application interfaces. It serves as a… primer/primer — Primer is a CSS design system framework and utility library used to build consistent user interfaces based on a… csswizardry/inuit.css — inuit.css is a Sass-based CSS framework and design system tool focused on building scalable user interfaces. It serves… fomantic/fomantic-ui — Fomantic-UI is a component-based CSS library and frontend design system used to build consistent, responsive user… weui/weui — WeUI is a mobile design system and CSS component framework providing a collection of pre-styled widgets and layout… carbon-design-system/carbon — Carbon is an enterprise design system that provides a comprehensive collection of reusable UI components, design…