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-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
- Created: 2025-04-20T16:34:08.000Z (5 days ago)
- Default Branch: main
- Last Pushed: 2025-04-20T17:04:08.000Z (5 days ago)
- Last Synced: 2025-04-20T17:42:01.425Z (5 days ago)
- Topics: apple, color-picker, colorful, colorpicker, jaywcjlove, macos, swift, swift-package-manager, swiftui, swiftui-components
- Language: Swift
- Homepage:
- Size: 14.6 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
Colorful
===
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.
✦ My macOS/iOS application ✦
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.