Shiny SwiftUI Library

To add a shiny effect to a SwiftUI view, import the Shiny framework and apply the .shiny() view modifier. By default, this applies a rainbow gradient effect.

import Shiny

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

You can add Shiny to your project using either Xcode's built-in package manager or by modifying your Package.swift file for Swift Packages.

### For Xcode Projects
File > Swift Packages > Add Package Dependency: https://github.com/maustinstar/shiny

### For Swift Packages
```swift
.package(url: "https://github.com/maustinstar/shiny.git", from: "0.0.1"),

To add motion-based texture effects to a SwiftUI view, import Shiny and apply the .shiny() modifier. This modifier uses the device's gyroscope to simulate lighting and motion effects on colors, drawing attention to interface elements like Text, Toggle, or VStack.

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

Use .shiny(.glossy(color)) to create a glossy text effect and .shiny(.matte(color)) to create a matte background effect. For example, applying .shiny(.glossy(.black)) to text and .shiny(.matte(.black)) to a RoundedRectangle creates glossy text on a matte black card.

Text("shiny")
    .font(.largeTitle)
    .fontWeight(.bold).shiny(.glossy(.black))
    .background(
        RoundedRectangle(cornerRadius: 14.0)
            .frame(width: 200.0, height: 70.0)
            .shiny(.matte(.black)))

The .shiny() modifier can be customized with specific styles. For example, you can use .hyperGlossy(color) to apply a high-gloss effect to a background. This allows you to layer effects, such as applying rainbow text on top of a glossy card.

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

You can apply a rainbow effect to text and use .hyperGlossy on shapes to create a high-contrast, colorful look. For example, applying .shiny() to a Text view and .shiny(.hyperGlossy(UIColor.systemGray5)) to a RoundedRectangle background creates rainbow text on a 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)))

Combine .shiny(.iridescent) on text with .shiny(.glossy(color)) on a background shape to create an iridescent text effect on a glossy card.

Text("shiny")
    .font(.largeTitle)
    .fontWeight(.bold).shiny(.iridescent)
    .background(
        RoundedRectangle(cornerRadius: 14.0)
            .frame(width: 200.0, height: 70.0)
            .shiny(.glossy(.black)))

The .shiny() modifier accepts several predefined gradient styles to change the visual character of the surface:

• .rainbow: Cycles through system colors in rainbow order (default).
• .iridescent: Cycles through translucent blues and purples for a sparkling effect.
• .matte(UIColor): Generates a matte surface from a provided color, modeling a dispersed light source.
• .glossy(UIColor): Generates a surface from a provided color, modeling a focused light source.
• .hyperGlossy(UIColor): Generates a surface from a provided color, modeling an intense light source.

// Examples of different styles
Text("Rainbow").shiny(.rainbow)
Text("Iridescent").shiny(.iridescent)
Text("Matte").shiny(.matte(.yellow))
Text("Glossy").shiny(.glossy(.blue))
Text("Hyper Glossy").shiny(.hyperGlossy(.blue))

You can provide your own custom gradient to the .shiny() modifier to define a specific shiny surface behavior.

Text("Custom Shiny").shiny(Gradient(colors: [.red, .blue, .green]))