Description
A Library designed to draw a Skeleton by "skinning" the view from a provided layout. Skeleton is composed of Bone with different properties, library usage defines which bones to be drawn before the view is skinned. Usually used as a Placeholder while loading a data before it is populated to a View.
By using this library, creating a skeleton view is much simpler and dynamic as developers don't need to create specific skeleton layout.xml for each view, instead use this custom view to draw the shape as the specified layout.xml.
Supports the following shapes :
The library is developed using Kotlin, and built for interopability with Java
Skeleton Placeholder View alternatives and similar packages
Based on the "Kotlin" category.
Alternatively, view Skeleton Placeholder View alternatives based on common mentions on social networks and blogs.
-
android-youtube-player
YouTube Player library for Android and Chromecast, stable and customizable. -
CalendarView
A highly customizable calendar library for Android, powered by RecyclerView. -
Kotterknife
Android view injection writen in Kotlin based on ButterKnife -
Shortbread
Android library that generates app shortcuts from Shortcut annotations -
Balloon
๐ A lightweight popup like tooltips, fully customizable with arrow and animations. -
DrawableToolbox
๐ ๏ธ The missing DrawableToolbox for Android. Get rid of the boring and always repeated drawable.xml files. -
kotlin-android-template
Android + Kotlin + Github Actions + ktlint + Detekt + Gradle Kotlin DSL + buildSrc = โค๏ธ -
Navigation Toolbar for Android
Navigation toolbar is a slide-modeled UI navigation controller made by @Ramotion -
KAndroid
Lightweight library providing useful extensions to eliminate boilerplate code in Android SDK. -
Time
Type-safe time calculations in Kotlin, powered by generics. -
CodeView
Show code content with syntax highlighting in native way. -
NotyKT ๐๏ธ
๐ NotyKT is a complete Kotlin-stack (Backend + Android) application ๐ฑ built to demonstrate the use of Modern development tools with best practices implementation. -
MaterialTimelineView
With MaterialTimelineView you can easily create a material looking timeline. -
sliding-panel
Android sliding panel that is part of the view hierarchy, not above it. -
MaterialDrawerKt
A Kotlin DSL wrapper around the mikepenz/MaterialDrawer library. -
Yasha
A lightweight RecyclerView tool that lets you render items like Javascript. -
CrunchyCalendar โ awesome calendar widget for android apps
A beautiful material calendar with endless scroll, range selection and a lot more! -
Transition X
Declarative Kotlin DSL for choreographing Android Transitions -
Only
๐ An easy way to persist and run code block only as many times as necessary on Android. -
Android Kotlin Samples
Some basic Android code samples writen in Kotlin. -
Swagger Gradle Codegen
๐ซ A Gradle plugin to generate networking code from a Swagger spec file. -
Awesome Jetpack compose
A collaborative list of awesome jetpack compose resources. -
DeviceInfo-Sample
[Android Library] Get easy access to device information super fast, real quick -
CameraViewEx
CameraViewEx makes integration of camera implementation and various camera features into any Android project very easy. -
Events Calendar
A user-friendly library that helps you achieve a cool Calendar UI with events mapping. -
Pdf Viewer For Android
A Lightweight PDF Viewer Android library which only occupies around 125kb while most of the Pdf viewer occupies up to 16MB space. -
ZoomHelper
ZoomHelper will make any view to be zoomable just like Instagram pinch-to-zoom -
Vanilla Place Picker
Simple(vanilla) yet 'Do it all' place picker for your place picking needs in Android -
Aimybox voice assistant
Embeddable voice assistant for Android apps written in Kotlin -
Maildroid
๐ Maildroid is a small robust android library for sending emails using SMTP server ๐ -
RecyclerView Presenter
Handle different view types. -
SSCustomEditTextOutLineBorder
Same as an Outlined text fields presented in Material Design page but with some dynamic changes -
EasyCrypt
Android cryptography library with SecureRandom patches. -
SSCustomBottomNavigation
Animated tabbar with native control -
ParallaxScrollingView
Parallax scrolling either by offset or automatically. -
Kotlin-AgendaCalendarView
CalendarView widget (Outlook) -
Kotlin Example
An example for who are all going to start learning Kotlin programming language to develop Android application. -
Google Places AutoComplete EditText
A simple library that can connect your autocomplete edittext to Google places api -
User Consent SDK for Android
Configurable User Consent SDK For Androir -
MVVM-To-Do-App
Android To-Do MVVM Architecture App written in Kotlin.(ViewModel, ROOM, Livedata, Coroutines) -
PopKorn
PopKorn is a simple, powerful and lightweight Dependency Injector 100% Kotlin -
EasyPermissions-ktx
๐ Kotlin version of the popular google/easypermissions wrapper library to simplify basic system permissions logic on Android M or higher. -
Viola
With Viola android face detection library, you can detect faces in a bitmap, crop faces using predefined algorithm and get additional information from the detected faces. -
KDispatcher
Simple and light-weight event dispatcher for Kotlin -
fusion
An Easy-to-use Kotlin based Customizable Modules Collection with Material Layouts by BlackBeared. -
Clean-MVVM-NewsApp
Android News app developed using Clean + MVVM architecture
Get performance insights in less than 4 minutes
Do you think we are missing an alternative of Skeleton Placeholder View or a related project?
README
Skeleton Placeholder View

Overview
A Library designed to draw a Skeleton by "skinning" the view from a provided layout. Skeleton is composed of Bone
with different properties, library usage defines which bones to be drawn before the view is skinned. Usually used as a Placeholder while loading a data before it is populated to a View.
By using this library, creating a skeleton view is much simpler and dynamic as developers don't need to create specific skeleton layout.xml for each view, instead use this custom view to draw the shape as the specified layout.xml.
Supports the following shapes :
RectBone
CircleBone
The library is developed using Kotlin, and built for interopability with Java
NOTE: The output of this library strongly depends on how you write your layout file
Preview
Working sample on CIAYO Comics Android App:
Setup
Gradle
dependencies {
implementation 'com.github.ferrytan:skeletonplaceholderview:${latestVersion}'
...
}
Replace
${latestVersion}
with the latest version code. See releases.
SkeletonPlaceholderView 1.1.0 and above only supports projects that have been migrated to androidx. For more information, read Google's migration guide. Please use version 1.0.2 for projects that are still using the old support library.
Sample Usage
For a working implementation, please have a look at the Sample Project
- Add
SkeletonPlaceholderView
to your layout xml:xml <com.meetferrytan.skeletonplaceholderview.SkeletonPlaceholderView android:id="@+id/skeletonPlaceholderView" android:layout_width="match_parent" android:layout_height="wrap_content" app:sk_bone_corner_radius_default="2dp" app:sk_background_color="#ffffff" app:sk_bone_color_default="#cccccc" app:sk_bone_height_default="48dp" app:sk_bone_width_default="100dp"/>
See
attrs.xml
for all supported attributes.
- Skin the view programmatically by calling the method SkeletonPlaceholderView.skinView(..)
- Simple Usage (uses default RectBone)
java // KOTLIN OR JAVA skeletonPlaceholderView.skinView(R.layout.item_sample_2, R.id.imgCover, R.id.txtGenre, R.id.txtTitle, R.id.frmSubscribeCount)
- Specific shapes
kotlin // KOTLIN skeletonPlaceholderView.skinView(R.layout.item_sample_2, CircleBone(R.id.imgCover), RectBone(R.id.txtGenre), RectBone(R.id.txtTitle), RectBone(R.id.frmSubscribeCount))
java // JAVA skeletonPlaceholderView.skinView(R.layout.item_sample_2, new CircleBone(R.id.imgCover), new RectBone(R.id.txtGenre), new RectBone(R.id.txtTitle), new RectBone(R.id.frmSubscribeCount))
- Custom Shapes using Builder Pattern ```kotlin // KOTLIN // Common builder pattern skeletonPlaceholderView.skinView(R.layout.item_sample_2, CircleBone.Builder(R.id.imgCover) .spacing(0) .build(), RectBone.Builder(R.id.txtGenre) .cornerRadius(4f) .customHeight(200) .customWidth(100) .horizontalSpacing(2) .verticalSpacing(4) .build(), RectBone.Builder(R.id.txtTitle) .build(), RectBone.Builder(R.id.frmSubscribeCount) .build())
// DSL skeletonPlaceholderView.skinView(R.layout.item_sample_2, CircleBone.Builder(R.id.imgCover) .spacing(0) .build(), RectBone.Builder(R.id.txtGenre) .apply { cornerRadius(4f) customHeight(200) customWidth(100) horizontalSpacing(2) verticalSpacing(4) }.build(), RectBone.Builder(R.id.txtTitle) .build(), RectBone.Builder(R.id.frmSubscribeCount) .build())
```java
// JAVA
skeletonPlaceholderView.skinView(R.layout.item_sample_2,
new CircleBone.Builder(R.id.imgCover)
.spacing(0)
.build(),
new RectBone.Builder(R.id.txtGenre)
.cornerRadius(4f)
.customHeight(200)
.color(Color.parseColor("#ff0000"))
.customWidth(100)
.horizontalSpacing(2)
.verticalSpacing(4)
.build(),
new RectBone.Builder(R.id.txtTitle)
.build(),
new RectBone.Builder(R.id.frmSubscribeCount)
.build())
See a complete usage in sample
code.
Once again, the output of this library STRONGLY DEPENDS on how you write your layout file
Usage in sample app is improved by using Facebook's great library shimmer-android for a shimmering effect over the SkeletonPlaceholderView
Developed By
Ferry Irawan
Projects/Apps using SkeletonPlaceholderView
- CIAYO Comics
- Sample App
I'd be happy to know if you're using this library to your app, feel free to contact me and i'll add it to the list
Thanks
Special thanks to:
- https://github.com/facebook/shimmer-android for the awesome Shimmer in improving the output of this library
- https://github.com/android/android-ktx for the useful extensions used in this library ## License
Copyright 2018 Ferry Irawan
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*Note that all licence references and agreements mentioned in the Skeleton Placeholder View README section above
are relevant to that project's source code only.