All Projects → markiv → SwiftUI-Shimmer

markiv / SwiftUI-Shimmer

Licence: MIT License
Shimmer is a super-light modifier that adds a shimmering effect to any SwiftUI View, for example, to show that an operation is in progress. It works well on light and dark modes, and across iOS, macOS, tvOS and watchOS.

Programming Languages

swift
15916 projects

Projects that are alternatives of or similar to SwiftUI-Shimmer

SwiftCurrent
A library for managing complex workflows in Swift
Stars: ✭ 286 (+70.24%)
Mutual labels:  tvos, swiftui
IrregularGradient
Create animated irregular gradients in SwiftUI.
Stars: ✭ 127 (-24.4%)
Mutual labels:  tvos, swiftui
KeyboardKitPro
KeyboardKit Pro extends KeyboardKit with pro features.
Stars: ✭ 42 (-75%)
Mutual labels:  tvos, swiftui
Skeletonui
☠️ Elegant skeleton loading animation in SwiftUI and Combine
Stars: ✭ 275 (+63.69%)
Mutual labels:  skeleton, tvos
SwiftUIFormValidator
Declarative form validator for SwiftUI.
Stars: ✭ 34 (-79.76%)
Mutual labels:  tvos, swiftui
ScaledFont
ScaledFont - Using custom fonts with dynamic type
Stars: ✭ 50 (-70.24%)
Mutual labels:  tvos, swiftui
QuoteKit
A framework to use the free APIs provided by https://quotable.io
Stars: ✭ 17 (-89.88%)
Mutual labels:  tvos, swiftui
Open Source Ios Apps
📱 Collaborative List of Open-Source iOS Apps
Stars: ✭ 28,826 (+17058.33%)
Mutual labels:  tvos, swiftui
ShimmerView
ShimmerView is a collection of APIs to construct Skelton View + Shimmering Effect type loading indicator on UIKit and SwiftUI.
Stars: ✭ 71 (-57.74%)
Mutual labels:  shimmer, swiftui
F1-AppleTV
F1TV app for the Apple TV
Stars: ✭ 16 (-90.48%)
Mutual labels:  tvos, swiftui
koleton
The easiest library to show skeleton screens in an Android app.
Stars: ✭ 84 (-50%)
Mutual labels:  skeleton, shimmer
Angular-Gulp-Boilerplate
Clean but full-featured AngularJS boilerplate using Gulp workflow and best practices
Stars: ✭ 30 (-82.14%)
Mutual labels:  skeleton, watch
Wwdc
You don't have the time to watch all the WWDC session videos yourself? No problem me and many contributors extracted the gist for you 🥳
Stars: ✭ 2,561 (+1424.4%)
Mutual labels:  tvos, swiftui
WWDCNotes
WWDCNotes.com content
Stars: ✭ 343 (+104.17%)
Mutual labels:  tvos, swiftui
Swiftui Kit
A SwiftUI system components and interactions demo app
Stars: ✭ 1,733 (+931.55%)
Mutual labels:  tvos, swiftui
data-field
A SwiftUI view that wraps a text field to only accept specific data.
Stars: ✭ 13 (-92.26%)
Mutual labels:  tvos, swiftui
TermiNetwork
🌏 A zero-dependency networking solution for building modern and secure iOS, watchOS, macOS and tvOS applications.
Stars: ✭ 80 (-52.38%)
Mutual labels:  tvos, swiftui
stinsen
Coordinators in SwiftUI. Simple, powerful and elegant.
Stars: ✭ 563 (+235.12%)
Mutual labels:  tvos, swiftui
Columbus
A feature-rich country picker for iOS, tvOS and watchOS.
Stars: ✭ 23 (-86.31%)
Mutual labels:  tvos, swiftui
Swiftfin
Native Jellyfin Client for iOS and tvOS
Stars: ✭ 457 (+172.02%)
Mutual labels:  tvos, swiftui

SwiftUI-Shimmer

Shimmer is a super-light modifier that adds a shimmering effect to any SwiftUI View, for example, to show that an operation is in progress. It works well on light and dark modes, and across iOS, macOS, tvOS and watchOS.

import SwiftUI
import Shimmer
:
:
Text("SwiftUI Shimmer").modifier(Shimmer())

or more conveniently

Text("SwiftUI Shimmer").shimmering()

Light Mode Dark Mode

Optional Parameters ⚙️

  • active: Convenience parameter to conditionally enable the effect. Defaults to true.
  • duration: The duration of a shimmer cycle in seconds. Default: 1.5.
  • bounce: Whether to bounce (reverse) the animation back and forth. Defaults to false.

Bounce 3

Animated Skeletons ☠️

Of course, you can combine .shimmering(...) with the .redacted(...) modifier to create interesting animated skeleton views.

Loading

Text("Some text")
    .redacted(reason: .placeholder)
    .shimmering()

Installation

SwiftUI-Shimmer can be installed using Swift Package Manager.

Use the package URL to search for the URLImage package: https://github.com/markiv/SwiftUI-Shimmer.

For how-to integrate package dependencies refer to Adding Package Dependencies to Your App documentation.

What About UIKit?

For an older, UIKit-based shimmer effect, see UIView-Shimmer.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].