yonaskolb / Fashion

Fashion accessories and beauty tools to share and reuse UI styles in a Swifty way

Home Page:https://github.com/vadymmarkov

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool


CI Status Version Carthage Compatible Swift License Platform


Fashion is your helper to share and reuse UI styles in a Swifty way. The main goal is not to style your native apps in CSS, but use a set of convenience helper functions to decouple your styles from a layout code, improving customization and reusability. Also here we try to go beyond the UIAppearance possibilities to customize appearance for all instance objects of the specified type.

Table of Contents


Conventional way

Define styles in a stylesheet

enum Style: String, StringConvertible {
  case customButton

  var string: String {
    return rawValue

struct MainStylesheet: Stylesheet {

  func define() {
    share { (label: UILabel) in
      label.textColor = .blue
      label.numberOfLines = 2
      label.adjustsFontSizeToFitWidth = true

    // register("custom-button") { (button: UIButton) in
    register(Style.customButton) { (button: UIButton) in
      button.backgroundColor = .red
      button.setTitleColor(.white, for: .normal)

Register a stylesheet


Apply a style

let button = UIButton() // let button = UIButton(styles: "custom-button")
button.stylize(Style.customButton) // backgroundColor => .red

let label = UILabel()
addSubview(label) // textColor => .blue


Stylesheet is a protocol that helps you to organize your styles by registering them in define method:

Register a style

// Registers stylization closure with the specified name.
register("card-view") { (view: UIView) in
  view.backgroundColor = .white
  view.layer.masksToBounds = false
  view.layer.shadowColor = UIColor.black.cgColor
  view.layer.shadowOffset = CGSize(width: 0, height: 0.5)
  view.layer.shadowOpacity = 0.2
  view.layer.cornerRadius = 8

Unregister a style

// Unregisters stylization closure with the specified name.

Share a style

The style will be shared across all objects of this type, considering inheritance.

// All views will have red background color.
share { (view: UIView) in
  view.backgroundColor = .red

// All table views will have white background color, it overrides the red
// background registered above.
share { (tableView: UITableView) in
  tableView.backgroundColor = .white
  tableView.tableFooterView = UIView(frame: CGRect.zero)
  tableView.separatorStyle = .none
  tableView.separatorInset = .zero

Unshare a style

// Unregisters shared stylization closure for the specified type.


share is the recommended method to customize the appearance of class's instances, but sometimes we still have to use UIAppearance because of default styles set on the class’s appearance proxy when a view enters a window.

shareAppearance { (barButtonItem: UIBarButtonItem) in
    NSFontAttributeName : UIFont(name: "HelveticaNeue-Light", size: 12)!,
    NSForegroundColorAttributeName : UIColor.red],
    for: .normal)


When you register/share your styles in the Stylesheet all the actual work is done by Stylist under the hood, so if you want more freedom it's possible to use Stylist class directly. You can create a new instance Stylist() or use the global variable Stylist.master which is used in stylesheets.

let stylist = Stylist()

stylist.register("card-view") { (view: UIView) in
  view.backgroundColor = .white
  view.layer.cornerRadius = 8


stylist.share { (tableView: UITableView) in
  tableView.backgroundColor = .white
  tableView.tableFooterView = UIView(frame: .zero)


UIView extensions

It's super easy to apply previously registered styles with UIView extensions.

With convenience initializer

// A single style
let button = UIButton(styles: "custom-button")

// Multiple styles should be separated by a space
let label = UILabel(styles: "content-view cool-label")
// The initialized also accepts StringConvertible, so something other
// than magic String could also be used

enum Style: String, StringConvertible {
  case customButton
  case contentView
  case coolLabel

  var string: String {
    return rawValue

// A single style
let button = UIButton(styles: Style.customButton)

// Multiple styles
let label = UILabel(styles: [Style.contentView, Style.coolLabel])

With stylize function

let label = UILabel()

// StringConvertible
label.stylize(Style.contentView, Style.coolLabel)

// String
label.stylize("content-view", "cool-label")

With @IBInspectable property styles

let button = UIButton()

// A single style
button.styles = "custom-button"

// Multiple styles
button.styles = "content-view custom-button"


Vadym Markov, markov.vadym@gmail.com


Fashion is available through CocoaPods. To install it, simply add the following line to your Podfile:

pod 'Fashion'

Fashion is also available through Carthage. To install just write into your Cartfile:

github "vadymmarkov/Fashion"


Vadym Markov, markov.vadym@gmail.com


We would love you to contribute to Fashion, check the CONTRIBUTING file for more info.


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

ezoic increase your site revenue


Fashion accessories and beauty tools to share and reuse UI styles in a Swifty way




Language:Swift 96.6%Language:Ruby 3.4%