maustinstar/shiny

Shiny uses your gyroscope to simulate lighting and motion effects on colors. Works on almost every SwiftUI View.

Shiny

Add motion-based texture to your SwiftUI views

Draw attention to important interface elements with .shiny(). Shiny uses your gyroscope to simulate lighting and motion effects on colors. It works on almost every native SwiftUI View. Try it on Text, Toggle, or a VStack. Just add .shiny() to get started!

💳 Inspired by the Apple Cash Card

Contents

• Add the Package
• Basic Usage
• Example
• More
• Credits

Package

For Xcode Projects

File > Swift Packages > Add Package Dependency: https://github.com/maustinstar/shiny

For Swift Packages

Add a dependency in your your Package.swift

.package(url: "https://github.com/maustinstar/shiny.git", from: "0.0.1"),

Basic Usage

Just import Shiny and modify your view with .shiny() to get started.

import Shiny
...
Text("Hello, shiny world! ✨").shiny()

See the full Reference Guide.

Example

Rainbow text on silver card

Text("shiny")
    .font(.largeTitle)
    .fontWeight(.bold).shiny()
    .background(
        RoundedRectangle(cornerRadius: 14.0)
            .frame(width: 200.0, height: 70.0)
            .shiny(.hyperGlossy(UIColor.systemGray5)))

See more Examples.

More

🚀 Looking for more fun SwiftUI Packages?

Credits

• Michael Verges - Initial work - [email protected] -

shiny's Issues

Animation 'jumps' on first load

The gradient shifts quickly when the view first loads.

RPReplay_Final1657244171.mov

Any way to change the sensitivity?

I'd love to use this in my app but I'd like the effect to be a little more subtle.

Animations wont start

I am trying to get this to work, but the animation wont start for the first example when I import to my project? The title just turns red and nothing happens.

Does this package not work anymore?

Disables touch gestures for items in ForEach loop

I have a list of items using ForEach and ScrollView, and if I use shiny on one of the items, the whole view stops receiving touch gestures correctly for every view except the last one. For example, if I add a button to the view, the button won't click, and if I add a contextMenu to the items, it opens a context for the item at the bottom of the list.

Animation not working

I took an example from the examples and pasted it into my code, there is no error, it just doesn't work.

.shiny() crash: 'CALayerInvalidGeometry', reason: 'CALayer position contains NaN: [nan nan]

@maustinstar

                    HStack {
                        Text("Thank You!")
                            .shiny()
                            .foregroundColor(.moneyRed)
                            .multilineTextAlignment(.leading)
                            .font(.system(size: 42, weight: .heavy))
                        Spacer()
                    }

libc++abi: terminating with uncaught exception of type NSException
*** Terminating app due to uncaught exception 'CALayerInvalidGeometry', reason: 'CALayer position contains NaN: [nan nan]. Layer: <_TtC7SwiftUIP33_F176A6CF4451B27508D54E2BEAEBFD5415PaintShapeLayer:0x280e9e280; position = CGPoint (0 0); bounds = CGRect (0 0; 0 0); delegate = <_TtC7SwiftUIP33_A34643117F00277B93DEBAB70EC0697122_UIShapeHitTestingView: 0x106133630; frame = (-8.98847e+307 -8.98847e+307; 1.79769e+308 1.79769e+308); transform = [nan, nan, nan, nan, 0, 0]; anchorPoint = (0, 0); autoresizesSubviews = NO; layer = <_TtC7SwiftUIP33_F176A6CF4451B27508D54E2BEAEBFD5415PaintShapeLayer: 0x280e9e280>>; allowsEdgeAntialiasing = YES; allowsGroupOpacity = YES; anchorPoint = CGPoint (0 0); contentsScale = 2; transform = CATransform3D (nan nan 0 0; nan nan 0 0; 0 0 1 0; 0 0 0 1)>'
terminating with uncaught exception of type NSException

MotionManager.swift seems call startDeviceMotionUpdates twice

Is there any advantage to calling this method twice, as seen in lines 33 and 34?

Help: Dark mode support

Hello @maustinstar

I'm working on a swiftui project.

In this commit I've added Shiny to enhance the text with the example you give.
It's working great when iOS is using light theme, but in dark mode the frame is visible:

Am I missing something? Does Shiny supports dark mode?

Regards