fractal
fractal copied to clipboard
Fractal
An iOS Design System based on Atomic Design Theory and Declarative UI
Installation
Carthage
github "mercari/fractal"
CocoaPods
pod 'Fractal', :git => 'https://github.com/mercari/fractal.git'
Usage
- Create a
Brand - Build Atomic Components as plain old
UIView/UIViewControllersubclasses - Create
Sectionsusing theViewSectionViewControllerSectionprotocols - Add
SectionBuilderto your mainUIViewController - Create a declaritive array of
Sectionsthat display your Atomic Components in aUITableVieworUICollectionView
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
Contribution
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.
https://www.mercari.com/cla/
License
Copyright 2019 Mercari, Inc. Licensed under the MIT License.