EXTRUDE (Angular 1 & Ionic) Progressive Web App Theme

EXTRUDE is a Progressive Web Application built with Ionic Framework (1.x). Perfectly suited for digital newspapers & magazines - it has an outstanding look & feel and will speed up the process of creating your next mobile application.

Supported devices & mobile browsers:

Source code available for you in EXTRUDE:

  Released: 2 years ago     Updated: 2 years ago    Downloads: 62  

Mobile PWA EXTRUDE (Angular 1 & Ionic)

  • JSON REST API that can be extended to fit your needs
  • Compatibility with WordPress as the back-end CMS
  • Push Notifications by integrating with OneSignal
  • Angular/Ionic & SASS source code
  • Unit tests (Karma, Jasmine) and End-to-End tests (Protractor)

Best viewed on a supported mobile device

For a better reading experience, we recommend using an iPhone or an Android smartphone.

Based on WordPress API
Full Source Code & Documentation
Web Push Notifications via OneSignal
Ads through Google Double Click for Publishers

1 Domain License
1 Year of Regular Support
Ongoing Features & Security Updates


1. Open Chrome/Safari on your Android/iOS mobile device
2. Navigate to http://bit.ly/pwa-extrude-demo
3. Swipe around and enjoy!

Quick Setup

After you have downloaded the archive, you need to run the following commands:

    npm install
    bower install
    gulp watch
    ionic serve

For more details on how to get your development environment up and running, please refer to the environment configuration document. You will find more information about the tools you need to install and the first steps to extend EXTRUDE and make it your own.

Main and Related Articles

Extrude's homepage has a unique layout that highlights the main and related articles, organized by category. Mobile users can scroll both vertically to bring to light recent articles and horizontally to discover related posts.

Navigate through Categories

The categories section consists of a vertical list of items that's composed of a featured image and a category title. There can be as many categories as needed, 10 of them being displayed at loading time, with the others being showed when "load-more" is fired up.

Nested Pages Menu

Your WordPress-based pages are morphed into a new app section which we entitled "Go To". Its menu-like appearance makes it easy to navigate from "page" to "page" and its nested nature enables multi-level display.

Pull-up Menu for Comments and Social Media Sharing

Commenting and sharing is directly embedded within each article's detail page. The panels are opened by pressing the corresponding buttons from the post's footer bar. When commenting, mobile users don't have to be authenticated. Sharing across Facebook, Twitter and Google Plus is as seamless as it should be on any mobile device.

Cross Platform

All it takes for a progressive web application to run is a modern mobile browser (HTML5 compatible), thus allowing users to instantly have access to your content, without needing to go through an app store, download & install the app.

Rich UI/UX

Dozens of carefully designed views and components such as social sharing (Facebook, Twitter, Google+), commenting and integration with ad networks.

Mobile Theming

Offer your users an exceptional reading experience by giving your progressive web application a native app-like look & feel.

Responsive UI

The progressive web application is sensitive to various screen sizes and orientation changes: landscape, portrait. In other words, the look and feel of the progressive web app seamlessly morphs into the screen size of users’ devices.


Since progressive web apps don't have any shared revenue constraints, you can take full control of your income. Integration with Google DoubleClick for Publishers supported.

Social Reading

Your users will be able to easily share your progressive web application through their favorite social media channels: Facebook, Twitter, Google+.

Sync Pages/Posts/Comments

The articles/posts inside the progressive web application are organized into their corresponding categories, thus readers can simply swipe through articles and jump from category to category in a seamless way.

Custom Appearance

Select your favorite theme, customize the colors & fonts, add your logo and personalize your app to craft your brand identity.


Get to know your mobile users and analyze your impact with our powerful yet simple reader-centric analytics. Integration with Google Analytics supported.


Supported languages for all app themes: Chinese (zh_CN), Dutch, English, French, German, Hungarian, Italian, Polish, Portuguese (Brazil), Romanian, Spanish or Swedish.

Premium Support

We take pride in offering fantastic maintenance and hands-on support. Our team of friendly mobile experts makes sure you have everything ready to get started.

Add to Homescreen

Your progressive web application will be instantly loaded when readers are accessing your own URL from a mobile device. Users can add your progressive web application to their homescreens making it just a tap away.

Looking For A Custom Progressive Web App?

Please reach out if you have a custom implementation in mind. We'd love to help out!