https://github.com/jaywcjlove/Colorful

This is a SwiftUI color picker component library for macOS, designed to replace the default ColorPicker component.
https://github.com/jaywcjlove/Colorful

apple color color-picker colorful colorpicker jaywcjlove macos swift swift-package-manager swiftui swiftui-components

Last synced: 2 days ago
JSON representation

This is a SwiftUI color picker component library for macOS, designed to replace the default ColorPicker component.

• Host: GitHub
• URL: https://github.com/jaywcjlove/Colorful
• Owner: jaywcjlove
• License: mit
• Created: 2025-04-20T16:34:08.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2026-04-23T06:00:11.000Z (2 months ago)
• Last Synced: 2026-05-10T15:30:00.433Z (about 2 months ago)
• Topics: apple, color, color-picker, colorful, colorpicker, jaywcjlove, macos, swift, swift-package-manager, swiftui, swiftui-components
• Language: Swift
• Homepage:
• Size: 40 KB
• Stars: 29
• Watchers: 1
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-swift - Colorful - SwiftUI replacement for the default macOS ColorPicker. (UI and SwiftUI)

README

          


  Using my app is also a way to support me:

  


  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  





Colorful

===

[![Buy me a coffee](https://img.shields.io/badge/Buy_Me_a_Coffee-ffdd00?logo=buy-me-a-coffee&logoColor=black)](https://jaywcjlove.github.io/#/sponsor)

[![Follow On X](https://img.shields.io/badge/Follow%20on%20X-333333?logo=x&logoColor=white)](https://x.com/jaywcjlove)

This is a SwiftUI color picker component library for macOS, designed to replace the default ColorPicker component. In addition, I’ve created another component library, [ColorSelector](https://github.com/jaywcjlove/ColorSelector), which offers a different user experience and a distinct style. The inspiration for this component comes from [react-colorful](https://github.com/omgovich/react-colorful), which I developed for a community member free of charge.

![Colorful for macOS](https://github.com/user-attachments/assets/89f6d76a-8e6d-47da-b8e9-96009110e57c)

Welcome to download [DevTutor](https://apps.apple.com/app/devtutor/id6471227008), a cheat sheet app designed to help developers quickly build excellent applications using SwiftUI.



  

  



## Usage

```swift

import Colorful

struct ContentView: View {

    @State var color: Color? = Color.blue

    @State var colorClear: Color? = .clear

    

    var body: some View {

        Colorful("Color", selection: $color, arrowEdge: .bottom)

            .frame(width: 210)

            

        Colorful(selection: $colorClear, arrowEdge: .top)

    }

}

```

Use the `showsAlpha` modifier to control the visibility of the alpha (opacity) slider in the picker panel.

```swift

import Colorful

struct ContentView: View {

    @State var color: Color? = .clear

    

    var body: some View {

        ColorfulPicker(selection: $color)

            .showsAlpha(false)

    }

}

```   

## License

Licensed under the MIT License.