https://github.com/gradients/gradients

🌔 A curated collection of splendid 180+ gradients made in swift
https://github.com/gradients/gradients

carthage cocoapods design gradient ios layer palette swift swift4 ui ux webgradients

Last synced: 6 days ago
JSON representation

🌔 A curated collection of splendid 180+ gradients made in swift

• Host: GitHub
• URL: https://github.com/gradients/gradients
• Owner: Gradients
• License: mit
• Created: 2018-09-26T06:50:29.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-11-13T02:59:59.000Z (over 2 years ago)
• Last Synced: 2025-02-12T18:12:22.151Z (6 days ago)
• Topics: carthage, cocoapods, design, gradient, ios, layer, palette, swift, swift4, ui, ux, webgradients
• Language: Swift
• Homepage:
• Size: 1.38 MB
• Stars: 804
• Watchers: 14
• Forks: 54
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Gradients

🌔 A curated collection of 180 splendid gradients made in swift

![logo](README/gradients.png)

[![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)

![Swift](https://img.shields.io/badge/Swift-5.0-orange.svg)

[![Swift Package Manager](https://img.shields.io/badge/Swift_Package_Manager-compatible-orange)](https://img.shields.io/badge/Swift_Package_Manager-compatible-orange)

[![Version](https://img.shields.io/cocoapods/v/Gradients.svg?style=flat)](http://cocoapods.org/pods/Gradients)

[![License](https://img.shields.io/cocoapods/l/Gradients.svg?style=flat)](http://cocoapods.org/pods/Gradients)

[![Platform](https://img.shields.io/cocoapods/p/Gradients.svg?style=flat)](http://cocoapods.org/pods/Gradients)

[![Carthage compatible](https://img.shields.io/badge/Carthage-compatible-4BC51D.svg?style=flat)](https://github.com/Carthage/Carthage)

180 splendid Gradients inspired by [itmeo/webgradients](https://github.com/itmeo/webgradients)

[View all the gradients here »](https://webgradients.com)

## 🏄🏼 Easy To Use

```swift

view.layer.addSubLayer(Gradients.deepBlue.layer)

```

#### 180+ Gradients

```swift

public enum Gradients: Int, CaseIterable {

    case warmFlame = 1

    case nightFade

    case springWarmth

    case juicyPeach

    //...

    case fabledSunset

    case perfectBlue

}

```

#### Direction

```swift

public enum Direction {

    case top

    case left

    case right

    case bottom

    case degree(CGFloat)

}

```

## 🎨 Customize

![customize](README/custom.png)

```swift

// degree for radian direction supported

let customLayer = Gradients.linear(to: .degree(-225), colors: [0x231557, 0x44107A, 0xFF1361, 0xFFF800], locations: [0.0, 0.29, 0.67, 1.0]) // Fabled Sunset

view.layer.addSubLayer(customLayer)

```

## Examples

* [Comets](https://github.com/cruisediary/Comets): ☄️Comets: Animating Particles in Swift.

* [DeliTodo](https://github.com/kawoou/DeliTodo): Todo application for iOS using Deli.

## Requirements

Gradients is written in  Xcode 10, Swift 4+, iOS 9.0+ Required

## 📲 Installation

Gradients is available through [Swift Package Manager](https://www.swift.org/package-manager/), [Cocoapods](http://cocoapods.org) or [Carthage](https://github.com/Carthage/Carthage)

### Swift Package Manager (Recommended)

```

dependencies: [

    .package(url: "https://github.com/Gradients/Gradients.git", .upToNextMajor(from: "0.3.1"))

]

```

### Cocoapods

```ruby

pod "Gradients"

```

### Carthage

```

github "cruisediary/Gradients" ~> 0.3.1

```

## ❤️ Contribution

Pull requests are always welcomed 🏄🏼

## Awesome

* [awesome-swift](https://github.com/matteocrippa/awesome-swift) - A collaborative list of awesome Swift libraries and resources. Feel free to contribute!

* [awesome-gradient](https://github.com/cruisediary/awesome-gradient) - 🌈 A curated list of awesome Gradient frameworks, libraries and software and resources

## 👨‍💻 Author

cruz, [email protected]

## 🛡 License

Gradients is available under the MIT license. See the LICENSE file for more info.