maustinstar/shiny

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

Swift

1,093

15 commits

updated Jul 12, 2024

See the code

README

Shiny

<img src=https://raw.githubusercontent.com/maustinstar/shiny/master/Images/shiny-rainbow.gif width=250 align="right" />

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

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

<img src=https://raw.githubusercontent.com/maustinstar/shiny/master/Images/shiny-rainbow.gif width=250 align="right" />

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

gyroscope
ios
motion
neumorphic
skeuomorphic
swift
swift-package-manager
swiftui
ui
ux

maustinstar/shiny

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

Swift

1,093

15 commits

updated Jul 12, 2024

See the code

README

Shiny

<img src=https://raw.githubusercontent.com/maustinstar/shiny/master/Images/shiny-rainbow.gif width=250 align="right" />

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

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

<img src=https://raw.githubusercontent.com/maustinstar/shiny/master/Images/shiny-rainbow.gif width=250 align="right" />

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

gyroscope
ios
motion
neumorphic
skeuomorphic
swift
swift-package-manager
swiftui
ui
ux

Significant stargazers

Matic Zavadlal

389 followers · starred Apr 2021

Kohki Miki

666 followers · starred Dec 2022

David Roman

329 followers · starred Jul 2021

Mirza Učanbarlić

30 followers · starred Nov 2024