Magnus UI

A Utility-First React Native UI Framework

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

🤝 Contributing