Git Product home page Git Product logo

gradients's Introduction

Gradients

πŸŒ” A curated collection of 180 splendid gradients made in swift

logo

Awesome Swift Swift Package Manager Version License Platform Carthage compatible

180 splendid Gradients inspired by itmeo/webgradients View all the gradients here Β»

πŸ„πŸΌ Easy To Use

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

180+ Gradients

public enum Gradients: Int, CaseIterable {
    case warmFlame = 1
    case nightFade
    case springWarmth
    case juicyPeach
    //...
    case fabledSunset
    case perfectBlue
}

Direction

public enum Direction {
    case top
    case left
    case right
    case bottom
    case degree(CGFloat)
}

🎨 Customize

customize

// 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: β˜„οΈComets: Animating Particles in Swift.
  • 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, Cocoapods or Carthage

Swift Package Manager (Recommended)

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

Cocoapods

pod "Gradients"

Carthage

github "cruisediary/Gradients" ~> 0.3.1

❀️ Contribution

Pull requests are always welcomed πŸ„πŸΌ

Awesome

  • awesome-swift - A collaborative list of awesome Swift libraries and resources. Feel free to contribute!
  • 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.

gradients's People

Contributors

cruisediary avatar guidev avatar kawoou avatar kennydang avatar nirma avatar zenbhang avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

gradients's Issues

I can't set your gradient

Hello ! I'm trying to set your gradient via viewdidappear, but it doesn't work

ExampleOfCode:
viewDidAppear(_ animated: Bool) { self.view.layer.addSublayer(Gradients.coupDeGrace.layer) }

"complex" gradients do not render

Gradients such as "elegance", "raccoonBack", "aboveClouds", etc... do not produce a colour, whereas the more simple ones such as "purpleDivision", "aquaSplash", "warmFlame" etc... do produce a colour as expected.
Any idea why?

Add Example

☁️ Add Gradients example project with IGListKit

Gradients.slickCarbon Failed to generate image

The data in the locations set by slickCarbon has a value greater than 1, causing the image to be blank when generating the image.
The following is how to generate images through layers:
`extension Gradients {
func imageFrom(size: CGSize, scale: CGFloat = UIScreen.main.scale) -> UIImage? {

    guard size != .zero, scale != 0 else {
        return nil
    }

    let layer = self.layer
    let rect = CGRect(origin: .zero, size: size)
    layer.bounds = rect
    layer.sublayers?.forEach({
        $0.bounds = rect
    })
    
    let format = UIGraphicsImageRendererFormat()
    format.scale = scale

    let renderer = UIGraphicsImageRenderer(size: size, format: format)

    let image = renderer.image { contentx in
        if let sublayers = layer.sublayers, !sublayers.isEmpty {
            for sub in sublayers {
                sub.render(in: contentx.cgContext)
            }
        } else {
            layer.render(in: contentx.cgContext)
        }
    }
    return image
}

}`

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.