{"id":13496203,"url":"https://github.com/amirdew/CollectionViewPagingLayout","last_synced_at":"2025-03-28T18:31:48.316Z","repository":{"id":37251350,"uuid":"230271133","full_name":"amirdew/CollectionViewPagingLayout","owner":"amirdew","description":"A simple but highly customizable UICollectionViewLayout for UICollectionView -- Simple SwiftUI views that let you make page-view effects.","archived":true,"fork":false,"pushed_at":"2023-04-02T09:42:58.000Z","size":37032,"stargazers_count":2674,"open_issues_count":8,"forks_count":309,"subscribers_count":25,"default_branch":"master","last_synced_at":"2025-03-21T03:47:38.791Z","etag":null,"topics":["animation","blur","controller","coverflow","cylinder","gallery","layout","perspective","scale","shopping","snapshot","stack","swift","swiftui","transformation","transforms","transition","uicollectionview","uicollectionviewlayout","uikit"],"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/amirdew.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,"roadmap":null,"authors":null}},"created_at":"2019-12-26T13:43:27.000Z","updated_at":"2025-03-20T11:45:15.000Z","dependencies_parsed_at":"2024-01-02T22:01:35.506Z","dependency_job_id":"78549072-68a5-402d-9177-c6e0433efa52","html_url":"https://github.com/amirdew/CollectionViewPagingLayout","commit_stats":{"total_commits":339,"total_committers":12,"mean_commits":28.25,"dds":0.3421828908554573,"last_synced_commit":"5b40724af52b4d80f4b5d90a41f1aab8476be4f9"},"previous_names":[],"tags_count":22,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amirdew%2FCollectionViewPagingLayout","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amirdew%2FCollectionViewPagingLayout/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amirdew%2FCollectionViewPagingLayout/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amirdew%2FCollectionViewPagingLayout/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/amirdew","download_url":"https://codeload.github.com/amirdew/CollectionViewPagingLayout/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246080616,"owners_count":20720562,"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","blur","controller","coverflow","cylinder","gallery","layout","perspective","scale","shopping","snapshot","stack","swift","swiftui","transformation","transforms","transition","uicollectionview","uicollectionviewlayout","uikit"],"created_at":"2024-07-31T19:01:43.745Z","updated_at":"2025-03-28T18:31:43.300Z","avatar_url":"https://github.com/amirdew.png","language":"Swift","readme":"# CollectionViewPagingLayout - PagingView for SwiftUI\n\n[![License](https://img.shields.io/cocoapods/l/CollectionViewPagingLayout.svg?style=flat)](http://cocoapods.org/pods/CollectionViewPagingLayout)\n![platforms](https://img.shields.io/badge/platforms-iOS-333333.svg)\n[![pod](https://img.shields.io/cocoapods/v/CollectionViewPagingLayout.svg)](https://cocoapods.org/pods/CollectionViewPagingLayout)\n[![Carthage compatible](https://img.shields.io/badge/Carthage-compatible-4BC51D.svg?style=flat)](https://github.com/Carthage/Carthage) \n[![Swift Package Manager compatible](https://img.shields.io/badge/Swift%20Package%20Manager-compatible-brightgreen.svg)](https://github.com/apple/swift-package-manager)\n\n## Previews\n\n### Layout Designer\n[\u003cimg width=\"600\" src=\"https://amir.app/git/layout_designer_preview.gif\"\u003e](https://apps.apple.com/nl/app/layout-designer/id1507238011?l=en\u0026mt=12)   \n\u003ca href=\"https://apps.apple.com/nl/app/layout-designer/id1507238011?l=en\u0026mt=12\"\u003e \u003cimg width=\"100\" src=\"http://amir.app/git/app_store.png\"\u003e\u003c/img\u003e \u003c/a\u003e    \n\n\n#### Custom implementations, UIKit: `TransformableView`, SwiftUI: `TransformPageView`\nClick on image to see the code\n\n\u003cp float=\"left\"\u003e\n\n[\u003cimg width=\"120\" src=\"https://amir.app/git/flowlayout_preview.gif\"\u003e](https://github.com/amirdew/CollectionViewPagingLayout/tree/master/Samples/PagingLayoutSamples/Modules/UIKit/Fruits)\n[\u003cimg width=\"120\" src=\"https://amir.app/git/gallery_preview.gif\"\u003e](https://github.com/amirdew/CollectionViewPagingLayout/tree/master/Samples/PagingLayoutSamples/Modules/UIKit/Gallery)\n[\u003cimg width=\"120\" src=\"https://amir.app/git/cards_preview.gif\"\u003e](https://github.com/amirdew/CollectionViewPagingLayout/tree/master/Samples/PagingLayoutSamples/Modules/UIKit/Cards)\n[\u003cimg width=\"120\" src=\"https://amir.app/git/devices.gif\"\u003e](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/Samples/PagingLayoutSamples/Modules/SwiftUI/DevicesView.swift)\n[\u003cimg width=\"120\" src=\"https://amir.app/git/weather.gif\"\u003e](https://github.com/amirdew/CollectionViewPagingLayout/tree/master/Samples/PagingLayoutSamples/Modules/SwiftUI/WeatherTabView)\n\u003cp /\u003e\n\n#### UIKit: `SnapshotTransformView`, SwiftUI: `SnapshotPageView`\n\n\n\u003cp float=\"left\"\u003e\n\n[\u003cimg width=\"100\" src=\"https://amir.app/git/shapes_preview/snapshot_grid.gif\"\u003e](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/Lib/Snapshot/SnapshotTransformViewOptions%2BLayout.swift#L14) \n[\u003cimg width=\"100\" src=\"https://amir.app/git/shapes_preview/snapshot_space.gif\"\u003e](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/Lib/Snapshot/SnapshotTransformViewOptions%2BLayout.swift#L15) \n[\u003cimg width=\"100\" src=\"https://amir.app/git/shapes_preview/snapshot_chess.gif\"\u003e](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/Lib/Snapshot/SnapshotTransformViewOptions%2BLayout.swift#L16) \n[\u003cimg width=\"100\" src=\"https://amir.app/git/shapes_preview/snapshot_tiles.gif\"\u003e](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/Lib/Snapshot/SnapshotTransformViewOptions%2BLayout.swift#L17) \n[\u003cimg width=\"100\" src=\"https://amir.app/git/shapes_preview/snapshot_lines.gif\"\u003e](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/Lib/Snapshot/SnapshotTransformViewOptions%2BLayout.swift#L18) \n[\u003cimg width=\"100\" src=\"https://amir.app/git/shapes_preview/snapshot_bars.gif\"\u003e](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/Lib/Snapshot/SnapshotTransformViewOptions%2BLayout.swift#L19) \n[\u003cimg width=\"100\" src=\"https://amir.app/git/shapes_preview/snapshot_puzzle.gif\"\u003e](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/Lib/Snapshot/SnapshotTransformViewOptions%2BLayout.swift#L20) \n[\u003cimg width=\"100\" src=\"https://amir.app/git/shapes_preview/snapshot_fade.gif\"\u003e](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/Lib/Snapshot/SnapshotTransformViewOptions%2BLayout.swift#L21) \n\u003c/p\u003e\n\n         \n#### UIKit: `ScaleTransformView`, SwiftUI: `ScalePageView`\n\u003cp float=\"left\"\u003e\n\n[\u003cimg width=\"100\" src=\"https://amir.app/git/shapes_preview/scale_invertedcylinder.gif\"\u003e\u003c/img\u003e](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/Lib/Scale/ScaleTransformViewOptions%2BLayout.swift#L14)\n[\u003cimg width=\"100\" src=\"https://amir.app/git/shapes_preview/scale_cylinder.gif\"\u003e\u003c/img\u003e](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/Lib/Scale/ScaleTransformViewOptions%2BLayout.swift#L15)\n[\u003cimg width=\"100\" src=\"https://amir.app/git/shapes_preview/scale_coverflow.gif\"\u003e\u003c/img\u003e](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/Lib/Scale/ScaleTransformViewOptions%2BLayout.swift#L16)\n[\u003cimg width=\"100\" src=\"https://amir.app/git/shapes_preview/scale_rotary.gif\"\u003e\u003c/img\u003e](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/Lib/Scale/ScaleTransformViewOptions%2BLayout.swift#L17)\n[\u003cimg width=\"100\" src=\"https://amir.app/git/shapes_preview/scale_linear.gif\"\u003e\u003c/img\u003e](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/Lib/Scale/ScaleTransformViewOptions%2BLayout.swift#L18)\n[\u003cimg width=\"100\" src=\"https://amir.app/git/shapes_preview/scale_easein.gif\"\u003e\u003c/img\u003e](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/Lib/Scale/ScaleTransformViewOptions%2BLayout.swift#L19)\n[\u003cimg width=\"100\" src=\"https://amir.app/git/shapes_preview/scale_easeout.gif\"\u003e\u003c/img\u003e](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/Lib/Scale/ScaleTransformViewOptions%2BLayout.swift#L20)\n[\u003cimg width=\"100\" src=\"https://amir.app/git/shapes_preview/scale_blur.gif\"\u003e\u003c/img\u003e](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/Lib/Scale/ScaleTransformViewOptions%2BLayout.swift#L21)\n\u003c/p\u003e\n\n### UIKit: `StackTransformView`, SwiftUI: `StackPageView`\n\n\u003cp float=\"left\"\u003e\n\n[\u003cimg width=\"100\" src=\"https://amir.app/git/shapes_preview/stack_transparent.gif\"\u003e\u003c/img\u003e](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/Lib/Stack/StackTransformViewOptions%2BLayout.swift#L14)\n[\u003cimg width=\"100\" src=\"https://amir.app/git/shapes_preview/stack_blur.gif\"\u003e\u003c/img\u003e](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/Lib/Stack/StackTransformViewOptions%2BLayout.swift#L15)\n[\u003cimg width=\"100\" src=\"https://amir.app/git/shapes_preview/stack_perspective.gif\"\u003e\u003c/img\u003e](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/Lib/Stack/StackTransformViewOptions%2BLayout.swift#L16)\n[\u003cimg width=\"100\" src=\"https://amir.app/git/shapes_preview/stack_reverse.gif\"\u003e\u003c/img\u003e](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/Lib/Stack/StackTransformViewOptions%2BLayout.swift#L17)\n[\u003cimg width=\"100\" src=\"https://amir.app/git/shapes_preview/stack_rotary.gif\"\u003e\u003c/img\u003e](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/Lib/Stack/StackTransformViewOptions%2BLayout.swift#L18)\n[\u003cimg width=\"100\" src=\"https://amir.app/git/shapes_preview/stack_vortex.gif\"\u003e\u003c/img\u003e](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/Lib/Stack/StackTransformViewOptions%2BLayout.swift#L19)\n\u003c/p\u003e\n\n\n## About\n\n**`UIKit:`**  \nA simple but powerful framework that lets you make complex layouts for your `UICollectionView`.        \nThe implementation is quite simple. Just a custom `UICollectionViewLayout` that gives you the ability to apply transforms to the cells.       \nNo UICollectionView inheritance or anything like that.             \n\n**`SwiftUI:`**  \nA simple `View` that lets you make page-view effects.   \nPowered by `UICollectionView`\n     \n     \n    \n\u003cbr\u003e\n\nFor more details, see [How to use](https://github.com/amirdew/CollectionViewPagingLayout#how-to-use)   \n\n## Installation\nThis framework doesn't contain any external dependencies.\n\n#### [CocoaPods](https://guides.cocoapods.org/using/using-cocoapods.html)\n\n```ruby\n# Podfile\nuse_frameworks!\n\ntarget 'YOUR_TARGET_NAME' do\n    pod 'CollectionViewPagingLayout'\nend\n```\nReplace `YOUR_TARGET_NAME` and then, in the `Podfile` directory, type:\n\n```bash\n$ pod install\n```\n\n#### [Carthage](https://github.com/Carthage/Carthage)\n\nAdd this to `Cartfile`\n\n```\ngithub \"CollectionViewPagingLayout\"\n```\n\nand then, in the `Cartfile` directory, type:\n```bash\n$ carthage update\n```\n\n#### [Swift Package Manager](https://github.com/apple/swift-package-manager)\n\nusing Xcode:\n\nFile \u003e Swift Packages \u003e Add Package Dependency\n\n#### Manually\nJust add all the files under `Lib` directory to your project\n\n## How to use\n\n### Using [Layout Designer](https://apps.apple.com/nl/app/layout-designer/id1507238011?l=en\u0026mt=1)\n      \nThere is a macOS app to make it even easier for you to build your custom layout.            \nIt allows you to tweak many options and see the result in real-time.        \nIt also generates the code for you. So, you can copy it to your project.       \n\nYou can [purchase](https://apps.apple.com/nl/app/layout-designer/id1507238011?l=en\u0026mt=1) the app from App Store and support this repository,\nor you can build it yourself from the source.  \nYes, the macOS app is open-source too!. \n\n\nContinue for [`SwiftUI`](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/HOW_TO_USE_SWIFTUI.md) or [`UIKit`](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/HOW_TO_USE_UIKIT.md)\n\n\n## Limitations\n-  **Specify the number of visible items:**    \nYou need to specify the number of visible items.       \nSince this layout gives you the flexibility to show the next and previous cells,        \nBy default, it loads all of the cells in the collectionview's frame, which means iOS keeps all of them in the memory.      \nBased on your design, you can specify the number of items that you need to show.     \n\n- **It doesn't support RTL layouts:**   \nhowever, you can achieve a similar result by tweaking options, for instance try `StackTransformViewOptions.Layout.reverse`\n\n## Credit\n\n- [DevicesView](https://github.com/amirdew/CollectionViewPagingLayout/blob/master/Samples/PagingLayoutSamples/Modules/SwiftUI/DevicesView.swift) inspired by this [Cuberto's post](https://dribbble.com/shots/12580831-Principle-Tutorial-Onboarding-Flow-Animation)\n\n## License\n\nCollectionViewPagingLayout is available under the MIT license. See LICENSE file for more info.\n","funding_links":[],"categories":["Swift","Applications","Utilities"],"sub_categories":["Utilities","Text","🛠️ Utilities (79)"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famirdew%2FCollectionViewPagingLayout","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Famirdew%2FCollectionViewPagingLayout","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famirdew%2FCollectionViewPagingLayout/lists"}