☠️ Elegant skeleton loading animation in lightweight SwiftUI
Alternatives To Skeletonui
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Spinkit17,264341843 years ago9October 30, 20198mitCSS
A collection of loading indicators animated with CSS
React Content Loader12,7683094466 months ago70March 12, 20239mitTypeScript
⚪ SVG-Powered component to easily create skeleton loadings.
2422 days ago61August 11, 202262mitSwift
☠️ An elegant way to show users that something is happening and also prepare them to which contents they are awaiting
5667 months ago46October 09, 202015mitSwift
A collection of awesome loading animations
Loaders.css10,0888381472 years ago4January 13, 201614CSS
Delightful, performance-focused pure css loading animations.
6 months agon,ullJava
Android Spinkit8,41314 months ago3May 02, 202061mitJava
Android loading animations
Svg Loaders5,838232 months ago1February 12, 201914mitHTML
Loading icons and small animations built with pure SVG.
Bootstrap Modal5,072234 years ago1December 31, 2015110apache-2.0JavaScript
Extends the default Bootstrap Modal class. Responsive, stackable, ajax and more.
1a month ago69August 12, 202138mitObjective-C
A skeleton screen loading framework based on native for iOS. (一个由iOS原生组件映射出骨架屏的框架,包含快速植入,低耦合,兼容复杂视图等特点,提供国内主流骨架屏动画的加载方案,同时支持上拉加载更多、自定制动画。)
Alternatives To Skeletonui
Select To Compare

Alternative Project Comparisons

SkeletonUI aims to bring an elegant, declarative syntax to skeleton loading animations. Get rid of loading screens or spinners and start using skeletons to represent final content shapes.

Requirements ⚙️

  • macOS 10.15.
  • Xcode 11.0.
  • Swift 5.0.

Supported Platforms 📱

  • iOS 13.0.
  • tvOS 13.0.
  • watchOS 6.0.
  • macOS 10.15.

Installation 💻

Swift Package Manager

Swift Package Manager is a tool for automating the distribution of Swift code and is integrated into the swift compiler. Once you have your Swift package set up, adding SkeletonUI as a dependency is as easy as adding it to the dependencies value of your Package.swift.

  dependencies: [
  .package(url: "", .branch("master"))


CocoaPods is a centralized dependency manager for Cocoa projects. For usage and installation instructions, visit their website. To integrate SkeletonUI into your Xcode project using CocoaPods, specify it in your Podfile:

pod 'SkeletonUI'

Features ✨

  • [x] SwiftUI simple, declarative syntax.
  • [x] Super easy and simple to set up.
  • [x] All Views are skeletonables.
  • [x] Fully customizable.
  • [x] Universal (iPhone, iPad, iPod, Apple TV, Apple Watch, Mac).
  • [x] SwiftUI ViewModifier power.
  • [x] Lightweight codebase.

Usage 🚀

Basic one-liner:

import SkeletonUI
import SwiftUI

struct UsersView: View {
    @State var users = [String]()

    var body: some View {
        Text("Finished requesting \(users.count) users!")
            .skeleton(with: users.isEmpty)
            .onAppear {
                DispatchQueue.main.asyncAfter(deadline: .now() + 5) {
                    self.users = ["John Doe", "Jane Doe", "James Doe", "Judy Doe"]

Advanced customization:

import SkeletonUI
import SwiftUI

struct User: Identifiable {
    let id = UUID()
    let name: String

struct UsersView: View {
    @State var users = [User]()

    var body: some View {
        SkeletonList(with: users, quantity: 6) { loading, user in
                .skeleton(with: loading,
                          animation: .pulse(),
                          appearance: .solid(color: .red, background: .blue),
                          shape: .rectangle,
                          lines: 3,
                          scales: [1: 0.5])
        .onAppear {
            DispatchQueue.main.asyncAfter(deadline: .now() + 5) {
                self.users = [User(name: "John Doe"),
                              User(name: "Jane Doe"),
                              User(name: "James Doe"),
                              User(name: "Judy Doe")]

Change Log 📆

See for details.

Contributing 🎉

  • Suggest your idea as a feature request for this project.
  • Create a bug report to help us improve.
  • Propose your own fixes, suggestions and open a pull request with the changes.

See for details.

Code of Conduct 💬

See for details.

Credits 🙊

SkeletonUI is owned and maintained by CSolanaM. You can follow me on Twitter at @CSolanaM or contact me via email for project updates and releases.

License 🎓

SkeletonUI is released under the MIT license. See LICENSE for details.

Popular Animation Projects
Popular Loader Projects
Popular User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Package Manager
Loading Animations
Loading Spinner