Build your apps only with best UI frameworks. Material-UI _material-ui - React Components that Implement Google's Material Design._github.com callemall/material-ui A Set of React Components that ImplementGoogle’s Material Design Also, It’s for . has all components that you need_(and even more)_. with predefined and that . one of the first UI kits React Material-UI Material-UI is very configurable color palette <MuiThemeProvider> allows you to define a custom color theme for your app Personally, I don’t like it. Material UI had performance problems, but according to 3.0 release performance was improved. React Desktop React UI Components for OS X El Capitan and Windows 10reactdesktop.js.org React Desktop | React UI Components for OS X El Capitan and Windows 10 React UI Components for MacOS Sierra and Windows 10. I’m sure you know about . If you’re interested in UI components for cross-platform apps then is for you. Electron framework desktop React-Desktop You can find UI components for Mac OS and Windows 10 both. Semantic-UI-React _The official Semantic-UI-React integration_github.com Semantic-Org/Semantic-UI-React The official Semantic-UI-React integration — is the official clone of for React. It has almost all most used components from Semantic-UI, but also it has a Semantic-UI-React Semantic-UI very good Declarative API, shorthand props for React components, and this UI framework is jQuery-free. Also, I have a starter(with demo) built with React-Semantic-UI, Webpack, and other awesome stuff. Ant-design _ant-design - 🐜 A UI Design Language_github.com ant-design/ant-design An enterprise-class UI design language and React-based implementation. From official docs: An UI design language for web applications. enterprise-class A set of high-quality React components out of the box. with complete define types. Written in TypeScript A front-end development workflow. npm + webpack + dva It supports , and environments, has many components and browser server-side rendering Electron even a tutorial with Create-react-app. Ant-design demo here. Blueprint _blueprint - A React-based UI toolkit for the web_github.com palantir/blueprint From docs: It is optimized for building complex, data-dense web interfaces for . If you rely heavily on mobile interactions and are looking for a mobile-first UI toolkit, this may not be for you. desktop applications Written in TypeScript, has good documentation. Docs: It includes many (30+) React components covering all the basic bases, from buttons to form controls to tooltips and trees . It also includes CSS styles for every component and the tools to style your own components and apps with Sass and Less variables, an elegant color palette, and 300+ UI icons in two sizes. React-Bootstrap _react-bootstrap - Bootstrap 3 components built with React_github.com react-bootstrap/react-bootstrap Bootstrap 3 components built with React. : is a library of reusable front-end components. You’ll get the look-and-feel of From official docs React-Bootstrap Twitter Bootstrap, but with much cleaner code, via Facebook’s React.js framework. Briefly, It’s old good known Bootstrap components written in React. React-Toolbox _react-toolbox - A set of React components implementing Google's Material Design specification with the power of CSS…_github.com react-toolbox/react-toolbox A set of React components implementing Google’s Material Design specification with the power of CSS Modules Have you heard about ? relies on it. It allows you to use Besides, React-Toolbox is with 3o+ components out-of-box. CSS Modules React-Toolbox only required CSS without using tools like Purify-CSS. highly-customizable framework Grommet _grommet - The most advanced UX framework for enterprise applications._github.com grommet/grommet The most advanced UX framework for enterprise applications. I can’t call as a UX framework, . A lot of UX and utils written with own guide + prebuilt integration with Grommet it’s much bigger components React + grommet-cli +“getting started” templates + good docs + Sketch = Grommet. Fabric _office-ui-fabric-react - React components for building experiences for Office and Office 365._github.com OfficeDev/office-ui-fabric-react React components for building experiences for Office and Office 365. In last few years supported and built many open-source projects — , and . Microsoft Angular 2, TypeScript, VS Code(based on Electron) Fabric is the that is written in , has guide, , and in your project. Fabric official Office library TypeScript “getting started” blog official palette and fonts , all components that you need Microsoft amazed me. Thanks @aslamhadi for this link . React-md _react-md - React material design_github.com mlaursen/react-md Yet another one library which implements Material Design. But wait, give it a chance. can be React-md to your needs, and has a , has easily customized is good documented “getting started” guide many common Material components. There is only one issue — library is maintained and developed by one contributor . If you want contribute to open-source project — React-md may be a good choice for it. Thanks to Nikita Sukhov for recommendation of this library. Github: Twitter: https://github.com/Metnew https://twitter.com/coldlinecall

Facebook

Google

Microsoft

Twitter

Too Long; Didn't Read

In your car, at home, or at work — Bosch technology shapes many areas of life.

Best UI Frameworks for your new React.js App.

Too Long; Didn't Read

Companies Mentioned

Vladimir Metnew

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

Best UI Frameworks for your new React.js App.

Too Long; Didn't Read

Companies Mentioned

Vladimir Metnew

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

RELATED STORIES