Liquid

<img style="max-width:100%;" src=https://raw.githubusercontent.com/maustinstar/liquid/master/Docs/Media/liquid-circle.gif?raw=true width=140 align="right" />

Add a Splash to Your SwiftUI Interface

Create a subtle and playful backsplash with Liquid(). Try liquid behind your artwork, as a button, or even with your own shapes. Just add Liquid() to your view to get started!

Contents

• Add the Package
• Basic Usage
• Example
• Credits

Package

For Xcode Projects

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

For Swift Packages

Add a dependency in your your Package.swift

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

Basic Usage

Just import Liquid, and add it to your View to get started.

struct ContentView: View {
    var body: some View {
        Liquid().frame(width: 200, height: 200)
    }
}

See the full Reference Guide.

Example

Layered Liquid

<img style="max-width:100%;" src=https://raw.githubusercontent.com/maustinstar/liquid/master/Docs/Media/liquid-circle.gif?raw=true width=250 align="right" />

struct ContentView: View {
    var body: some View {
        ZStack {
            Liquid()
                .frame(width: 240, height: 240)
                .foregroundColor(.blue)
                .opacity(0.3)


            Liquid()
                .frame(width: 220, height: 220)
                .foregroundColor(.blue)
                .opacity(0.6)

            Liquid(samples: 5)
                .frame(width: 200, height: 200)
                .foregroundColor(.blue)
            
            Text("Liquid").font(.largeTitle).foregroundColor(.white)
        }
    }
}

See more Examples.

Contributing

<img style="max-width:100%;" src=https://raw.githubusercontent.com/maustinstar/liquid/master/Docs/Media/bezier.gif?raw=true width=150 align="right" />

To get started, read the full Implementation Guide.

See Contributing.md.

🚀 Looking for more fun SwiftUI Packages?

Take your SwiftUI apps to the next level with these Packages!

<img style="max-width:100%;" src=https://raw.githubusercontent.com/maustinstar/liquid/master/Docs/Media/liquid-profile.gif?raw=true width=140 align="right" />

Credits

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