Gemionic Ui Kit

Gemionic Ui Kit

An NgModule of Premium UI Components for Ionic

$27.00

Audacitus

Audacitus

Member since 2015

Details

Version:
1.0
Ionic:
3.x  
Platforms:
iOS, Android  
Released:
5 years ago
Updated:
3 years ago
Category:
Themes
Tags:
Ionic 3, UI Kit, Ionic Ui Kit, IonicFramework,

N|Solid

Gemionic Ui Kit for Ionic 3.x

Gemionic isn't just another theme. Rewritten from the ground up, Gemionic is an import-and-play collection of premium UI components for Ionic 3, designed for immediate use in your existing/new ionic project in minutes, not hours

Features

  • Simpler Installation : Copy to your new/existing project and install as an @NgModule. Fonts/Images are optional
  • Copy and Paste Sample Code : Components have their sample code inside their template files. Copy and paste that in your project for a working component
  • Designed for Responsive Layouts : N|SolidGemionic also comes with full layouts and combination of components that are handy for targeting mobile and tablet devices. These work independently from the components, so its handy if you need a full layout on demand, and okay if you don't
  • Easy to upgrade : Updates are at component-level. Download the update, overwrite the styles, and you're up to date! Save yourself from convoluted upgrade processes

Components Included

N|Solid

Ui Components List

  • Article Slider
  • Basic Slider
  • Post Item
  • Blog/News List
  • Inline Tab Segment
  • Media Card
  • News Post
  • News Post with Image Overlay
  • Sidemenu

Installation

  • Create a new project (or use an existing one)
  • Copy the gemionic-ui folder to your components folder
  • Add the following line to your `src\app\app.module.ts````sh import { GemionicUiModule } from '../components/gm-components/components.module'; ```
  • Add the following line to your `src\app\app.scss````sh @import "../components/gm-components/theme/gemionic-ui"; // Gemionic UI Kit Styles ```
  • open any template html page in any component folder in your components/gm-components/ and copy the sample code.
  • Paste the copied code into any of your ionic page's html
  • run ionic serve:sh $ ionic serve

Documentation/Enquiries/Support

You can head over to the Gemionic Documentation for Setup, Usage, and more. https://audacitus.com/site/gemionic-ui-kit-landing/ or mail us at contact@audacitus.com