[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-6983":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":16,"stars7d":16,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":20,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":28,"readmeContent":29,"aiSummary":30,"trendingCount":16,"starSnapshotCount":16,"syncStatus":31,"lastSyncTime":32,"discoverSource":33},6983,"paper-onboarding","Ramotion\u002Fpaper-onboarding","Ramotion",":octocat: PaperOnboarding is a material design UI slider. Swift UI library by @Ramotion","https:\u002F\u002Fwww.ramotion.com\u002Fagency\u002Fapp-development\u002F",null,"Swift",3324,332,61,5,0,1,59.67,"MIT License",false,"master",true,[24,25,26,27],"component","ios","library","swift","2026-06-12 04:00:31","\u003Ca href=\"https:\u002F\u002Fwww.ramotion.com\u002Fagency\u002Fapp-development\u002F?utm_source=gthb&utm_medium=repo&utm_campaign=paper-onboarding\">\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002FRamotion\u002Ffolding-cell\u002Fblob\u002Fmaster\u002Fheader.png\">\u003C\u002Fa>\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002FRamotion\u002Ffolding-cell\">\n\u003Cimg align=\"left\" src=\"https:\u002F\u002Fgithub.com\u002FRamotion\u002Fpaper-onboarding\u002Fblob\u002Fmaster\u002Fpaper-onboarding.gif\" width=\"480\" height=\"360\" \u002F>\u003C\u002Fa>\n\n\u003Cp>\u003Ch1 align=\"left\">PAPER ONBOARDING\u003C\u002Fh1>\u003C\u002Fp>\n\n\u003Ch4>iOS library Paper Onboarding is a material design UI slider written on Swift.\u003C\u002Fh4>\n\n\n___\n\n\n\n\u003Cp>\u003Ch6>We specialize in the designing and coding of custom UI for Mobile Apps and Websites.\u003C\u002Fh6>\n\u003Ca href=\"https:\u002F\u002Fwww.ramotion.com\u002Fagency\u002Fapp-development\u002F?utm_source=gthb&utm_medium=repo&utm_campaign=paper-onboarding\">\n\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Framotion\u002Fgliding-collection\u002Fraw\u002Fmaster\u002Fcontact_our_team@2x.png\" width=\"187\" height=\"34\">\u003C\u002Fa>\n\u003C\u002Fp>\n\u003Cp>\u003Ch6>Stay tuned for the latest updates:\u003C\u002Fh6>\n\u003Ca href=\"https:\u002F\u002Fgoo.gl\u002FrPFpid\" >\n\u003Cimg src=\"https:\u002F\u002Fi.imgur.com\u002FziSqeSo.png\u002F\" width=\"156\" height=\"28\">\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch6>\u003Ca href=\"https:\u002F\u002Fstore.ramotion.com\u002Fproduct\u002Fiphone-x-clay-mockups?utm_source=gthb&utm_medium=special&utm_campaign=folding-cell#demo\">Get Free Mockup For your project →\u003C\u002Fa>\u003C\u002Fh6>\n\n\u003C\u002Fbr>\n\n[![Twitter](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FTwitter-@Ramotion-blue.svg?style=flat)](http:\u002F\u002Ftwitter.com\u002FRamotion)\n[![CocoaPods](https:\u002F\u002Fimg.shields.io\u002Fcocoapods\u002Fp\u002Fpaper-onboarding.svg)](https:\u002F\u002Fcocoapods.org\u002Fpods\u002Fpaper-onboarding)\n[![CocoaPods](https:\u002F\u002Fimg.shields.io\u002Fcocoapods\u002Fv\u002Fpaper-onboarding.svg)](http:\u002F\u002Fcocoapods.org\u002Fpods\u002Fpaper-onboarding)\n[![Carthage compatible](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FCarthage-compatible-4BC51D.svg?style=flat)](https:\u002F\u002Fgithub.com\u002FRamotion\u002Fpaper-onboarding)\n[![Travis](https:\u002F\u002Fimg.shields.io\u002Ftravis\u002FRamotion\u002Fpaper-onboarding.svg)](https:\u002F\u002Ftravis-ci.org\u002FRamotion\u002Fpaper-onboarding)\n[![codebeat badge](https:\u002F\u002Fcodebeat.co\u002Fbadges\u002Fd06237c6-6ff7-4560-9602-b6cc65063383)](https:\u002F\u002Fcodebeat.co\u002Fprojects\u002Fgithub-com-ramotion-paper-onboarding)\n[![Donate](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FDonate-PayPal-blue.svg)](https:\u002F\u002Fpaypal.me\u002FRamotion)\n\n## Requirements\n\n- iOS 10.0+\n- Xcode 10.2\n\n## Installation\n\nJust add the Source folder to your project.\n\nor use [CocoaPods](https:\u002F\u002Fcocoapods.org) with Podfile:\n\n``` ruby\npod 'paper-onboarding'\n```\n\nor [Carthage](https:\u002F\u002Fgithub.com\u002FCarthage\u002FCarthage) users can simply add to their `Cartfile`:\n```\ngithub \"Ramotion\u002Fpaper-onboarding\"\n```\n\nor [Swift Package Manager](https:\u002F\u002Fswift.org\u002Fpackage-manager\u002F) by adding:\n```\ndependencies: [\n.package(url: \"https:\u002F\u002Fgithub.com\u002FRamotion\u002Fpaper-onboarding.git\", from: \"6.1.4\")\n]\n```\nto `Package.swift`\n\n## Usage\n\n#### Storyboard\n\n1) Create a new UIView inheriting from ```PaperOnboarding```\n\n2) Set dataSource in attribute inspector\n\n#### or Code\n\n``` swift\noverride func viewDidLoad() {\n  super.viewDidLoad()\n\n  let onboarding = PaperOnboarding()\n  onboarding.dataSource = self\n  onboarding.translatesAutoresizingMaskIntoConstraints = false\n  view.addSubview(onboarding)\n\n  \u002F\u002F add constraints\n  for attribute: NSLayoutAttribute in [.Left, .Right, .Top, .Bottom] {\n    let constraint = NSLayoutConstraint(item: onboarding,\n                                        attribute: attribute,\n                                        relatedBy: .Equal,\n                                        toItem: view,\n                                        attribute: attribute,\n                                        multiplier: 1,\n                                        constant: 0)\n    view.addConstraint(constraint)\n  }\n}\n```\n\n#### For adding content use dataSource methods:\n\n``` swift\n  func onboardingItem(at index: Int) -> OnboardingItemInfo {\n\n   return [\n     OnboardingItemInfo(informationImage: IMAGE,\n                                   title: \"title\",\n                             description: \"description\",\n                                pageIcon: IMAGE,\n                                   color: UIColor.RANDOM,\n                              titleColor: UIColor.RANDOM,\n                        descriptionColor: UIColor.RANDOM,\n                               titleFont: UIFont.FONT,\n                         descriptionFont: UIFont.FONT),\n\n     OnboardingItemInfo(informationImage: IMAGE,\n                                    title: \"title\",\n                              description: \"description\",\n                                 pageIcon: IMAGE,\n                                    color: UIColor.RANDOM,\n                               titleColor: UIColor.RANDOM,\n                         descriptionColor: UIColor.RANDOM,\n                                titleFont: UIFont.FONT,\n                          descriptionFont: UIFont.FONT),\n\n    OnboardingItemInfo(informationImage: IMAGE,\n                                 title: \"title\",\n                           description: \"description\",\n                              pageIcon: IMAGE,\n                                 color: UIColor.RANDOM,\n                            titleColor: UIColor.RANDOM,\n                      descriptionColor: UIColor.RANDOM,\n                             titleFont: UIFont.FONT,\n                       descriptionFont: UIFont.FONT)\n     ][index]\n }\n\n func onboardingItemsCount() -> Int {\n    return 3\n  }\n\n```\n\n#### configuring content item:\n\n``` swift\nfunc onboardingConfigurationItem(item: OnboardingContentViewItem, index: Int) {\n\n\u002F\u002F    item.titleLabel?.backgroundColor = .redColor()\n\u002F\u002F    item.descriptionLabel?.backgroundColor = .redColor()\n\u002F\u002F    item.imageView = ...\n  }\n```\n\n\n## 🗂 Check this library on other language:\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002FRamotion\u002Fpaper-onboarding-android\">\n\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Framotion\u002Fnavigation-stack\u002Fraw\u002Fmaster\u002FAndroid_Java@2x.png\" width=\"178\" height=\"81\">\u003C\u002Fa>\n\n\n## 📄 License\n\nPaper Onboarding is released under the MIT license.\nSee [LICENSE](.\u002FLICENSE) for details.\n\nThis library is a part of a \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FRamotion\u002Fswift-ui-animation-components-and-libraries\">\u003Cb>selection of our best UI open-source projects.\u003C\u002Fb>\u003C\u002Fa>\n\nIf you use the open-source library in your project, please make sure to credit and backlink to www.ramotion.com\n\n## 📱 Get the Showroom App for iOS to give it a try\nTry this UI component and more like this in our iOS app. Contact us if interested.\n\n\u003Ca href=\"https:\u002F\u002Fitunes.apple.com\u002Fapp\u002Fapple-store\u002Fid1182360240?pt=550053&ct=paper-onboarding&mt=8\" >\n\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Framotion\u002Fgliding-collection\u002Fraw\u002Fmaster\u002Fapp_store@2x.png\" width=\"117\" height=\"34\">\u003C\u002Fa>\n\n\u003Ca href=\"https:\u002F\u002Fwww.ramotion.com\u002Fagency\u002Fapp-development\u002F?utm_source=gthb&utm_medium=repo&utm_campaign=paper-onboarding\">\n\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Framotion\u002Fgliding-collection\u002Fraw\u002Fmaster\u002Fcontact_our_team@2x.png\" width=\"187\" height=\"34\">\u003C\u002Fa>\n\u003Cbr>\n\u003Cbr>\n","PaperOnboarding 是一个基于 Swift 的 Material Design 风格的 UI 滑动组件。其核心功能是提供流畅且美观的新手引导页面，支持自定义内容和动画效果，适用于 iOS 10.0 及以上版本的应用开发。该项目具有良好的可扩展性和易用性，开发者可以通过 Storyboard 或代码轻松集成到项目中，并通过简单的数据源设置来定制内容。PaperOnboarding 特别适合需要在应用启动时为用户提供直观、友好的介绍或教程的场景，如新用户引导、功能展示等。",2,"2026-06-11 03:09:59","top_language"]