Magnus UI

A Utility-First React Native UI Framework [![npm package](https://img.shields.io/npm/v/react-native-magnus.svg?style=flat-square)](https://www.npmjs.org/package/react-native-magnus) [![NPM downloads](http://img.shields.io/npm/dm/react-native-magnus.svg?style=flat-square)](http://npmjs.com/react-native-magnus) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

Build UI in React Native, without the tears

<Text fontSize="md" color="pink500">
  Magnus UI 🚀
</Text>

✨ Features

Universal (Android, iOS, Web, & more)
Works with Expo
Works with Vanilla React Native
Full theme support
Custom theme variants
TypeScript support
Super simple API

Examples

[Example App]https://expo.io/@pawankumar2901/projects/react-native-magnus-example

📦 Installation

npm install react-native-magnus

yarn add react-native-magnus

🔨 Usage

import { Button } from 'react-native-magnus';

<Button />;

📦 Components

Div
Text
Button
Checkbox
Drawer
Icon
Input
Avatar
Image
Modal
Radio
Skeleton
Snackbar
Tag
Dropdown
Fab
Select
Tooltip
Overlay

Examples

Components Usage
Dribble Login Screen

jsartisan / react-native-magnus

readme

Magnus UI

✨ Features

Examples

📦 Installation

🔨 Usage

📦 Components

Examples

🤝 Contributing