Awesome
Liquid
<img src=https://raw.githubusercontent.com/maustinstar/liquid/master/Docs/Media/liquid-circle.gif 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
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 src=https://raw.githubusercontent.com/maustinstar/liquid/master/Docs/Media/liquid-circle.gif 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 src=https://raw.githubusercontent.com/maustinstar/liquid/master/Docs/Media/bezier.gif 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!
<a href="https://github.com/maustinstar/shiny"> <img src="https://github-readme-stats.vercel.app/api/pin/?username=maustinstar&repo=shiny" height=130 align="left" /> </a> <a href="https://github.com/maustinstar/swiftui-drawer"> <img src="https://github-readme-stats.vercel.app/api/pin/?username=maustinstar&repo=swiftui-drawer" height=130 /> </a><img src=https://raw.githubusercontent.com/maustinstar/liquid/master/Docs/Media/liquid-profile.gif width=140 align="right" />
Credits
- Michael Verges - Initial work - mverges3@gatech.edu -