Meditation react native theme

0 ratings


Introduction

Meditation App is a beautifully designed for iOS and Android app built using React Native. This app is architected keeping simplicity and scalability in mind. The core components are developed using styled components and styled system making them easier to incorporate with your project and scale as your project grows. All the components are minimalistic and easy to use.

We have also created a style guide within the application to portray the different variants of the core components available for use in your next project. We want to make sure that you can unleash the full power of these components and this theme for your project. We have 150+ different variants of core UI elements available within the coded style guide which could help you customise your application according to your taste and requirement within minutes.

Code

The application is coded in JavaScript and we use expo-cli for building our react native application.

How to use

For running and viewing this theme, you need expo cli and yarn/npm. The components and screens can be easily used within your app built using react native cli and expo cli.

The documentation for running the applications is present within the application code in the Readme file.

Core Components (30 core components with 150+ variants)

  • Box

  • Flex

  • Scroll Content Container

  • PaddedView

  • Button

  • List

  • Tabs

  • TextInput

  • TextArea

  • Switch toggle

  • Slider

  • Checkbox

  • Radio

  • Select

  • Keyboard Avoiding View

  • Navbar

  • Text

  • Link

  • Sidebar

  • Header

  • Footer

  • Video Player Thumbnail

  • Simple Card

  • Image Card With Description

  • Image Card With Text

  • Gradient Card

  • List Item With Image

  • Icon Button

  • Icon

  • Utilities 

Screens (12 screens + style guide)

  • Style Guide

  • Landing Page

  • Signup

  • Login 

  • Forgot Password

  • Welcome Screen

  • Choose Topics

  • Home

  • Music

  • Meditate

  • Sleep

  • Profile

  • Course Details 



Third-party tools

  • Expo

  • Styled components 

  • Styled system

  • React navigation


Some useful commands

- To install dependencies yarn install

- To run on iOS yarn ios

- To run on Android yarn android


Requires

- Node: 12.x and above

- Expo cli latest version: installation guide

Credits

All photos used in the theme demo are from Unsplash

I want this!
Copy product URL
$149

Meditation react native theme

0 ratings
I want this!