https://github.com/deepakkumardk/react-native-blossom-ui
React Native components with blossom UI
https://github.com/deepakkumardk/react-native-blossom-ui
react-native ui-components
Last synced: about 1 year ago
JSON representation
React Native components with blossom UI
- Host: GitHub
- URL: https://github.com/deepakkumardk/react-native-blossom-ui
- Owner: deepakkumardk
- License: mit
- Created: 2024-10-31T15:52:29.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-25T06:02:56.000Z (about 1 year ago)
- Last Synced: 2025-05-25T06:33:11.049Z (about 1 year ago)
- Topics: react-native, ui-components
- Language: TypeScript
- Homepage: https://docs-react-native-blossom-ui.vercel.app/
- Size: 669 KB
- Stars: 19
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
React-Native Blossom UI
Build Awesome Blossom UI
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
```bash
yarn add @react-native-blossom-ui/components
```
Next, install the required peer dependency of the library
```bash
yarn add react-native-vector-icons
```
Follow the extra [installation steps](https://github.com/oblador/react-native-vector-icons) for the above library.
## Usage
Let's see a quick example of how to use a Input and a button
```tsx
import {Button, TextInput, View} from '@react-native-blossom-ui/components'
function MyApp() {
return (
alert('Form Submitted')}>Submit
)
}
```
## Thanks
- [mantine](https://mantine.dev) for inspiration from it's awesome components
## License
[MIT License](LICENSE)