SwiftUI Color Kit

screenshot of SwiftUI Color Kit

SwiftUI Color Pickers, Gradient Pickers And All The Utilities Needed To Make Your Own!

Overview

Color Kit is a new SwiftUI library that aims to provide developers with a comprehensive set of components for creating an exceptional color picking experience. It offers a simple API while still allowing for extensive customization options.

Key Features

  • Color Pickers: Includes a range of color pickers such as RGB, RGBA, HSB, HSBAC, CMYK, and Gray Scale.
  • Gradient Pickers: Offers linear, radial, and angular gradient pickers, as well as an all-in-one option.
  • Data Objects: Provides data objects like ColorToken and GradientData for storing color values and gradients.

Method 1: Adding Color Kit as a dependency to an existing project

  1. Copy the URL from the GitHub repository.
  2. In Xcode, go to "File" > "Swift Packages" > "Add Package Dependencies".
  3. Paste the URL into the specified box.
  4. Specify the minimum version number as 1.0.2.
  5. Add import ColorKit to the top of the file where you want to add a picker.
  6. Follow the implementation steps provided in the comments or the readme for the specific picker you wish to use.

Method 2: Cloning the example project

  1. Clone the example project provided with Color Kit.
  2. Experiment with the different examples to familiarize yourself with the library.
  3. Optionally, try creating custom styles for one of the gradient pickers. Color Kit provides snippets to help you get started.

Summary

Color Kit is a powerful SwiftUI library that offers a variety of color pickers and gradient pickers to enhance the color picking experience in your app. With its simple API and customizable components, it allows developers to quickly create and export color creations into code. By providing data objects like ColorToken and GradientData, Color Kit simplifies the storage and management of color values and gradients.

ui-kit
UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.