Skip to content

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.

License

Notifications You must be signed in to change notification settings

barbaramartina/swiftuicatalog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SwiftUI Catalog

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 alt text alt text
  • 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 alt text alt text

Get the catalog on your device

Easily install the catalog on your device or share it with anyone!

alt text

App Store Download

How to contribute?

  • 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.

Goal

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.

You can use this catalog for:

  • 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.

Do not use this catalog for:

  • 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.

About

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.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages