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.
![alt text](https://private-user-images.githubusercontent.com/815372/346270816-4f9802fb-2f83-4157-846e-f6f715ea5a3b.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU3Mjk2OTQsIm5iZiI6MTcyNTcyOTM5NCwicGF0aCI6Ii84MTUzNzIvMzQ2MjcwODE2LTRmOTgwMmZiLTJmODMtNDE1Ny04NDZlLWY2ZjcxNWVhNWEzYi5qcGc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkwN1QxNzE2MzRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02NTIwZmI4MjJiMWY0Yjg5ZWRlYTE4ZDE5YzQ0YTk3NmU4MTE3ZWE1NmNlMDI1ZWU2ZDQzYjE0MDY2ZDYwZDQ3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.10V_Z6wGAkU1sM1jckYHAZYmsmaq96jG6qrzkoY3izs)
![alt text](https://private-user-images.githubusercontent.com/815372/346270825-e60f62c3-a66f-4f13-933b-32761e070cca.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU3Mjk2OTQsIm5iZiI6MTcyNTcyOTM5NCwicGF0aCI6Ii84MTUzNzIvMzQ2MjcwODI1LWU2MGY2MmMzLWE2NmYtNGYxMy05MzNiLTMyNzYxZTA3MGNjYS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkwN1QxNzE2MzRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iODY3OTFmZDNkYzAxYmRmNzc3ZWM2OWNkZGNlY2E4NmU3NzI1NzFkM2M2YzRkMzgzMzA2ZjVjOTQ3NGZiMjhiJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.SibasG8fw6hCRGwin-N6ZKhUFHNukkZJtZfl3_Oz6Nw)
![alt text](https://private-user-images.githubusercontent.com/815372/346270834-079fa55d-5815-435b-910a-8349d164d749.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU3Mjk2OTQsIm5iZiI6MTcyNTcyOTM5NCwicGF0aCI6Ii84MTUzNzIvMzQ2MjcwODM0LTA3OWZhNTVkLTU4MTUtNDM1Yi05MTBhLTgzNDlkMTY0ZDc0OS5qcGc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkwN1QxNzE2MzRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1lNTIwNzY0NDc3YjU3ODM5ZTE4OGFlYzUwYTFjNmViMTg0OGNhMTdlZDE5YWNjMTc1ZDJhZWY4MDllOGIzYjI2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.fJJAXoELDpG0YeYhj32NcZl1ulPN6BMLEegLQ8fnKAA)
- 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.
![alt text](https://private-user-images.githubusercontent.com/815372/328039630-6eead1ad-743f-4021-bd3f-7257fe04f6ce.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU3Mjk2OTQsIm5iZiI6MTcyNTcyOTM5NCwicGF0aCI6Ii84MTUzNzIvMzI4MDM5NjMwLTZlZWFkMWFkLTc0M2YtNDAyMS1iZDNmLTcyNTdmZTA0ZjZjZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkwN1QxNzE2MzRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1lOTQwNzZkNmQwZTU1Mzg1ODg1YWNhNDQ5NDViYjAzZTk1NjQzMzA0ZDJkZDU0YTZjZTQ4ZjY4NmE1NjY4YTZhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.VpG18FjIXfAOkGuHp4Q41ERmsW0umKSSgWxR0k-pQ5Q)
![alt text](https://private-user-images.githubusercontent.com/815372/328039629-c20ede87-4ef6-428f-b289-e2e300c115ca.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU3Mjk2OTQsIm5iZiI6MTcyNTcyOTM5NCwicGF0aCI6Ii84MTUzNzIvMzI4MDM5NjI5LWMyMGVkZTg3LTRlZjYtNDI4Zi1iMjg5LWUyZTMwMGMxMTVjYS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkwN1QxNzE2MzRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0xZGQwZjE5N2U3YTFhMzI0YzIwNzI5M2IzNmYxNGQ3ODJmMmRmODkwZDFiODA3YmMzYmIxZjUxZTgwMWY4NGVhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.Ua7FiSR3paMkx6Nxeqs44hvZI-Ve8CsaTelwCkBRqew)
![alt text](https://private-user-images.githubusercontent.com/815372/328039627-aab92f9d-cb0c-478a-899a-17ac24619b88.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU3Mjk2OTQsIm5iZiI6MTcyNTcyOTM5NCwicGF0aCI6Ii84MTUzNzIvMzI4MDM5NjI3LWFhYjkyZjlkLWNiMGMtNDc4YS04OTlhLTE3YWMyNDYxOWI4OC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkwN1QxNzE2MzRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iMmRiYzJhMTc3NjY2N2FmMmIyY2E1MTIyNDBmNWVhMDQ5NjcxYTgxZWQwM2FjMzQ2MWI2YWNiYjM5YjZlYTMxJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.KXnFg9kZEHKT0mgbf1FiPzomSxDVgGZUI3cu8GJYTIU)
Easily install the catalog on your device or share it with anyone!
![alt text](https://private-user-images.githubusercontent.com/815372/328039478-e3dadebe-98f1-44d8-bff3-89fc3894bbdf.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU3Mjk2OTQsIm5iZiI6MTcyNTcyOTM5NCwicGF0aCI6Ii84MTUzNzIvMzI4MDM5NDc4LWUzZGFkZWJlLTk4ZjEtNDRkOC1iZmYzLTg5ZmMzODk0YmJkZi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwOTA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDkwN1QxNzE2MzRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1jM2UzZDYxNDM1ZTFhNDZmOTA1YzVmZTMzMTY1YzhmOTg0NGRmYzNjNjMwNWU0ZjVhOGZlNGMzNmE4NzUzMDQ5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.GD70256ZttROq7svpHbSEcqzxOnpdqWugI5v2-bEt0M)
- Select a VIEW 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.
- Only develop for the latest iOS SDK, we focus on showcasing the most up to date components.
- If you have doubts before adding a contribution, open an issue so we can discuss it.
- Once discussed, 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.
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.