https://github.com/officedev/fluent-blocks

A rich component library, still in development, for providing experiences from Microsoft’s Fluent design system
https://github.com/officedev/fluent-blocks

components design-patterns design-system fluent-design microsoft-teams react

Last synced: 3 months ago
JSON representation

A rich component library, still in development, for providing experiences from Microsoft’s Fluent design system

• Host: GitHub
• URL: https://github.com/officedev/fluent-blocks
• Owner: OfficeDev
• License: mit
• Created: 2021-09-16T19:02:34.000Z (over 3 years ago)
• Default Branch: next
• Last Pushed: 2022-09-14T23:55:28.000Z (over 2 years ago)
• Last Synced: 2024-11-05T17:54:54.289Z (3 months ago)
• Topics: components, design-patterns, design-system, fluent-design, microsoft-teams, react
• Language: TypeScript
• Homepage: https://aka.ms/fluent-blocks-storybook
• Size: 2.99 MB
• Stars: 23
• Watchers: 37
• Forks: 6
• Open Issues: 31
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: SECURITY.md

Awesome Lists containing this project

README

        




Fluent Blocks makes it easy to use [Fluent][figma-fluent] & [UI Kit][figma-uikit] designs in app development.

This repository provides a set of packages developers can use to build fully interactive & accessible experiences that match Fluent & UI Kit designs. Each package provides a comprehensive overview of what it does and how to get started in its readme.

## Packages

- [**Fluent Blocks: React**](packages/react#readme) ([Storybook ↗][storybook])

- [Schemas](packages/schemas#readme)

## ⚠️ Not yet recommended for production

This project is still being vetted. If you want to use Fluent Blocks, please bear in mind even non-prereleases don’t yet come with any particular guarantees.

For the best experience specify a specific version of Fluent Blocks when installing instead of using `~`/`^`/`*`, tags, or ranges. If you encounter issues or when you want to use new features, migrate to a newer version with care.

## Getting help & contributing

If you encounter issues, have questions, or want to participate, please don’t hesitate to [write an issue on Github][issues]. You can also [join us on Teams in our community channel][channel].

If you’d like to contribute to this project, please see [the Contributing file](CONTRIBUTING.md).

[channel]: https://teams.microsoft.com/l/team/19%3atKKC3lewTMtk4IopGy7Seq7fok-lNW7lGEK-HmzfaKY1%40thread.tacv2/conversations?groupId=4f925ae9-c713-434b-a1f6-44b58ac57210&tenantId=72f988bf-86f1-41af-91ab-2d7cd011db47

[issues]: https://github.com/OfficeDev/fluent-blocks/issues

[storybook]: https://aka.ms/fluent-blocks-storybook

[figma-fluent]: https://www.figma.com/community/file/836828295772957889/Microsoft-Fluent-Web

[figma-uikit]: https://www.figma.com/community/file/916836509871353159/Microsoft-Teams-UI-Kit