An iOS Design System based on Atomic Design Theory and Declarative UI
github "mercari/fractal"
pod 'Fractal', :git => 'https://github.com/mercari/fractal.git'
- Create a
Brand
- Build Atomic Components as plain old
UIView
/UIViewController
subclasses - Create
Sections
using theViewSection
ViewControllerSection
protocols - Add
SectionBuilder
to your mainUIViewController
- Create a declaritive array of
Sections
that display your Atomic Components in aUITableView
orUICollectionView
Please visit the in built TestApp to see various implementations of Sections.
http://atomicdesign.bradfrost.com/
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 |
Please read the CLA carefully before submitting your contribution to Mercari. Under any circumstances, by submitting your contribution, you are deemed to accept and agree to be bound by the terms and conditions of the CLA.
Copyright 2019 Mercari, Inc. Licensed under the MIT License.