React-Native Blossom UI

Build Awesome Blossom UI

Documentation

Blossom UI helps you to create an awesome UI on mobile and web platform. This library is based on custom design system and it's totally configurable.

• 📦️ Base components - This contains all the basic components that react-native provides
• 🎨 Theme Support - Out of the box Theme support with dark theme mode
• ⚙️ Customizability - You can customize all the components to match your UI needs
• 🔣 Icons Support - react-native-vector-icons support out of the box with themes
• CLI & Expo Support - Support both CLI & Expo apps
• 📈 25+ components - Support 30+ components & counting++

Why use Blossom-UI?

Blossom-UI is the new guy in the react-native open source community.

• It was made keeping the vast amount of mobile components requirement.
• Most of the library do not provide a full set of components instead they just ask to install the 3rd party library, here you will get the most of it in one pack.
• You get the full customizability with all the components so that you can make you app faster matching your UI designs.
• You also get the same experience on all platforms including android, iOS & web.

Installation

yarn add @react-native-blossom-ui/components

Next, install the required peer dependency of the library

yarn add react-native-vector-icons

Follow the extra installation steps for the above library.

Usage

Let's see a quick example of how to use a Input and a button

import {Button, TextInput, View} from '@react-native-blossom-ui/components'

function MyApp() {
  return (
    <View>
      <TextInput label="Name" placeholder="Enter name" />
      <Button onPress={() => alert('Form Submitted')}>Submit</Button>
    </View>
  )
}

Thanks

• mantine

License

MIT License