Best UI Frameworks for ReactJS
1. Bulma UI Framework for React
rbx is a comprehensive library of React components for Bulma 0.7.2.
Features
- up-to-date Bulma implementation (0.7.5)
- written with TypeScript 3 for React 16
- well tested and documented
- extensive customization support
- quite unopinionated, if you ask me
- very simple to get started
Read the docs: https://dfee.github.io/rbx
View on Github
2.Tokopedia React Development Kits
Tokopedia React Development Kits - Yet another React framework
Learn more on our documentation.
View on Github
3.React Presents
React slideshow framework.
Demo: https://bvaughn.github.io/react-presents/#/0/0
View on Github
4.choo architecture for preact
Ever wondered what would happen if preact and choo got a baby?
Welp, wonder no longer - here’s the answer. Full on choo architecture plus a couple preact goodies like h() and components. No JSX, only template strings via hyperx. But you can use JSX if you want to. We even get almost all of the React ecosystem through preact-compat
5.Catalog
Catalog lets you create beautiful living and fully interactive style guides using Markdown and React components.
Please read the Catalog documentation (built with Catalog!) for detailed installation and usage instructions.
Demo: https://www.catalog.style/
View on Github
6.umi
Pluggable enterprise-level react application framework.
Features
- package Out of box，built-in react、react-router, etc
- football Next.js like and full featured routing conventions, also support configured routing
- tada Complete plugin system, covering every lifecycle from source code to production
- rocket High performance, support PWA, route level code splitting, etc via plugin
- barber Support static export, adapt to various environments, such as console app, mobile app, egg, Alipay wallet, etc
- bullettrain_side Fast dev startup, support enable dll and hard-source-webpack-plugin with config
- tropical_fish Compatible IE9, based on umi-plugin-polyfills
- maple_leaf Support TypeScript, including d.ts definition and umi test
- palm_tree Deep integration with dva, support duck directory, automatic loading of model, code splitting, etc
7.Serlina
A progressive React serverside-rendering framework. https://serlina.js.org
I love using Next.js, but most of my projects need to use our own web server framework while Next.js run it own server. So I begin making a SSR framework (core) that like Next.js but open for server implementation. It does all the building, compiling, rendering-to-string things and give the rest render-to-html things to your own web server.
8.Evergreen
Evergreen React UI Framework by Segment https://evergreen.segment.com/
Works out of the box. Evergreen contains a set of polished React components that work out of the box.
Flexible & composable. Evergreen components are built on top of a React UI Primitive for endless composability.
Enterprise-grade. Evergreen features a UI design language for enterprise-grade web applications.
9.React Konva
React + Canvas = Love. JavaScript library for drawing complex canvas graphics using React. https://konvajs.github.io/docs/react/
React Konva is a JavaScript library for drawing complex canvas graphics using React.
It provides declarative and reactive bindings to the Konva Framework.
An attempt to make React work with the HTML5
canvas library. The goal is to have similar declarative markup as normal React
and to have similar data-flow model.
Currently you can use all Konva components as React components and all Konva
events are supported on them in same way as normal browser events are supported.
You can even inspect the components in React dev tools.
10.Fela
Fela is a small, high-performant and framework-agnostic toolbelt to handle state-driven styling in JavaScript.
It is dynamic by design and renders your styles depending on your application state.
It generates atomic CSS and supports all common CSS features such as media queries, pseudo classes, keyframes and font-faces. Fela ships with a powerful plugin API adding e.g. vendor prefixing or fallback value support.
Fela can be used with React or with any other view library. It even supports React Native
State-Driven Styling in JavaScript http://fela.js.org
View on Github
11.React Polymorph
React Polymorph is a UI framework for React, that separates logic, markup and theming of components. It’s inspired by react-toolbox (but more flexible), powered by CSS Modules and harmoniously integrates with your webpack workflow, although you can use any other module bundler.
12.Admin on rest
A frontend Framework for building admin applications running in the browser on top of REST services, using ES6, React and Material Design. Open sourced and maintained by marmelab.
Features
- Adapts to any REST backend
- Complete documentation
- Optimistic rendering (renders before the server returns)
- Relationships (many to one, one to many)
- Internationalization (i18n)
- Conditional formatting
- Themeable
- Supports any authentication provider (REST API, OAuth, Basic Auth, …)
- Full-featured Datagrid (sort, pagination, filters)
- Filter-as-you-type
- Supports any form layout (simple, tabbed, etc.)
- Data Validation
- Custom actions
- Large library of components for various data types: boolean, number, rich text, etc.
- WYSIWYG editor
- Customize dashboard, menu, layout
- Super easy to extend and override (it’s just React components)
- Highly customizable interface
- Can connect to multiple backends
- Leverages the best libraries in the React ecosystem (Redux, redux-form, redux-saga, material-ui, recompose)
- Can be included in another React app
- Inspired by the popular ng-admin library (also by marmelab)
13. React LDS
react-lds provides React components for the Salesforce Lightning Design System.
Lightning Design System: https://lightningdesignsystem.com/
14.React Components
Collection of general React components used in buildo projects. http://react-components.buildo.io/
Its purpose is to give access to all these components through a single npm dependency so to improve the development experience and make eventual changes of library easier, faster and centralized.
15.Spectacle
A ReactJS-based Presentation Library.
Looking for a quick preview of what you can do with Spectacle? Check out our live Demo Deck here.
Have a question about Spectacle? Submit an issue in this repository using the “Question” template.
16.Next.js
Framework for server-rendered or statically-exported React app
https://nextjs.org/learn/basics/getting-started
17.Reazy Framework
Reazy is a bare bones pluggable JavaScript framework which helps you get started with your React and React Native project quickly. It is a service-based framework inspired from FeathersJS.
18.Zent
A collection of essential UI components written with React. https://youzan.github.io/zent
Zent ( \ˈzent\ ) is a React component library developed and used at Youzan. Zent provides a collection of essential UI components and lots of useful domain specific components.
We have more than 50 components for now and we’re releasing more.
Our goal is making React development faster and simpler.
Features
- High quality React components
- Builtin TypeScript support
- Supports custom themes
- Import JavaScript and styles only if they are used
- Handmade icon font
19. Relay-visual-learners
Relay is a new framework from Facebook that promises to simplify a problem complex enough that the simplification is rather complex in itself.
I tend to learn things better when I can see how things fit together, so I made this interactive diagram that attempts to explain how Relay’s various parts fit together.
This diagram itself is a small react app using css-modules and webpack. You can clone this repo and run npm start to load up a hot loading dev environment.
Live demo
http://sgwilym.github.io/relay-visual-learners/
#reactjs #javascript
