Ion Multi Purpose

Ion Multi Purpose

Awesome UI kit for ionic 5

$20.00

Dao Duy Thanh

Dao Duy Thanh

Member since 2015

Details

Version:
1.0
Ionic:
4.x, 5.x  
Platforms:
iOS, Android  
Released:
1 year ago
Updated:
8 months ago
Category:
Themes
Tags:
,

This UI kit provides so many elements for social and e-commerce, news app. Based on Ionic 5 with nice design. I hope it will help you a lot. Have a great app!

Thanks,

Change logs

20200626

upgrade to ionic 5.0

About me

My name is Dao Duy Thanh. I'm a full stack developer.

View my apps at: http://market.ionic.io/user/231798

View my Youtube channel at: https://www.youtube.com/channel/UCgqx9-AWwoj5Z3i6U3slQ_w

How to buy

Click on Purchase externally button and go to gumroad.com, you can buy this app there.

Screens

enter image description here

Setup

Please read the instructions

Customize

Change primary color by replace the color in src/theme/variables.scss line 5

``` :root {
/** primary **/
--ion-color-primary: #4315d8;
--ion-color-primary-rgb: 56, 128, 255;
--ion-color-primary-contrast: #ffffff;
--ion-color-primary-contrast-rgb: 255, 255, 255;
--ion-color-primary-shade: #3171e0;
--ion-color-primary-tint: #4c8dff;

/** secondary **/
--ion-color-secondary: #0cd1e8;
--ion-color-secondary-rgb: 12, 209, 232;
--ion-color-secondary-contrast: #ffffff;
--ion-color-secondary-contrast-rgb: 255, 255, 255;
--ion-color-secondary-shade: #0bb8cc;
--ion-color-secondary-tint: #24d6ea;

/** tertiary **/
--ion-color-tertiary: #7044ff;
--ion-color-tertiary-rgb: 112, 68, 255;
--ion-color-tertiary-contrast: #ffffff;
--ion-color-tertiary-contrast-rgb: 255, 255, 255;
--ion-color-tertiary-shade: #633ce0;
--ion-color-tertiary-tint: #7e57ff;

/** success **/
--ion-color-success: #10dc60;
--ion-color-success-rgb: 16, 220, 96;
--ion-color-success-contrast: #ffffff;
--ion-color-success-contrast-rgb: 255, 255, 255;
--ion-color-success-shade: #0ec254;
--ion-color-success-tint: #28e070;

/** warning **/
--ion-color-warning: #ffce00;
--ion-color-warning-rgb: 255, 206, 0;
--ion-color-warning-contrast: #ffffff;
--ion-color-warning-contrast-rgb: 255, 255, 255;
--ion-color-warning-shade: #e0b500;
--ion-color-warning-tint: #ffd31a;

/** danger **/
--ion-color-danger: #f04141;
--ion-color-danger-rgb: 245, 61, 61;
--ion-color-danger-contrast: #ffffff;
--ion-color-danger-contrast-rgb: 255, 255, 255;
--ion-color-danger-shade: #d33939;
--ion-color-danger-tint: #f25454;

/** dark **/
--ion-color-dark: #222428;
--ion-color-dark-rgb: 34, 34, 34;
--ion-color-dark-contrast: #ffffff;
--ion-color-dark-contrast-rgb: 255, 255, 255;
--ion-color-dark-shade: #1e2023;
--ion-color-dark-tint: #383a3e;

/** medium **/
--ion-color-medium: #989aa2;
--ion-color-medium-rgb: 152, 154, 162;
--ion-color-medium-contrast: #ffffff;
--ion-color-medium-contrast-rgb: 255, 255, 255;
--ion-color-medium-shade: #86888f;
--ion-color-medium-tint: #a2a4ab;

/** light **/
--ion-color-light: #f4f5f8;
--ion-color-light-rgb: 244, 244, 244;
--ion-color-light-contrast: #000000;
--ion-color-light-contrast-rgb: 0, 0, 0;
--ion-color-light-shade: #d7d8da;
--ion-color-light-tint: #f5f6f9;
} ```

Test before you buy

Download demo apk file here https://drive.google.com/file/d/1esMN4tWQvu9gbqWK4K0zo0e73jeTk5eP/view

Support

If you need technical support or have any questions, please send me a message via: successdt@hotmail.com