Fractal

An iOS Design System based on Atomic Design Theory and Declarative UI.

Installation

Carthage

github "nodata/fractal"

CocoaPods

pod 'Fractal'

Usage

1. Create a Brand
2. Build Atomic Components as plain old UIView / UIViewController subclasses
3. Create Sections using the ViewSection ViewControllerSection protocols
4. Add SectionBuilder to your main UIViewController
5. Create a declaritive array of Sections that display your Atomic Components in a UITableView or UICollectionView

Please visit the in built TestApp to see various implementations of Sections.

Reference

http://atomicdesign.bradfrost.com/

Progress

Epics
DesignSystem	✅
SectionSystem	✅
SandboxApp	✅
Tests	WIP

Branding
Colors	✅
Fonts	✅
Sizes	✅
Spacing & Autolayout	✅
Brand injection	✅
DateFormat	WIP

Atomic Elements
Button	✅
Label	✅
SegmentedControl	✅
Slider	✅
Switch	✅
TextField	✅
TextView	✅

Section interpretation
UITableView	✅
UICollectionView	✅
UIStackView in UIScrollView	Maybe
UIViewController	Maybe

Contributors

nodata

cantallops

danielsinclairtill

plimc

jeffreybergier

herbal7ea

bricklife

timoliver

musbaalbaki

License

Copyright 2019 Anthony Smith, Mercari, Inc. Licensed under the MIT License.