[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-7074":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":14,"stars7d":14,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":18,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":22,"defaultBranch":23,"hasWiki":21,"hasPages":22,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":45,"readmeContent":46,"aiSummary":47,"trendingCount":16,"starSnapshotCount":16,"syncStatus":48,"lastSyncTime":49,"discoverSource":50},7074,"CollectionViewPagingLayout","amirdew\u002FCollectionViewPagingLayout","amirdew","A simple but highly customizable UICollectionViewLayout for UICollectionView -- Simple SwiftUI views that let you make page-view effects.","",null,"Swift",2794,326,1,7,0,8,3,62.84,"MIT License",true,false,"master",[25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44],"animation","blur","controller","coverflow","cylinder","gallery","layout","perspective","scale","shopping","snapshot","stack","swift","swiftui","transformation","transforms","transition","uicollectionview","uicollectionviewlayout","uikit","2026-06-12 04:00:32","# CollectionViewPagingLayout - PagingView for SwiftUI\n\n[![License](https:\u002F\u002Fimg.shields.io\u002Fcocoapods\u002Fl\u002FCollectionViewPagingLayout.svg?style=flat)](http:\u002F\u002Fcocoapods.org\u002Fpods\u002FCollectionViewPagingLayout)\n![platforms](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fplatforms-iOS-333333.svg)\n[![pod](https:\u002F\u002Fimg.shields.io\u002Fcocoapods\u002Fv\u002FCollectionViewPagingLayout.svg)](https:\u002F\u002Fcocoapods.org\u002Fpods\u002FCollectionViewPagingLayout)\n[![Carthage compatible](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FCarthage-compatible-4BC51D.svg?style=flat)](https:\u002F\u002Fgithub.com\u002FCarthage\u002FCarthage) \n[![Swift Package Manager compatible](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FSwift%20Package%20Manager-compatible-brightgreen.svg)](https:\u002F\u002Fgithub.com\u002Fapple\u002Fswift-package-manager)\n\n## Previews\n\n### Layout Designer\n[\u003Cimg width=\"600\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Flayout_designer_preview.gif\">](https:\u002F\u002Fapps.apple.com\u002Fnl\u002Fapp\u002Flayout-designer\u002Fid1507238011?l=en&mt=12)   \n\u003Ca href=\"https:\u002F\u002Fapps.apple.com\u002Fnl\u002Fapp\u002Flayout-designer\u002Fid1507238011?l=en&mt=12\"> \u003Cimg width=\"100\" src=\"http:\u002F\u002Famir.app\u002Fgit\u002Fapp_store.png\">\u003C\u002Fimg> \u003C\u002Fa>    \n\n\n#### Custom implementations, UIKit: `TransformableView`, SwiftUI: `TransformPageView`\nClick on image to see the code\n\n\u003Cp float=\"left\">\n\n[\u003Cimg width=\"120\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fflowlayout_preview.gif\">](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Ftree\u002Fmaster\u002FSamples\u002FPagingLayoutSamples\u002FModules\u002FUIKit\u002FFruits)\n[\u003Cimg width=\"120\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fgallery_preview.gif\">](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Ftree\u002Fmaster\u002FSamples\u002FPagingLayoutSamples\u002FModules\u002FUIKit\u002FGallery)\n[\u003Cimg width=\"120\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fcards_preview.gif\">](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Ftree\u002Fmaster\u002FSamples\u002FPagingLayoutSamples\u002FModules\u002FUIKit\u002FCards)\n[\u003Cimg width=\"120\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fdevices.gif\">](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FSamples\u002FPagingLayoutSamples\u002FModules\u002FSwiftUI\u002FDevicesView.swift)\n[\u003Cimg width=\"120\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fweather.gif\">](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Ftree\u002Fmaster\u002FSamples\u002FPagingLayoutSamples\u002FModules\u002FSwiftUI\u002FWeatherTabView)\n\u003Cp \u002F>\n\n#### UIKit: `SnapshotTransformView`, SwiftUI: `SnapshotPageView`\n\n\n\u003Cp float=\"left\">\n\n[\u003Cimg width=\"100\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fshapes_preview\u002Fsnapshot_grid.gif\">](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FLib\u002FSnapshot\u002FSnapshotTransformViewOptions%2BLayout.swift#L14) \n[\u003Cimg width=\"100\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fshapes_preview\u002Fsnapshot_space.gif\">](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FLib\u002FSnapshot\u002FSnapshotTransformViewOptions%2BLayout.swift#L15) \n[\u003Cimg width=\"100\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fshapes_preview\u002Fsnapshot_chess.gif\">](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FLib\u002FSnapshot\u002FSnapshotTransformViewOptions%2BLayout.swift#L16) \n[\u003Cimg width=\"100\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fshapes_preview\u002Fsnapshot_tiles.gif\">](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FLib\u002FSnapshot\u002FSnapshotTransformViewOptions%2BLayout.swift#L17) \n[\u003Cimg width=\"100\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fshapes_preview\u002Fsnapshot_lines.gif\">](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FLib\u002FSnapshot\u002FSnapshotTransformViewOptions%2BLayout.swift#L18) \n[\u003Cimg width=\"100\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fshapes_preview\u002Fsnapshot_bars.gif\">](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FLib\u002FSnapshot\u002FSnapshotTransformViewOptions%2BLayout.swift#L19) \n[\u003Cimg width=\"100\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fshapes_preview\u002Fsnapshot_puzzle.gif\">](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FLib\u002FSnapshot\u002FSnapshotTransformViewOptions%2BLayout.swift#L20) \n[\u003Cimg width=\"100\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fshapes_preview\u002Fsnapshot_fade.gif\">](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FLib\u002FSnapshot\u002FSnapshotTransformViewOptions%2BLayout.swift#L21) \n\u003C\u002Fp>\n\n         \n#### UIKit: `ScaleTransformView`, SwiftUI: `ScalePageView`\n\u003Cp float=\"left\">\n\n[\u003Cimg width=\"100\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fshapes_preview\u002Fscale_invertedcylinder.gif\">\u003C\u002Fimg>](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FLib\u002FScale\u002FScaleTransformViewOptions%2BLayout.swift#L14)\n[\u003Cimg width=\"100\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fshapes_preview\u002Fscale_cylinder.gif\">\u003C\u002Fimg>](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FLib\u002FScale\u002FScaleTransformViewOptions%2BLayout.swift#L15)\n[\u003Cimg width=\"100\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fshapes_preview\u002Fscale_coverflow.gif\">\u003C\u002Fimg>](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FLib\u002FScale\u002FScaleTransformViewOptions%2BLayout.swift#L16)\n[\u003Cimg width=\"100\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fshapes_preview\u002Fscale_rotary.gif\">\u003C\u002Fimg>](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FLib\u002FScale\u002FScaleTransformViewOptions%2BLayout.swift#L17)\n[\u003Cimg width=\"100\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fshapes_preview\u002Fscale_linear.gif\">\u003C\u002Fimg>](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FLib\u002FScale\u002FScaleTransformViewOptions%2BLayout.swift#L18)\n[\u003Cimg width=\"100\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fshapes_preview\u002Fscale_easein.gif\">\u003C\u002Fimg>](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FLib\u002FScale\u002FScaleTransformViewOptions%2BLayout.swift#L19)\n[\u003Cimg width=\"100\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fshapes_preview\u002Fscale_easeout.gif\">\u003C\u002Fimg>](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FLib\u002FScale\u002FScaleTransformViewOptions%2BLayout.swift#L20)\n[\u003Cimg width=\"100\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fshapes_preview\u002Fscale_blur.gif\">\u003C\u002Fimg>](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FLib\u002FScale\u002FScaleTransformViewOptions%2BLayout.swift#L21)\n\u003C\u002Fp>\n\n### UIKit: `StackTransformView`, SwiftUI: `StackPageView`\n\n\u003Cp float=\"left\">\n\n[\u003Cimg width=\"100\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fshapes_preview\u002Fstack_transparent.gif\">\u003C\u002Fimg>](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FLib\u002FStack\u002FStackTransformViewOptions%2BLayout.swift#L14)\n[\u003Cimg width=\"100\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fshapes_preview\u002Fstack_blur.gif\">\u003C\u002Fimg>](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FLib\u002FStack\u002FStackTransformViewOptions%2BLayout.swift#L15)\n[\u003Cimg width=\"100\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fshapes_preview\u002Fstack_perspective.gif\">\u003C\u002Fimg>](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FLib\u002FStack\u002FStackTransformViewOptions%2BLayout.swift#L16)\n[\u003Cimg width=\"100\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fshapes_preview\u002Fstack_reverse.gif\">\u003C\u002Fimg>](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FLib\u002FStack\u002FStackTransformViewOptions%2BLayout.swift#L17)\n[\u003Cimg width=\"100\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fshapes_preview\u002Fstack_rotary.gif\">\u003C\u002Fimg>](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FLib\u002FStack\u002FStackTransformViewOptions%2BLayout.swift#L18)\n[\u003Cimg width=\"100\" src=\"https:\u002F\u002Famir.app\u002Fgit\u002Fshapes_preview\u002Fstack_vortex.gif\">\u003C\u002Fimg>](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FLib\u002FStack\u002FStackTransformViewOptions%2BLayout.swift#L19)\n\u003C\u002Fp>\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>\n\nFor more details, see [How to use](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout#how-to-use)   \n\n## Installation\nThis framework doesn't contain any external dependencies.\n\n#### [CocoaPods](https:\u002F\u002Fguides.cocoapods.org\u002Fusing\u002Fusing-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:\u002F\u002Fgithub.com\u002FCarthage\u002FCarthage)\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:\u002F\u002Fgithub.com\u002Fapple\u002Fswift-package-manager)\n\nusing Xcode:\n\nFile > Swift Packages > 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:\u002F\u002Fapps.apple.com\u002Fnl\u002Fapp\u002Flayout-designer\u002Fid1507238011?l=en&mt=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:\u002F\u002Fapps.apple.com\u002Fnl\u002Fapp\u002Flayout-designer\u002Fid1507238011?l=en&mt=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:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FHOW_TO_USE_SWIFTUI.md) or [`UIKit`](https:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FHOW_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:\u002F\u002Fgithub.com\u002Famirdew\u002FCollectionViewPagingLayout\u002Fblob\u002Fmaster\u002FSamples\u002FPagingLayoutSamples\u002FModules\u002FSwiftUI\u002FDevicesView.swift) inspired by this [Cuberto's post](https:\u002F\u002Fdribbble.com\u002Fshots\u002F12580831-Principle-Tutorial-Onboarding-Flow-Animation)\n\n## License\n\nCollectionViewPagingLayout is available under the MIT license. See LICENSE file for more info.\n","CollectionViewPagingLayout 是一个用于 UICollectionView 的高度可定制布局，支持在 SwiftUI 中创建页面视图效果。其核心功能包括丰富的动画和转换效果，如模糊、缩放、覆盖流等，使得开发者能够轻松实现各种复杂的页面切换效果。该项目使用 Swift 编写，并且兼容 UIKit 和 SwiftUI，方便不同技术栈的开发者集成。适用于需要增强用户体验的应用场景，例如商品展示、图片库浏览或任何希望添加流畅翻页效果的地方。MIT 许可证下开源，拥有活跃的社区支持。",2,"2026-06-11 03:10:24","top_language"]