react-native-magnus

<img width="80px" style="margin-right: 20px" src="https://magnus-ui.com/images/logo.svg">

A Utility-First React Native UI Framework

<img width="400px" style="margin-right: 20px" src="https://magnus-ui.com/images/hero.png">

<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

• Example Apphttps://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

🤝 Contributing