View all projects

Microsoft Fluent Blocks: React

If you need to deliver software experiences in the Fluent design system, Fluent Blocks gives you the tools you need to deliver accessible and polished experiences just using JSON, so you can focus more on the content and leave the rest to these components.

loading
Microsoft
15components44storiesLast updated 6 days ago
StorybookGitHub
npm install @fluent-blocks/react
235
Downloads / week
React
Tweet
Big message
6
Button
1
Card
3
Charts
10
Color
1
Description list
1
Illustrations
5
Introduction
1
Layout
2
Lists & Tables
2
Tabs
1
Toolbar
1
Topbar & Sidebar
7
Type scale
1
View
2

Addons in this project

Actions
Get UI feedback when an action is performed on an interactive element
3.1M
Downloads
  • + 2
Links
Link stories together to build demos and prototypes with your UI components
2.4M
Downloads
  • + 2
Chromatic
Automate visual testing across browsers. Gather UI feedback. Versioned documentation.
423k
Downloads
  • + 7

Similar projects

Add your project
Storybook
Design System
Docs
Documentation
Add Storybook to your project in less than a minute to build components faster and easier.
reactvueangularweb-components
Tutorial
Tutorials
Learn Storybook with in-depth tutorials that teaches Storybook best practices. Follow along with code samples.
Learn Storybook now
Storybook
The MIT License (MIT). Website design by @domyen and the awesome Storybook community.
StorybookShowcaseDocsTutorialsAddonsBlogReleasesGet involvedUse casesSupportTeam
Subscribe
Get news, free tutorials, and Storybook tips emailed to you.

Maintained by
Chromatic
Continuous integration by
CircleCI
Hosting by
Netlify