Ratchet vs React Native Material Design

Overview

Ratchet

Stacks23

Followers36

Votes1

GitHub Stars14.6K

Forks1.4K

React Native Material Design

Stacks30

Followers135

Votes5

Ratchet vs React Native Material Design: What are the differences?

Ratchet: Build mobile apps with simple HTML, CSS, and JS components. Made by the creators of Twitter Bootstrap, Ratchet is a library that allows you to build mobile apps with simple HTML, CSS, and JS components; React Native Material Design: React Native UI Components for Material Design. An open source project which aims to bring Material Design to Android through React Native by Facebook. The library is made up of many components, which can be found in the sidebar.

Ratchet and React Native Material Design can be categorized as "Mobile UI Frameworks" tools.

Ratchet and React Native Material Design are both open source tools. It seems that Ratchet with 14.4K GitHub stars and 1.52K forks on GitHub has more adoption than React Native Material Design with 3.12K GitHub stars and 399 GitHub forks.

Share your Stack

Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.

View Docs

CLI (Node.js)

Manual

Detailed Comparison

Ratchet	React Native Material Design
Made by the creators of Twitter Bootstrap, Ratchet is a library that allows you to build mobile apps with simple HTML, CSS, and JS components.	An open source project which aims to bring Material Design to Android through React Native by Facebook. The library is made up of many components, which can be found in the sidebar.
Statistics
GitHub Stars 14.6K	GitHub Stars -
GitHub Forks 1.4K	GitHub Forks -
Stacks 23	Stacks 30
Followers 36	Followers 135
Votes 1	Votes 5
Pros & Cons
Pros 1 Minimal	Pros 4 Unmaintained 1 Android-only
Integrations
No integrations available	React Native

What are some alternatives to Ratchet, React Native Material Design?

Weex

Weex renders code in native widgets in Android & iOS and helps preserve the quality of user experience on critical platforms.

SwiftUI

Provides views, controls, and layout structures for declaring your app's user interface. The framework provides event handlers for delivering taps, gestures, and other types of input to your app.

ComponentKit

ComponentKit is an Objective-C++ view framework for iOS that is heavily inspired by React. It takes a functional, declarative approach to building UI. It was built to power Facebook's News Feed and is now used throughout the Facebook iOS app.

jQuery Mobile

jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices.

React Native Paper

Material design for React Native.

CoreRender

React-inspired Swift library for writing UIKit UIs.

Reagent

It allows you to define efficient React components using nothing but plain ClojureScript functions and data, that describe your UI using a Hiccup-like syntax.

react-native-ui-kitten

react-native-ui-kitten is a framework that contains a set of commonly used UI components styled in a similar way. The main idea of this framework is to move style definitions into a specific place making components reusable and styled in a single way. You just focus on business logic and it takes care of visual appearance.

Classy

Not CSS. Instead of trying to force UIKit to fit CSS syntax, properties, conventions and constructs. Classy is a stylesheet system built from the ground up to work in harmony with UIKit. It borrows the best ideas from CSS and introduces new syntax, conventions and constructs where appropriate.