IrregularGradient

A SwiftUI library for rendering beautiful, animated and irregular gradient views.

Installation

Since this is a Swift package, it can be installed via the Swift Package Manager. To do this, all you gotta do is open your Xcode project, add a new depedency under File > Swift Package Manager, search for this repo and install it. Then, it's all done!

Usage

To use this library all you gotta do is add import IrregularGradient to the file you're using and then add an irregular gradient to any view you want with the irregularGradient(colors: [Color], backgroundColor: Color = .clear, animate: Binding<Bool> = .constant(true), speed: Double = 10) modifier.

  • The first argument (and the only required one) colors specifies the colors of each gradient blob. Order and quantity matters, so the last color you add will always stay on top, and having two blues will create two separate blue blobs.
  • The backgroundColor argument defines the background color of your gradient, which will occupy the full container (not specifying it will make it transparent).
  • animate is a boolean binding that specifies wheter or not the gradient should perform its natural movement. It can be enabled and disabled dinamically, but movement will never stop abruptly.
  • The speed argument accepts a Double and defines how fast the blobs move and update.
RoundedRectangle(cornerRadius: 30.0, style: .continuous)
    .irregularGradient(colors: [.orange, .pink, .yellow, .orange, .pink, .yellow], backgroundColor: .orange)

You can also use the IrregularGradientView which works the exact same way except for the fact that instead of filling an already existing view, it exists in its own container.

GitHub

https://github.com/joogps/IrregularGradient