Wondering what’s next for npm?Check out our public roadmap! »

@fivethree/coreTypeScript icon, indicating that this package has built-in type declarations

1.0.0-alpha.24 • Public • Published
project banner

Ionic 4 Components

Costumizable UI Components for Ionic 4.

npm version

Documentation | Component Demos | Getting Started | Get In Touch

gallerypullto refreshfeature discoverydialogbottom sheet

✨ Features

  • Twitter inspired Image Gallery
  • Material Design Pull-to-Refresh
  • Flexible Dialog Component
  • Feature Discovery
  • Material Design App Bar for Ionic Tabs
  • more components

📦 Installation

To get started, install the package from npm. The latest version supports Ionic 4 and Angular >= 7.

Install the UI Library

You can use either npm or yarn to install @fivethree/core from npm.

npm install --save @fivethree/core @angular/animations

Configure your Ionic App

Once the packages are installed, import BrowserAnimationsModule in app.module.ts:

import { NgModule } from '@angular/core';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
  imports: [
export class AppModule {}

Usage Instructions

To use the UI Library import one of the feature modules (e.g. FivGalleryModule) into a Page or Component Module.

For example:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { IonicModule } from '@ionic/angular';
import { FormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';
import { FivGalleryModule } from '@fivethree/core';
import { HomePage } from './home.page';
  imports: [
        path: '',
        component: HomePage
  declarations: [HomePage]
export class HomePageModule {}

🔨 Development

This package is under active construction.

  • Run ng build core to rebuild the component library.
  • Run ionic s to serve the project site.


npm i @fivethree/core

DownloadsWeekly Downloads






Unpacked Size

4.14 MB

Total Files


Last publish


  • avatar
  • avatar