How do I customize the gradient colors in Shiny?

Set the `colors` property on ShinyView to an array of UIColors, as shown in the README example. You can also adjust `locations` and `scale` for finer control over the iridescent effect.

Shiny vs CAGradientLayer for iOS animations?

Shiny provides a higher-level, gyroscope-reactive solution specifically for iridescent effects, while CAGradientLayer requires more code for motion integration. Shiny is faster for this niche, but CAGradientLayer offers broader animation flexibility.

Does Shiny work on iPhone simulators?

The gyroscope effect might not function properly in simulators due to lack of real motion sensors. It's best tested on physical devices for accurate motion response.

How to stop gyroscope updates in Shiny to save battery?

Call the `stopUpdates()` method on your ShinyView instance when the effect isn't needed, as mentioned in the README. This halts motion observation and helps conserve battery life.

Is Shiny compatible with SwiftUI?

The README doesn't explicitly support SwiftUI; it's built for UIKit. You'd need to wrap ShinyView in a UIViewRepresentable for use in SwiftUI, which adds complexity.

What iOS versions does Shiny support?

Shiny requires iOS 9.0 or later, as stated in the README, making it compatible with most modern iPhones and iPads but not legacy devices below that version.

Open-Awesome

Shiny

MITSwift2.0.3

An iOS library that creates an iridescent effect view that responds to device motion, inspired by Apple Pay Cash.

GitHub

842 stars43 forks0 contributors

What is Shiny?

Shiny is an iOS library that creates an iridescent, color-shifting visual effect view inspired by the Apple Pay Cash card. It generates a dynamic radial gradient that responds to the device's gyroscope, allowing the effect to change as the user moves their phone. This solves the need for implementing complex, motion-reactive UI animations with a simple, customizable component.

Target Audience

iOS developers looking to add premium, interactive visual effects to their apps, particularly those aiming to replicate Apple-style UI animations or enhance card/background elements with dynamic motion.

Value Proposition

Developers choose Shiny because it provides a ready-to-use, high-fidelity implementation of a popular Apple design pattern without requiring low-level graphics or motion handling code. Its simple API and gyroscope integration make it uniquely suited for creating immersive, motion-aware interfaces.

Overview

Iridescent Effect View (inspired by Apple Pay Cash) ✨

Use Cases

Best For

Adding Apple Pay Cash-style card animations to finance or wallet apps
Creating dynamic background effects that respond to device tilt
Enhancing onboarding or premium feature screens with interactive visuals
Implementing iridescent UI elements in Swift-based iOS projects
Prototyping motion-reactive interfaces without custom Core Motion code
Building immersive card or badge components with gradient effects

Not Ideal For

Apps with strict battery optimization that avoid constant gyroscope polling
Cross-platform projects requiring the same effect on Android or web
Teams building static or server-rendered UIs without motion interaction
Projects needing low-level control over animation performance or custom Core Motion handling

Pros & Cons

Pros

Dynamic Visual Effect

Renders a shimmering, color-shifting gradient that mimics high-end UI designs like the Apple Pay Cash card, solving the need for complex animations with a simple component.

Gyroscope Integration

Automatically updates the effect in response to device motion via startUpdates(), creating an immersive experience without manual gyroscope code.

Customizable Gradient

Offers full control over gradient colors, locations, and scale through exposed properties, allowing precise matching to any design.

Easy Integration

Works programmatically or via Interface Builder with minimal setup, and supports CocoaPods and Carthage for straightforward installation.

Cons

Device and OS Limitations

Only works on iOS 9.0+ and requires a gyroscope, limiting compatibility with older devices, simulators, or non-iOS platforms.

Battery Impact

Continuous gyroscope observation through startUpdates() can drain battery if not managed with stopUpdates(), making it less ideal for energy-sensitive apps.

Limited Documentation

The README provides basic usage but lacks detailed examples, troubleshooting, or best practices for complex scenarios like SwiftUI integration.

Frequently Asked Questions

Related Projects

SkeletonView

☠️ An elegant way to show users that something is happening and also prepare them to which contents they are awaiting

Stars12,867

Forks1,125

Last commit25 days ago

Material

A UI/UX framework for creating beautiful applications.

Stars11,986

Forks1,259

Last commit4 years ago

NVActivityIndicatorView

A collection of awesome loading animations

Stars10,714

Forks1,155

Last commit1 month ago

FSPagerView

FSPagerView is an elegant Screen Slide Library. It is extremely helpful for making Banner View、Product Show、Welcome/Guide Pages、Screen/ViewController Sliders.

Stars7,372

Forks1,070

Last commit1 year ago

Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a project Star on GitHub