react-native-component-store

My Custom React Native UI Library. A powerful React Native UI library with ready-to-use, highly customizable components. Instead of building components from scratch, use our pre-built UI elements designed for seamless integration into your React Native application.

✨ Features

✅ Reusable Components – Common UI elements like Buttons, Text, Images (FastImage support), Toasts, Dividers, and Headers.

✅ Optimized Performance – Built with best practices for smooth and efficient rendering. ✅ Highly Customizable – Easily modify styles and behaviors to match your app's design. ✅ Developer-Friendly – Simple and flexible API to save development time.

Components IncludedButton – Stylish and responsive buttons with multiple variants.Text – Custom text components with typography presets.FastImage – High-performance image loading with caching support.Toasts – Built-in toast notifications for quick alerts.Divider – Lightweight dividers for structuring layouts.Header – Pre-styled app headers with optional back button and title. And More...

Installation

1npm install react-native-component-store

Initialize

App.tsx or entry file of your project

1import React from 'react';
2import {setLibraryConfig} from 'react-native-component-store';
3
4// provide key of your app for fetching component accordingly
5  React.useEffect(() => {
6    setLibraryConfig({app: 'your-app-key'});
7  }, []);
8

Usage

1import { Components } from 'react-native-component-store';
2
3// Use components like this
4<Components.Text>Hi, thanks for using React Native Component Store</Components.Text>
5<Components.Button title="Submit" />
6<Components.Divider />
7<Components.Image source={{uri: "uri/path to your assets"}} />
8
9//...
10

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

---

Made with create-react-native-library