{"id":13392919,"url":"https://github.com/OfficeDev/office-ui-fabric-js","last_synced_at":"2025-03-13T19:31:13.366Z","repository":{"id":57313708,"uuid":"63883537","full_name":"OfficeDev/office-ui-fabric-js","owner":"OfficeDev","description":"JavaScript components for building experiences for Office and Office 365.","archived":true,"fork":false,"pushed_at":"2019-03-25T20:06:29.000Z","size":8982,"stargazers_count":368,"open_issues_count":0,"forks_count":114,"subscribers_count":49,"default_branch":"master","last_synced_at":"2024-10-29T20:55:57.457Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://dev.office.com/fabric","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/OfficeDev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-07-21T16:03:13.000Z","updated_at":"2024-10-18T14:52:20.000Z","dependencies_parsed_at":"2022-08-31T00:01:13.859Z","dependency_job_id":null,"html_url":"https://github.com/OfficeDev/office-ui-fabric-js","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OfficeDev%2Foffice-ui-fabric-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OfficeDev%2Foffice-ui-fabric-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OfficeDev%2Foffice-ui-fabric-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OfficeDev%2Foffice-ui-fabric-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/OfficeDev","download_url":"https://codeload.github.com/OfficeDev/office-ui-fabric-js/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243112188,"owners_count":20238181,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-30T17:00:39.371Z","updated_at":"2025-03-13T19:31:12.582Z","avatar_url":"https://github.com/OfficeDev.png","language":"CSS","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"# [Office UI Fabric JS](http://dev.office.com/fabric)\n\n\u003e **Note:** Microsoft no longer supports this content and will not be responding to bugs or issues. We recommend that you use the newer version, [Office UI Fabric](https://developer.microsoft.com/fabric), with React as your front-end framework. If you still need assistance with Fabric.js, visit [Stack Overflow/office-ui-fabric](https://stackoverflow.com/questions/tagged/office-ui-fabric).\n\n##### The JavaScript front-end framework for building experiences for Office and Office 365.\n\nFabric JS is a JavaScript front-end framework which provides visuals-focused [components](https://github.com/OfficeDev/office-ui-fabric-js/blob/master/ghdocs/COMPONENTSLIST.md) to extend, re-work and use in your Office and Office 365 experiences. Fabric JS uses styles from the [Office UI Fabric Core](https://github.com/OfficeDev/office-ui-fabric-core/) project. Fabric JS is a collection of responsive, mobile-first styles and tools designed to make it quick and simple for you to create web experiences using the Office Design Language. \n\n**Latest version:** Fabric JS 1.4.0, which uses [Fabric Core](https://github.com/OfficeDev/office-ui-fabric-core) 5.0.1.\n\n## Contents\n- [What's included](#whats-included)\n- [Get started](#get-started)\n- [View the interactive docs](#clone-build-and-view-the-docs)\n- [Learn more](#learn-more)\n- [Trello board](#trello-board)\n- [Contribute to Fabric](#contribute-to-fabric-js)\n- [Licenses](#licenses)\n- [Changelog](#changelog)\n\n## What's included\nThis repository contains simple, visuals-focused components that don't require a framework. For the entire list of components available in Fabric JS, see the [component list](https://github.com/OfficeDev/office-ui-fabric-js/blob/master/ghdocs/COMPONENTSLIST.md).\n\n\u003e **Note:** For more information on Office UI Fabric version 2.6.1, which combined Fabric core and Fabric’s components together, see [Get started with Fabric 2.6.1](https://github.com/OfficeDev/office-ui-fabric-core/blob/master/ghdocs/V2GETSTARTED.md).\n\n## Get started\nFor a quick start, you can reference the latest release of Fabric from a CDN or clone and build locally. Once you've got Fabric JS added to your project, look at the [component list](https://github.com/OfficeDev/office-ui-fabric-js/blob/master/ghdocs/COMPONENTSLIST.md) for documentation pertaining to each available component.\n\nIf you'd like to get Fabric through a package manager such as Bower, npm, or NuGet, check out the [package manager docs](https://github.com/OfficeDev/office-ui-fabric-js/blob/master/ghdocs/PACKAGES.md).\n\n### Referencing the CDN\nInclude the following references in the `\u003chead\u003e` of your page:\n\n```html\n\u003clink rel=\"stylesheet\" href=\"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-js/1.2.0/css/fabric.min.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-js/1.2.0/css/fabric.components.min.css\"\u003e\n\u003cscript src=\"https://static2.sharepointonline.com/files/fabric/office-ui-fabric-js/1.2.0/js/fabric.min.js\"\u003e\u003c/script\u003e\n```\n\n**Note:** You may notice an additional reference to the Fabric Core. The components of Fabric JS use styles from Fabric Core.\n\nAll [releases of Fabric JS](https://github.com/OfficeDev/office-ui-fabric-js/releases) are available on the CDN, with new versions typically added within a week of the release. To reference a specific version, update the version number in the URL to match the one you want.\n\nIf you want to reference previous versions, please see [this get started guide (located in the Core repo)](https://github.com/OfficeDev/office-ui-fabric-core/blob/master/ghdocs/V2GETSTARTED.md).\n\n### Clone, build, and view the docs\n\nBefore you get started, make sure you have [node.js](https://nodejs.org/), [gulp](http://gulpjs.com/), and [git](https://git-scm.com/) installed. To build Fabric:\n\n1. Clone the repo\n2. Navigate to the folder that contains the gulpfile.js file (Fabric JS's root).\n3. `npm install`\n4. `gulp watch`\n\nThe built files will be in the `/dist/` folder. You can then add these built files directly to your project.\n\nYou can also navigate to http://localhost:2020 to see the local docs site where you can test out the components' responsive behavior and see the samples.\n\nFor more information, check out the [documentation on building Fabric JS locally](https://github.com/OfficeDev/office-ui-fabric-js/blob/master/ghdocs/BUILDING.md).\n\n## Learn more\n\nNew to Fabric? Although [the project's site](http://dev.office.com/fabric) contains lots of great info about its purpose and what's included, most of Fabric JS's documentation is contained in this repository.\n\nTo see a full component list, you can check out the [component list](https://github.com/OfficeDev/office-ui-fabric-js/blob/master/ghdocs/COMPONENTSLIST.md) here or [build the project locally to use the fully interactive docs site](https://github.com/OfficeDev/office-ui-fabric-js/blob/master/ghdocs/BUILDING.md#gulp-watch-and-the-local-docs-site).\n\nWhen you're ready to create an Office Add-in with Fabric, take a look at the [Use Office UI Fabric with Office Add-ins on MSDN article](https://msdn.microsoft.com/EN-US/library/office/mt450443.aspx).\n\nFor more information about the React components, check out the [Office UI Fabric React repository](https://github.com/OfficeDev/office-ui-fabric-react).\n\n## Trello board\n\nFabric JS contains a variety of components that are a part of the Office / Office 365 design language. If you're not seeing a component here that you'd like, first check out the [Office UI Fabric JS Requests board](https://trello.com/b/wq7oIK87/office-ui-fabric-js-requests) and upvote it there (if it exists), or file an [issue on Fabric JS's issue tracker](https://github.com/OfficeDev/office-ui-fabric-js/issues) to kick off a new request.\n\n## Contribute to Fabric JS\n\nBug reports, feature requests, and questions are posted on the [issue tracker](https://github.com/OfficeDev/Office-UI-Fabric-js/issues). For details on our contribution process and how we label issues, see our [contributing](https://github.com/OfficeDev/Office-UI-Fabric-js/blob/master/ghdocs/CONTRIBUTING.md) page.\n\nIf you have any style issues - icons, typography, fonts, colors, the grid, etc. - please file them in the [Office UI Fabric Core repository](https://github.com/OfficeDev/office-ui-fabric-core). \n\n## Licenses\n\nAll files in this GitHub repository are subject to the [MIT license](https://github.com/OfficeDev/office-ui-fabric-core/blob/master/LICENSE). This project also references fonts and icons from a CDN, which are subject to a separate [asset license](https://static2.sharepointonline.com/files/fabric/assets/license.txt).\n\n## Changelog\nWe use [GitHub Releases](https://github.com/blog/1547-release-your-software) to manage our releases, including the changelog between every release. View a complete list of additions, fixes, and changes since 1.0 on the [releases](https://github.com/OfficeDev/office-ui-fabric-js/releases) page.\n\n- - - \n\nThis project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/). For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FOfficeDev%2Foffice-ui-fabric-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FOfficeDev%2Foffice-ui-fabric-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FOfficeDev%2Foffice-ui-fabric-js/lists"}