A UI/UX framework for creating beautiful applications.
Material
Welcome to Material, a UI/UX framework for creating beautiful applications. Material’s animation system has been completely reworked to take advantage of Motion, a library dedicated to animations and transitions.
Photos Sample
Take a look at a sample Photos project to get started.
Sample Projects
Take a look at Sample Projects to get your projects started.
Features
- [x] Completely Customizable
- [x] Motion Animations & Transitions
- [x] Layout Tools for AutoLayout & Grid Systems
- [x] Color Library
- [x] Cards
- [x] FABMenu
- [x] Icons
- [x] TextField
- [x] Snackbar
- [x] Tabs
- [x] Chips
- [x] SearchBar
- [x] NavigationController
- [x] NavigationDrawer
- [x] BottomNavigationBar
- [x] Sample Projects
- [x] And More…
Requirements
- iOS 8.0+
- Xcode 8.0+
Communication
- 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.
Installation
Embedded frameworks require a minimum deployment target of iOS 8+.
CocoaPods
CocoaPods is a dependency manager for Cocoa projects. You can install it with the following command:
$ gem install cocoapods
To integrate Material’s core features into your Xcode project using CocoaPods, specify it in your Podfile:
source 'https://github.com/CocoaPods/Specs.git'
platform :ios, '8.0'
use_frameworks!
pod 'Material', '~> 3.1.0'
Then, run the following command:
$ pod install
Carthage
Carthage is a decentralized dependency manager that builds your dependencies and provides you with binary frameworks.
You can install Carthage with Homebrew using the following command:
$ brew update
$ brew install carthage
To integrate Material into your Xcode project using Carthage, specify it in your Cartfile:
github "CosmicMind/Material"
Run carthage update to build the framework and drag the built Material.framework into your Xcode project.
Change Log
Material is a growing project and will encounter changes throughout its development. It is recommended that the Change Log be reviewed prior to updating versions.
Icons
Icons is a library of Google and CosmicMind icons that are available for use within your iOS applications.
Colors
Try the Material Colors app to see the wonderful colors available in Material, or use the online version at MaterialColor.com.
TextField
A TextField is an excellent way to improve UX. It allows for a placeholder and additional hint details.
Button
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.
Switch
A switch is a control component that toggles between on and off states.
Card
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.
ImageCard
An ImageCard is an expansion of the base Card. The Toolbar overlays an image area that sits above the dynamic content area.
PresenterCard
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.
FABMenu
A FABMenu manages a collection of views. A new MenuItem type has been added that manages a title and button to improve UX and visual beauty.
Toolbar
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.
SearchBar
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.
Tabs
Tabs is a new component that links a customizable TabBar to a stack of view controllers making a powerful and visually pleasing component to have in any application.
NavigationController
A NavigationController is a specialized view controller that manages a hierarchy of content efficiently, making it easier for users to move within an application.
NavigationDrawer
A NavigationDrawer slides in from the left or right and contains the navigation destinations for your application.
Snackbar
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.
Sticker Sheet
To help template your project, checkout Material Sticker Sheet.
Much More…
So much more inside. Enjoy!
License
The MIT License (MIT)
Copyright © 2019, CosmicMind, Inc. http://cosmicmind.com.
All rights reserved.
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the “Software”), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.