@fast-base/native NPM

Introduction (v2)

React native fast base UI kit will help you to develop your apps faster with optimized and tested components.

Quick preview for RTL/LTR (English and Persian languages) and light/dark mode, featuring a fake tweet from Elon Musk about Fast Base! Source here

💫 Features

Cross-platform
Easy to use
Responsive UI
Highly customizable
Highly themeable
Dark/Light mode support
Attractive components
RTL/LTR support as local and globally
Written by Typescript, fully typed, and extendable

📀 Installation

Yarn:

yarn add @fast-base/native

NPM:

npm install @fast-base/native

Also, this package uses react-native-safe-area-context if you have already installed it and it was been added to your project dependencies you can skip this step, otherwise:

Yarn:

yarn add react-native-safe-area-context

NPM:

npm install react-native-safe-area-context

Do you need modern and customizable SVG-based icons?

💅 Components

🚀 Quick Start

import * as React from 'react';
import {Container, FastBaseProvider} from '@fast-base/native';

const theme = 'dark';

const MyAwesomeComponent: React.FC = () => {
  return (
    <Container p={10}>
      <Gap>
        <Button opacity type="primary" title="Opacity Button" />
        <Button pressable type="success" title="Pressable Button" />
      </Gap>
    </Container>
  );
};

export default function App() {
  return (
    <FastBaseProvider mode={theme}>
      <MyAwesomeComponent />
    </FastBaseProvider>
  );
}

Check out the example directory for more examples.