Skeleton Loader

Skeleton Loader

Skeleton Loader made easy

Free!

Not yet rated
Hieu Pham

Hieu Pham

Member since 2015

Details

Version:
3.0
Size:
1mb
Ionic:
2.x,3.x
Platforms:
iOS, Android
View ID:
73E42081
Released:
2 years ago
Updated:
8 months ago
Category:
Plugins
Tags:
skeleton, loader, loading, facebook, pinterest

TakeThatDesign.com is my new home

As you might already know, Ionic Team have decided to shut down the Ionic Marketplace, effective Feb 28th 2020. Fortunately, you and other hundreds of my happy customers can still get updates from my new themes and plugins at Takethatdesign.com.

Click the screenshot below to visit, don't forget to bookmark, and subscribe to my newsletter. See you there!

takethatdesign.com thumbnail

Ionic Skeleton Loader (Ionic 3)

Payment methods

Like the air. It's FREE!

Introduction

Lately in one of my projects, I was looking for a short and simple solution for the trendy "Skeleton Screen" (or screen placeholder and so) and It was not easy to pick one. I ended up creating my own skeleton-item and I really liked the idea of reusing it anywhere, in any screens of my app. But please, don't be addicted like that or your users will leave your app soon.

Preview

Watch on Youtube

See how it works on Youtube:

(coming soon)

See more

You might like my collection of Ionic products. See more at https://market.ionic.io/user/66136

See more of my works

Happy prototyping!

enter image description here

Changelog

Note: All updates are on Ionic 3

Last updated: Jul 13 2018

Github Repository: https://github.com/mrhieu/ionic-skeleton-loader

Screens

  1. Skeleton Loader
  2. List
  3. Detail
  4. Facebook
  5. Pinterest
  6. Notification
  7. Table

Run locally

1.Install Ionic environment

$ npm install -g cordova
$ npm install -g ionic@4.11.0

2.After purchasing, download the zip file containing the entire demo app and unzip

3.Go inside the extracted folder

4.Install all dependencies

$ npm install

5.Start local server

$ ionic serve

6.Your default browser should now automatically open the template

Notes

Read more at README

Contact

If you need technical support or have any questions, don't hesitate to send me a message: mr_hie@yahoo.com

Homepage: https://www.takethatdesign.com

Hey there! You'll need to log in before you can leave a comment here.

Mj

Mj   ·   2 years ago

Amazing work and thanks for open sourcing it, well deserved star on github :)

Hieu Pham

Hieu Pham   ·   2 years ago

Thanks. I hope that it’s helpful!

manish dube

manish dube   ·   a year ago

Hieu Pham, it's not working in ionic 4, please check it if there is any error, i checked skeleton-item component i think there is some issue but unable to fixx it....please have a look i need this skeleton urgently

Hieu Pham

Hieu Pham   ·   a year ago

Hi Manish, this is only for Ionic 3, not compatible with Ionic 4

manish dube

manish dube   ·   a year ago

Oohh!!, ionic 4 ion-skeleton-text is also not working in ionic 4, so how i should get it done

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Mj

Mj   ·   2 years ago

Amazing work and thanks for open sourcing it, well deserved star on github :)

Hieu Pham

Hieu Pham   ·   2 years ago

Thanks. I hope that it’s helpful!

manish dube

manish dube   ·   a year ago

Hieu Pham, it's not working in ionic 4, please check it if there is any error, i checked skeleton-item component i think there is some issue but unable to fixx it....please have a look i need this skeleton urgently

Hieu Pham

Hieu Pham   ·   a year ago

Hi Manish, this is only for Ionic 3, not compatible with Ionic 4

manish dube

manish dube   ·   a year ago

Oohh!!, ionic 4 ion-skeleton-text is also not working in ionic 4, so how i should get it done

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Hey there! You'll need to log in before you can leave a rating here.

There are no ratings for this plugin yet

  ·     ·   just now

{{ rating.comment }}

  ·     ·   just now

{{ rating.comment }}