{"id":15034176,"url":"https://github.com/cosmicmind/material","last_synced_at":"2025-05-13T17:08:54.315Z","repository":{"id":36908409,"uuid":"41215439","full_name":"CosmicMind/Material","owner":"CosmicMind","description":"A UI/UX framework for creating beautiful applications.","archived":false,"fork":false,"pushed_at":"2022-05-16T17:39:01.000Z","size":34053,"stargazers_count":11999,"open_issues_count":37,"forks_count":1260,"subscribers_count":283,"default_branch":"development","last_synced_at":"2025-05-08T10:54:49.461Z","etag":null,"topics":["animation","card","cosmicmind","design","graphics","ios","material","material-colors","material-design","navigation-controller","navigation-drawer","photos","searchbar","snackbar","swift","swift-3","textfield","ui","ux"],"latest_commit_sha":null,"homepage":"http://cosmicmind.com","language":"Swift","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/CosmicMind.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-08-22T16:21:53.000Z","updated_at":"2025-05-03T20:12:32.000Z","dependencies_parsed_at":"2022-08-02T20:46:07.852Z","dependency_job_id":null,"html_url":"https://github.com/CosmicMind/Material","commit_stats":null,"previous_names":["graphkit/materialkit"],"tags_count":285,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CosmicMind%2FMaterial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CosmicMind%2FMaterial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CosmicMind%2FMaterial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CosmicMind%2FMaterial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CosmicMind","download_url":"https://codeload.github.com/CosmicMind/Material/tar.gz/refs/heads/development","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253990468,"owners_count":21995774,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animation","card","cosmicmind","design","graphics","ios","material","material-colors","material-design","navigation-controller","navigation-drawer","photos","searchbar","snackbar","swift","swift-3","textfield","ui","ux"],"created_at":"2024-09-24T20:24:09.172Z","updated_at":"2025-05-13T17:08:49.303Z","avatar_url":"https://github.com/CosmicMind.png","language":"Swift","funding_links":["https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick\u0026hosted_button_id=9D6MURMLLUNQ2"],"categories":[],"sub_categories":[],"readme":"![Material](http://www.cosmicmind.com/material/github/material-logo.png)\n\n# Material\n\nWelcome to **Material,** a UI/UX framework for creating beautiful applications. Material's animation system has been completely reworked to take advantage of [Motion](https://github.com/CosmicMind/Motion), a library dedicated to animations and transitions.\n\n[![Carthage compatible](https://img.shields.io/badge/Carthage-Compatible-brightgreen.svg?style=flat)](https://github.com/Carthage/Carthage)\n[![Accio supported](https://img.shields.io/badge/Accio-supported-0A7CF5.svg?style=flat)](https://github.com/JamitLabs/Accio)\n[![Version](https://img.shields.io/cocoapods/v/Material.svg?style=flat)](http://cocoapods.org/pods/Material)\n[![License](https://img.shields.io/cocoapods/l/Material.svg?style=flat)](https://github.com/CosmicMind/Material/blob/master/LICENSE.md)\n![Xcode 8.2+](https://img.shields.io/badge/Xcode-8.2%2B-blue.svg)\n![iOS 8.0+](https://img.shields.io/badge/iOS-8.0%2B-blue.svg)\n![Swift 4.0+](https://img.shields.io/badge/Swift-4.0%2B-orange.svg)\n[![Donate](https://img.shields.io/badge/Donate-PayPal-blue.svg)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick\u0026hosted_button_id=9D6MURMLLUNQ2)\n\n## Photos Sample\n\nTake a look at a sample [Photos](https://github.com/CosmicMind/Samples/tree/master/Projects/Programmatic/Photos) project to get started.\n\n![Photos](http://www.cosmicmind.com/motion/projects/photos.gif)\n\n## Sample Projects\n\nTake a look at [Sample Projects](https://github.com/CosmicMind/Samples) to get your projects started.\n\n## Features\n\n- [x] Completely Customizable\n- [x] [Motion Animations \u0026 Transitions](https://github.com/CosmicMind/Motion)\n- [x] Layout Tools for AutoLayout \u0026 Grid Systems\n- [x] Color Library\n- [x] Cards\n- [x] FABMenu\n- [x] Icons\n- [x] TextField\n- [x] Snackbar\n- [x] Tabs\n- [x] Chips\n- [x] SearchBar\n- [x] NavigationController\n- [x] NavigationDrawer\n- [x] BottomNavigationBar\n- [x] [Sample Projects](https://github.com/CosmicMind/Samples)\n- [x] And More...\n\n## Requirements\n\n* iOS 8.0+\n* Xcode 8.0+\n\n## Communication\n\n- If you **need help**, use [Stack Overflow](http://stackoverflow.com/questions/tagged/cosmicmind). (Tag 'cosmicmind')\n- If you'd like to **ask a general question**, use [Stack Overflow](http://stackoverflow.com/questions/tagged/cosmicmind).\n- If you **found a bug**, _and can provide steps to reliably reproduce it_, open an issue.\n- If you **have a feature request**, open an issue.\n- If you **want to contribute**, submit a pull request.\n\n## Installation\n\n\u003e **Embedded frameworks require a minimum deployment target of iOS 8+.**\n\u003e - [Download Material](https://github.com/CosmicMind/Material/archive/master.zip)\n\n## CocoaPods\n\n[CocoaPods](http://cocoapods.org) is a dependency manager for Cocoa projects. You can install it with the following command:\n\n```bash\n$ gem install cocoapods\n```\n\nTo integrate Material's core features into your Xcode project using CocoaPods, specify it in your `Podfile`:\n\n```ruby\nsource 'https://github.com/CocoaPods/Specs.git'\nplatform :ios, '8.0'\nuse_frameworks!\n\npod 'Material', '~\u003e 3.1.0'\n```\n\nThen, run the following command:\n\n```bash\n$ pod install\n```\n\n## Carthage\n\nCarthage is a decentralized dependency manager that builds your dependencies and provides you with binary frameworks.\n\nYou can install Carthage with Homebrew using the following command:\n\n```bash\n$ brew update\n$ brew install carthage\n```\nTo integrate Material into your Xcode project using Carthage, specify it in your Cartfile:\n\n```bash\ngithub \"CosmicMind/Material\"\n```\n\nRun `carthage update` to build the framework and drag the built `Material.framework` into your Xcode project.\n\n## Change Log\n\nMaterial is a growing project and will encounter changes throughout its development. It is recommended that the [Change Log](https://github.com/CosmicMind/Material/blob/master/CHANGELOG.md) be reviewed prior to updating versions.\n\n## Icons\n\nIcons is a library of Google and CosmicMind icons that are available for use within your iOS applications.\n\n![Icon](http://www.cosmicmind.com/gifs/marketplace/icons.png)\n\n[Learn More](https://github.com/CosmicMind/Material/blob/master/Sources/iOS/Icon/Icon.swift)\n\n## Colors\n\nTry the Material Colors app to see the wonderful colors available in Material, or use the online version at [MaterialColor.com](http://materialcolor.com).\n\n![MaterialColors](http://www.cosmicmind.com/gifs/shared/colors.gif)\n\n* [Material Colors iOS App](https://itunes.apple.com/app/x/id1111994400?mt=8)\n\n## TextField\n\nA TextField is an excellent way to improve UX. It allows for a placeholder and additional hint details.\n\n![TextField](http://www.cosmicmind.com/gifs/white/text-field.gif)\n\n* [TextField Sample](https://github.com/CosmicMind/Samples/tree/master/Projects/Programmatic/TextField)\n\n## Button\n\nA 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.\n\n![Material Image](http://www.cosmicmind.com/material/white/button.gif)\n\n* [Button Sample](https://github.com/CosmicMind/Samples/tree/master/Projects/Programmatic/Button)\n\n## Switch\n\nA switch is a control component that toggles between on and off states.\n\n![Material Image](http://www.cosmicmind.com/material/white/switch.gif)\n\n* [Switch Sample](https://github.com/CosmicMind/Samples/tree/master/Projects/Programmatic/Switch)\n\n## Card\n\nA 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.\n\n![Material Image](http://www.cosmicmind.com/gifs/white/card.gif)\n\n* [Card Sample](https://github.com/CosmicMind/Samples/tree/master/Projects/Programmatic/Card)\n\n## ImageCard\n\nAn ImageCard is an expansion of the base Card. The Toolbar overlays an image area that sits above the dynamic content area.\n\n![Image Card Sample](http://www.cosmicmind.com/gifs/white/image-card.gif)\n\n* [ImageCard Sample](https://github.com/CosmicMind/Samples/tree/master/Projects/Programmatic/ImageCard)\n\n## PresenterCard\n\nThe 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.\n\n![Presenter Card Sample](http://www.cosmicmind.com/gifs/white/presenter-card.gif)\n\n* [PresenterCard Sample](https://github.com/CosmicMind/Samples/tree/master/Projects/Programmatic/PresenterCard)\n\n## FABMenu\n\nA 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.\n\n![Material Image](http://www.cosmicmind.com/material/white/menu-controller.gif)\n\n* [FABMenu Sample](https://github.com/CosmicMind/Samples/tree/master/Projects/Programmatic/FABMenuController)\n\n## Toolbar\n\nToolbars 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.\n\n![Material Image](http://www.cosmicmind.com/gifs/white/toolbar-controller.gif)\n\n* [Toolbar Sample](https://github.com/CosmicMind/Samples/tree/master/Projects/Programmatic/ToolbarController)\n\n## SearchBar\n\nA 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.\n\n![SearchBarController](http://www.cosmicmind.com/gifs/shared/search-bar-controller.gif)\n\n* [SearchBar Sample](https://github.com/CosmicMind/Samples/tree/master/Projects/Programmatic/Search)\n\n## Tabs\n\nTabs 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.\n\n![Tabs](http://www.cosmicmind.com/material/white/page-tab-bar-controller.gif)\n\n* [Tabs Sample](https://github.com/CosmicMind/Samples/tree/master/Projects/Programmatic/TabsController)\n\n## NavigationController\n\nA NavigationController is a specialized view controller that manages a hierarchy of content efficiently, making it easier for users to move within an application.\n\n![Material Image](http://www.cosmicmind.com/gifs/white/navigation-controller.gif)\n\n* [NavigationController Sample](https://github.com/CosmicMind/Samples/tree/master/Projects/Programmatic/NavigationController)\n\n## NavigationDrawer\n\nA NavigationDrawer slides in from the left or right and contains the navigation destinations for your application.\n\n![Material Image](http://www.cosmicmind.com/material/shared/navigation-drawer-controller.gif)\n\n* [NavigationDrawer Sample](https://github.com/CosmicMind/Samples/tree/master/Projects/Programmatic/NavigationDrawerController)\n\n## Snackbar\n\nA 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.\n\n![Material Image](http://www.cosmicmind.com/material/white/snackbar-controller.gif)\n\n* [Snackbar Sample](https://github.com/CosmicMind/Samples/tree/master/Projects/Programmatic/SnackbarController)\n\n## Sticker Sheet\n\nTo help template your project, checkout Material Sticker Sheet.\n\n![MaterialStickerSheet](http://www.cosmicmind.com/MK/material_iso_1.png)\n\n* [Material Sticker Sheet](http://www.materialup.com/posts/material-design-sticker-sheets)\n\n## Much More...\n\nSo much more inside. Enjoy!\n\n## License\n\nThe MIT License (MIT)\n\nCopyright (C) 2019, CosmicMind, Inc. \u003chttp://cosmicmind.com\u003e.\nAll rights reserved.\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcosmicmind%2Fmaterial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcosmicmind%2Fmaterial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcosmicmind%2Fmaterial/lists"}