More Premium Hugo Themes Premium React Themes

UI

Highly customizable and theming components for React Native

UI

Highly customizable and theming components for React Native

Github Stars Github Stars: 105
Last Commit Last Commit: Jul 27, 2019 -
First Commit Created: Jun 20, 2023 -
UI screenshot

Overview:

The @blankapp/ui is a highly customizable and theming component library for React Native. It offers a variety of style selector implementations and comes with rich base components. It has a lightly dependency and a friendly API design.

Features:

  • Highly customizable and theming components for React Native
  • Light dependency, very little dependency
  • Global theming with a variety of style selector implementation
  • Rich base components with a friendly API design

Installation:

To install the @blankapp/ui library, follow these steps:

  1. Make sure you have Yarn and React Native installed on your machine.
  2. Create a new React Native app.
  3. Install @blankapp/ui to your project by running the following command in your project’s root directory:
yarn add @blankapp/ui
  1. Copy the following code snippet to your index.js file in your React Native project:
import { setTheme } from '@blankapp/ui'

// ... any other code

setTheme({
  // ... theme configurations
})
  1. If you want to start a project quickly, you can use the project template provided by @blankapp/ui by running the following command:
npx react-native init ProjectName --template blankapp-ui-based
  1. To run the app on Android, use the command:
npx react-native run-android
  1. To run the app on iOS, use the command:
npx react-native run-ios

Summary:

@blankapp/ui is a highly customizable and theming component library for React Native. It offers a variety of style selector implementations and comes with rich base components. It has a lightly dependency, a friendly API design, and can be easily installed and used in a React Native project.