All Projects → fluent-org → fluent-windows

fluent-org / fluent-windows

Licence: MIT license
🌈 React components that inspired by Microsoft's Fluent Design System.

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to fluent-windows

awesome-web-react
🚀 Awesome Web Based React 🚀 Develop online with React!
Stars: ✭ 31 (-74.59%)
Mutual labels:  react-component, react-components, react-hooks
tiny-ui
⚛️ A friendly UI component set for React.js
Stars: ✭ 202 (+65.57%)
Mutual labels:  react-component, react-components, react-hooks
react-native-value-picker
Cross-Platform iOS(ish) style picker for react native.
Stars: ✭ 18 (-85.25%)
Mutual labels:  react-component, react-components, react-hooks
next-qrcode
React hooks for generating QRCode for your next React apps.
Stars: ✭ 87 (-28.69%)
Mutual labels:  react-components, react-hooks
React Native demo
react-native实现网易新闻和美团,实现大部分页面。使用最新的react-navigation等组件,同时支持安卓和iOS设备。
Stars: ✭ 237 (+94.26%)
Mutual labels:  react-component, react-components
React-Jupyter-Viewer
A react component to embed .ipyb notebooks in a blog or something
Stars: ✭ 50 (-59.02%)
Mutual labels:  react-component, react-components
React Border Wrapper
A wrapper for placing elements along div borders.
Stars: ✭ 147 (+20.49%)
Mutual labels:  react-component, react-components
shared-react-components-example
An example of a mono-repository of shared React components libraries!
Stars: ✭ 85 (-30.33%)
Mutual labels:  react-component, react-components
React-Netflix-Clone
A Fully Responsive clone of Netflix website built using React.JS as a Front-end & Firebase as a Back-end.
Stars: ✭ 91 (-25.41%)
Mutual labels:  react-components, react-hooks
frontend-toolbox
Frontend tools which we used in snappmarket v2
Stars: ✭ 37 (-69.67%)
Mutual labels:  react-components, react-hooks
mint-ui
Design System | React UI components for web
Stars: ✭ 17 (-86.07%)
Mutual labels:  react-components, react-hooks
Yoshino
A themable React component library!Flexible Lightweight PC UI Components built on React! Anyone can generate easily all kinds of themes by it!
Stars: ✭ 216 (+77.05%)
Mutual labels:  react-component, react-components
Registration-and-Login-using-MERN-stack
Simple Registration and Login component with MERN stack
Stars: ✭ 210 (+72.13%)
Mutual labels:  react-component, react-components
git-issue-react-electronjs
⚙️. ⚛️. A desktop application created with Electronjs and Reactjs to be cross-platform to manage and track GitHub issues.
Stars: ✭ 21 (-82.79%)
Mutual labels:  react-component, react-components
react-use-hubspot-form
Embed HubSpot forms into your React components using hooks! Works with Create React App, Gatsby and other platforms.
Stars: ✭ 41 (-66.39%)
Mutual labels:  react-components, react-hooks
Video React
A web video player built for the HTML5 world using React library.
Stars: ✭ 2,227 (+1725.41%)
Mutual labels:  react-component, react-components
whatsapp-clone-react
Build a WhatsApp Clone with React JS and FireBase.
Stars: ✭ 38 (-68.85%)
Mutual labels:  react-component, react-hooks
React Structured Data
React Structured Data provides an easy way to add structured data to your React apps
Stars: ✭ 120 (-1.64%)
Mutual labels:  react-component, react-components
React Splitters
React splitter component, written in TypeScript.
Stars: ✭ 127 (+4.1%)
Mutual labels:  react-component, react-components
best-of-react
🏆 A ranked list of awesome React open-source libraries and tools. Updated weekly.
Stars: ✭ 364 (+198.36%)
Mutual labels:  react-component, react-components

Fluent-Windows logo

Fluent-Windows

React components that inspired by Microsoft's Fluent Design System.

npm CircleCI codecov GitHub Code style lerna

English | 简体中文

Installation

Install the package in your project directory with:

// with npm
npm install @fluent-windows/core

// with yarn
yarn add @fluent-windows/core

Usage

Here is a quick example to get you started.

import React from 'react';
import ReactDOM from 'react-dom';
import Button from '@fluent-windows/core/Button';
import ThemeProvider from '@fluent-windows/core/ThemeProvider';

function App() {
  return (
    <ThemeProvider>
      <Button variant="primary">
        Hello World
      </Button>
    </ThemeProvider>
  );
}

ReactDOM.render(<App />, document.querySelector('#root'));

Edit basic-demo

Documentation

Check out our documentation website.

Changelog

Recently Updated? Please read the changelog.

Links

License

This project is licensed under the terms of the MIT license.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].