An open source catalog, under MIT License, containing components, controls, effects, styles, layouts, containers, modifiers and accessibility elements you can use to develop SwiftUI Interfaces in iOS and iPadOS.
- Quick preview of all SwiftUI components
- Easily shared with your designers
- On the fly customization for many components
- Reusable views, copy and paste code to develop faster.
- MIT License! free usage in commercial projects.
Easily install the catalog on your device or share it with anyone!
- There are views which are explicitly marked as NEED CONTRIBUTION. Therefore, you can select a VIEW that you want to develop (example "toggles" or "sliders"). Focus on the minimal required to showcase a component, if you want to add examples for only a modifier, we have a section for this. There are too many component and it is important to keep it lean.
- To avoid double work, or work which won't fit the purpose of this repository, if you want to contribute some other view not already marked as Need contribution, please open an ISSUE in the repository and ask me a question.
- Only develop for the latest iOS SDK, we focus on showcasing the most up to date components.
- Once you have clear what you want to contribute, check if it is free to take (no other PR is made).
- Create a branch named like the VIEW you want to contribute to (the name is the one you see when you run the demo App, example "toggles")
- Replace this section "{ YOUR NAME HERE 🏆 }" with your name. Commit it.
- Inmediately create a DRAFT Pull Request (So other can see it's taken).
- Develop
- Convert the DRAFT to an OPEN Pull Request.
- I'll review and merge your PR.
If you have any other suggestion or wish regarding this catalog please open an ISSUE and we can discuss it there. Since I have a full-time job and other life commitments, I might be slow to reply, please do not expect a reply in hours, it usually will take something between 3 days and 3 weeks.
We'd like to promote this as a collaborative initiative developed over time, you're very welcomed to join the catalog with your contributions or to make use of the code which has been already created and shared. Checkout a short video about the catalog here https://youtu.be/EPaQVNjBx6I?si=EIybImB1IR_oy1hE
There's plenty of documentation and examples showing how to use SwiftUI, but apart from the official documentation I could not find one source of code where all the possible elements of SwiftUI are showcased clearly together.
For example all the possible containers (like form, group, groupBox, controlGroup), all the hierarchical views (such as tabs view, outline views, diclosure views).
This catalog will allow developers who already know the theoretical aspects of data / state handling and SwiftUI App Structure and Behaviour to discover and reuse easily UI elements to compose SwiftUI Interfaces.
- Discovering SwiftUI controls, layouts, containers, gestures (for iPadOS and iOS)
- Copy and paste the code you need into your (also commercial) projects (that's why I have chosen MIT License so the source code here can be freely shared, as long as an attribution is displayed)
- Contributing to some of the sections and share your code with others (see below "How to contribute?"
- Quickly launch the example app and see the components in real time
- Being able to share with your designers or product owners the possibilities with SwiftUI with the demo App.
- Learning SwiftUI, you need to have already an understanding of how it works, since there is no theory included in this project.
- Seeing how data handling works, since the catalog focuses on UI, not in data states.