Material is an animation and graphics framework that is used to create beautiful applications.
The first version of Material was to bring Material Design to iOS. We considered that a great starting point, but not the entire story. Material 2 is the next chapter, which goes deeper into iOS with refined APIs that simplify Architecture, Photo Library, Reminders, Text Editing, Photo & Video, and much more. In addition to Material Design, we love Apple’s flat UI. Having this in mind, we made it possible to accomplish both UI styles with ease.
We moved all sample projects to a separate repo named Samples to allow their development to be independent of the Material framework. There has been instances where we needed to update the versions of the framework to accommodate changes that only occurred in the sample projects.
- Completely Customizable
- Animations
- Grid System
- Layout Library
- Color Library
- Photo Library
- Photo & Video
- Cards
- Menus
- Icons
- TextField
- Snackbar
- TabBar
- PageTabBar
- SearchBar
- NavigationController
- NavigationDrawer
- BottomNavigationBar
- Sample Projects
- And More...
- Reminders
- Text Editor
- Toasts
- Dialogs & Alerts
- Bottom Sheets
- And More...
- iOS 8.0+ / Mac OS X 10.9+
- Xcode 8.0+
- If you need help, use Stack Overflow. (Tag 'cosmicmind')
- If you'd like to ask a general question, use Stack Overflow.
- If you found a bug, and can provide steps to reliably reproduce it, open an issue.
- If you have a feature request, open an issue.
- If you want to contribute, submit a pull request.
Embedded frameworks require a minimum deployment target of iOS 8 or OS X Mavericks (10.9).
Visit the Installation page to learn how to install Material using CocoaPods and Carthage.
Material is a growing project and will encounter changes throughout its development. It is recommended that the Changelog be reviewed prior to updating versions.
The following are samples to see how Material may be used within your applications.
- Visit the Samples repo to see sample projects using Graph.
Icons is a library of Google and CosmicMind icons that are available for use within your iOS applications.
Try the Material Colors app to see the wonderful colors available in Material, or use the online version at MaterialColors.io.
Get Material Colors on the AppStore
A TextField is an excellent way to improve UX. It allows for a placeholder and additional hint details.
- Download the complete TextField sample.
- Learn more about TextField.
A button is used to trigger an action through a touch event. Material comes with a foundational button, and 4 specialized buttons that can be stylized in any way.
- Download the complete Button sample.
- Learn more about Button.
A switch is a control component that toggles between on and off states.
- Download the complete Switch sample.
- Learn more about Switch.
A Card is a flexible component that may be configured in any way you like. It has a Toolbar, Bar, and content area that may utilize any UIView type.
- Download the complete Card sample.
- Learn more about Card.
An ImageCard is an expansion of the base Card. The Toolbar overlays an image area that sits above the dynamic content area.
- Download the complete ImageCard sample.
- Learn more about ImageCard.
- Learn how to make the ImageCard data-driven with Graph's ImageCard sample.
The PresenterCard is a completely new card style. It allows for a primary presentation area that may be any UIView type in addition to the content area, Toolbar, and Bar components. The options for this card are endless.
- Download the complete PresenterCard sample.
- Learn more about PresenterCard.
A Menu manages a collection of views. A new MenuItem type has been added that manages a title and button to improve UX and visual beauty.
- Download the complete Menu sample.
- Learn more about Menu.
Toolbars are super flexible and add excellent control to your navigation flow. They manage a set of left and right views with auto aligning title and detail labels.
- Download the complete Toolbar sample.
- Learn more about Toolbar.
A SearchBar is a powerful navigation tool that allows for user's input with an instant visual response. A set of left and right views may be added to expand functionality.
- Download the complete SearchBar sample.
- Learn more about SearchBar.
- Learn how to make the SearchBar data-driven with Graph's Search sample.
A PageTabBar is a new component that links a customizable TabBar to a UIPageViewController making a powerful and visually pleasing component to have in any application. The TabBar can be aligned at the top or bottom of the view controller.
- Download the complete PageTabBar sample.
- Learn more about PageTabBar.
A NavigationController is a specialized view controller that manages a hierarchy of content efficiently, making it easier for users to move within an application.
- Download the complete NavigationController sample.
- Learn more about NavigationController.
A NavigationDrawer slides in from the left or right and contains the navigation destinations for your application.
- Download the complete NavigationDrawer sample.
- Learn more about NavigationDrawer.
A Snackbar is a new component that is very simple in its behavior and very powerful in its message. It can be used application wide, or isolated to specific view controllers.
- Download the complete Snackbar sample.
- Learn more about Snackbar.
PhotoLibrary is a new component that simplifies the Photos framework and allows for beautiful photos found in the Photos application to be used within your application.
- Download the complete PhotoLibrary sample.
- Learn more about PhotoLibrary.
Capture is an API that simplifies iOS' AVFoundation framework. It allows for photos and video to easily be captured while managing all the complexities.
- Download the complete Capture sample.
- Learn more about Capture.
To help template your project, checkout Material Sticker Sheet.
So much more inside. Enjoy!
Copyright (C) 2015 - 2016, Daniel Dahan and CosmicMind, Inc. http://cosmicmind.com. All rights reserved.
Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
-
Redistributions of source code must retain the above copyright notice, this
list of conditions and the following disclaimer. -
Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
-
Neither the name of CosmicMind nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.