React Uwp

📱⌨ React Components that Implement Microsoft's UWP Design & Fluent Design.
Alternatives To React Uwp
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Docz23,3796861,4773 days ago275February 11, 2022110mitTypeScript
✍ It has never been so easy to document your things!
Semantic Ui React13,0888,4651,234a month ago155February 28, 2023192mitJavaScript
The official Semantic-UI-React integration
Nextra8,7947316 hours ago166July 13, 2023211mitTypeScript
Simple, powerful and flexible site generation framework with everything you love from Next.js.
React Toolbox8,7051,3101372 years ago66June 02, 2018267mitJavaScript
A set of React components implementing Google's Material Design specification with the power of CSS Modules
Rebass7,9057443652 months ago109October 28, 201998mitJavaScript
:atom_symbol: React primitive UI components built with styled-system.
Semi Design7,292306 days ago261July 31, 2023141otherTypeScript
🚀A modern, comprehensive, flexible design system and React UI library. 🎨 Provide more than 2,739+ Design Tokens and powerful DSM tools, easy to build your own design system. Make Semi Design to Any Design
React Quill5,6237776298 months ago49August 03, 2022293mitJavaScript
A Quill component for React.
Theme Ui5,0973319297 days ago487August 01, 202371mitTypeScript
Build consistent, themeable React apps based on constraint-based design principles
Next4,460659,6619 days ago482August 11, 2023567mitJavaScript
🦍 A configurable component library for web built on React.
Playroom4,3591172a month ago100August 01, 202351mitTypeScript
Design with JSX, powered by your own component library.
Alternatives To React Uwp
Select To Compare

Alternative Project Comparisons



cdnjs npm package Build Status

PeerDependencies Dependencies DevDependencies

React Components that Implement Microsoft's UWP Design & Fluent Design System.

Online Documentation

img Visit online to review the API, see the components in action with live. Or build the documentation to locally.


React-UWP is available as an npm package.

Use NPM to get React-UWP components and core styling. All you need is node.js and gulp.

npm install --save react-uwp


React-UWP components require a theme to be provided. The quickest way to get up and running is by using the Theme to inject the theme into your application context.then, you can use any of the components as demonstrated in documentation.

If you coding by Typescript, add ReactUWP namespace to tsconfig.json.

  "compilerOptions": {
    "typeRoots": [
    "filesGlob": [
    "files": [
      "node_modules/react-uwp/index.d.ts" // add to here.


import * as React from "react";
import * as ReactDOM from "react-dom";
import { Theme as UWPThemeProvider, getTheme } from "react-uwp/Theme";
import MyComponent from "./MyComponent";

export class App extends React.Component {
  render() {
    return (
          themeName: "dark", // set custom theme
          accent: "#0078D7", // set accent color
          useFluentDesign: true, // sure you want use new fluent design.
          desktopBackgroundImage: "" // set global desktop background image
        <MyComponent />

  <App />,


import * as React from "react";
import Button from "react-uwp/Button";

export default class MyComponent extends React.Component<void, void> {
  render() {
    return (
      <Button tooltip="Mini Tooltip" />

Notice: that in the above example, we used:

import Button from "react-uwp/Button";

instead of

import { Button } from "react-uwp";

This will make your build process faster and your build output smaller.

For a complete mapping of React-UWP components to import, see /src/index.ts inside the React-UWP npm package root directory.

Custom Theme

We have implemented a default theme to render all React-UWP components. Styling components to your liking is simple and hassle-free. This can be achieved in the following two ways:

Four Theme Style (Fluent Design & UWP Design)


Popular Reactjs Projects
Popular Theme Projects
Popular Web User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
React Components
Custom Theme