{"id":15026750,"url":"https://github.com/chililabs/chipagecontrol","last_synced_at":"2025-05-14T16:03:17.767Z","repository":{"id":37479720,"uuid":"84822726","full_name":"ChiliLabs/CHIPageControl","owner":"ChiliLabs","description":"A set of cool animated page controls written in Swift to replace boring UIPageControl. Mady by @ChiliLabs - https://chililabs.io","archived":false,"fork":false,"pushed_at":"2023-05-22T02:43:41.000Z","size":2477,"stargazers_count":3419,"open_issues_count":22,"forks_count":264,"subscribers_count":45,"default_branch":"master","last_synced_at":"2025-04-12T01:53:47.734Z","etag":null,"topics":["cocoapods","ibdesignable","ibinspectable","ios","ipad","iphone","pagecontrol","pageindicator","pager","storyboard","swift","swift3","ui"],"latest_commit_sha":null,"homepage":"","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/ChiliLabs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2017-03-13T12:15:14.000Z","updated_at":"2025-04-11T00:53:02.000Z","dependencies_parsed_at":"2022-07-09T12:00:17.037Z","dependency_job_id":"3d764882-1796-456b-bbb6-de5d2050e76e","html_url":"https://github.com/ChiliLabs/CHIPageControl","commit_stats":{"total_commits":34,"total_committers":10,"mean_commits":3.4,"dds":0.7058823529411764,"last_synced_commit":"f7ca786595fb0c08939e4e3cd8152ebc56645612"},"previous_names":[],"tags_count":17,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChiliLabs%2FCHIPageControl","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChiliLabs%2FCHIPageControl/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChiliLabs%2FCHIPageControl/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChiliLabs%2FCHIPageControl/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ChiliLabs","download_url":"https://codeload.github.com/ChiliLabs/CHIPageControl/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248505873,"owners_count":21115354,"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":["cocoapods","ibdesignable","ibinspectable","ios","ipad","iphone","pagecontrol","pageindicator","pager","storyboard","swift","swift3","ui"],"created_at":"2024-09-24T20:05:01.233Z","updated_at":"2025-04-12T01:53:54.078Z","avatar_url":"https://github.com/ChiliLabs.png","language":"Swift","readme":"# CHIPageControl\n\nCHIPageControl is a set of cool animated page controls to replace boring UIPageControl.\nWe were inspired by [Jardson Almeida dribbble shot](https://dribbble.com/shots/2578447-Page-Control-Indicator-Transitions-Collection) and implemented a few more page controls.\n\nMade with ❤️ by [Chili Labs](https://chililabs.io).\n\n## Overview\n\n\u003cimg src=\"Images/demo.gif\" width=\"600\" height=\"450\"\u003e\n\n## Requirements\n\n* iOS 8.0+\n* Xcode 8+\n* Swift 3\n\n## Installation\n\n### Manually\n\nJust add the `CHIPageControl` folder to your project.\n\n### CocoaPods\n\nuse [CocoaPods](https://cocoapods.org) with Podfile:\n``` ruby\npod 'CHIPageControl', '~\u003e 0.1.3'\n\n# individual page control\npod 'CHIPageControl/Aji'\npod 'CHIPageControl/Aleppo'\npod 'CHIPageControl/Chimayo'\npod 'CHIPageControl/Fresno'\npod 'CHIPageControl/Jalapeno'\npod 'CHIPageControl/Jaloro'\npod 'CHIPageControl/Paprika'\npod 'CHIPageControl/Puya'\n```\n### Carthage\n\nuse [Carthage](https://github.com/Carthage/Carthage) with Cartfile\n```ogdl\ngithub \"ChiliLabs/CHIPageControl\" ~\u003e 0.1.3\n```\n\n### Swift Package Manager\n\nThe [Swift Package Manager](https://www.swift.org/package-manager/) is a tool for managing the distribution of Swift code.\n\nAdd the following to your `Package.swift` file:\n```\ndependencies: [\n    .package(url: \"https://github.com/ChiliLabs/CHIPageControl.git\", .branch(\"master\"))\n]\n```\nAnd then build your project\n```\n$ swift build\n```\n\n## Usage\n### 🎨 Storyboards\nJust drop UIView and set its class to be one of CHIPageControls.\n\u003cimg src=\"Images/ibdesignable.gif\" width=\"800\" height=\"564\"\u003e\n### 💻 Code\n``` swift\nlet pageControl = CHIPageControlAji(frame: CGRect(x: 0, y:0, width: 100, height: 20))\npageControl.numberOfPages = 4\npageControl.radius = 4\npageControl.tintColor = .red\npageControl.currentPageTintColor = .green\npageControl.padding = 6\n```\n\n### Adding multiple tintColors\n``` swift\n// The size of the array needs to match the numberOfPages or it will throw an fatal error\npageControl.tintColors = [UIColor.black, UIColor.yellow, UIColor.black, UIColor.black]\n\n// or\n\n// If it is the first one, it will fill all colors with the selected tintColor and then replace the colors with the desired one\npageControl.insertTintColor(UIColor.yellow, position: 1)\n```\n\n### Updating progress\n``` swift\n//update dynamically\npageControl.progress = 0.5\n\n//set progress with animation\npageControl.set(progress: 2, animated: true)\n```\n\n### Touch events\n\nYou can hear touch events in any of the page indicators. \n``` swift\npageControl.enableTouchEvents = true\n```\n\n### Delegate\n\nImplement the `CHIBasePageControlDelegate` to catch touch events.\n\n```swift\nfunc didTouch(pager: CHIBasePageControl, index: Int)\n```\n\n### Page Controls 🌶️🌶️🌶️\n\n\u003cimg src=\"Images/Aji.gif\" width=\"100\" height=\"50\"\u003e CHIPageControlAji\n\n\u003cimg src=\"Images/Aleppo.gif\" width=\"100\" height=\"50\"\u003e CHIPageControlAleppo\n\n\u003cimg src=\"Images/Chimayo.gif\" width=\"100\" height=\"50\"\u003e CHIPageControlChimayo\n\n\u003cimg src=\"Images/Fresno.gif\" width=\"100\" height=\"50\"\u003e CHIPageControlFresno\n\n\u003cimg src=\"Images/Jalapeno.gif\" width=\"100\" height=\"50\"\u003e CHIPageControlJalapeno\n\n\u003cimg src=\"Images/Jaloro.gif\" width=\"100\" height=\"50\"\u003e CHIPageControlJaloro\n\n\u003cimg src=\"Images/Paprika.gif\" width=\"100\" height=\"50\"\u003e CHIPageControlPaprika\n\n\u003cimg src=\"Images/Puya.gif\" width=\"100\" height=\"50\"\u003e CHIPageControlPuya\n\n## License\nCHIPageControl is released under the MIT license. See [LICENSE](./LICENSE) for details.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchililabs%2Fchipagecontrol","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchililabs%2Fchipagecontrol","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchililabs%2Fchipagecontrol/lists"}