├── Examples ├── BezierCurves.framer │ ├── .gitignore │ ├── app.coffee │ ├── app.js │ ├── framer │ │ ├── coffee-script.js │ │ ├── config.json │ │ ├── framer.generated.js │ │ ├── framer.init.js │ │ ├── framer.js │ │ ├── framer.js.map │ │ ├── framer.modules.js │ │ ├── images │ │ │ ├── background.png │ │ │ ├── cursor-active.png │ │ │ ├── cursor-active@2x.png │ │ │ ├── cursor.png │ │ │ ├── cursor@2x.png │ │ │ ├── icon-120.png │ │ │ ├── icon-152.png │ │ │ ├── icon-76.png │ │ │ ├── icon-arrow.png │ │ │ ├── icon-arrow@2x.png │ │ │ ├── icon-close.png │ │ │ ├── icon-close@2x.png │ │ │ ├── icon-framer.png │ │ │ ├── icon-framer@2x.png │ │ │ ├── icon-share.png │ │ │ └── icon-share@2x.png │ │ ├── mirror.css │ │ ├── style.css │ │ └── version │ ├── images │ │ └── .gitkeep │ └── index.html ├── Color-Lighten.framer │ ├── .gitignore │ ├── app.coffee │ ├── app.js │ ├── framer │ │ ├── coffee-script.js │ │ ├── config.json │ │ ├── framer.generated.js │ │ ├── framer.init.js │ │ ├── framer.js │ │ ├── framer.js.map │ │ ├── framer.js.map.old │ │ ├── framer.js.old │ │ ├── framer.modules.js │ │ ├── images │ │ │ ├── background.png │ │ │ ├── cursor-active.png │ │ │ ├── cursor-active@2x.png │ │ │ ├── cursor.png │ │ │ ├── cursor@2x.png │ │ │ ├── icon-120.png │ │ │ ├── icon-152.png │ │ │ ├── icon-180.png │ │ │ ├── icon-192.png │ │ │ ├── icon-76.png │ │ │ ├── icon-arrow.png │ │ │ ├── icon-arrow@2x.png │ │ │ ├── icon-close.png │ │ │ ├── icon-close@2x.png │ │ │ ├── icon-framer.png │ │ │ ├── icon-framer@2x.png │ │ │ ├── icon-share.png │ │ │ └── icon-share@2x.png │ │ ├── mirror.css │ │ ├── style.css │ │ └── version │ ├── images │ │ └── .gitkeep │ ├── index.html │ └── modules │ │ └── myModule.coffee ├── ColorModules.framer │ ├── .gitignore │ ├── app.coffee │ ├── framer │ │ ├── coffee-script.js │ │ ├── config.json │ │ ├── framer.generated.js │ │ ├── framer.init.js │ │ ├── framer.js │ │ ├── framer.js.map │ │ ├── framer.modules.js │ │ ├── images │ │ │ ├── background.png │ │ │ ├── cursor-active.png │ │ │ ├── cursor-active@2x.png │ │ │ ├── cursor.png │ │ │ ├── cursor@2x.png │ │ │ ├── icon-120.png │ │ │ ├── icon-152.png │ │ │ ├── icon-180.png │ │ │ ├── icon-192.png │ │ │ ├── icon-76.png │ │ │ ├── icon-arrow.png │ │ │ ├── icon-arrow@2x.png │ │ │ ├── icon-close.png │ │ │ ├── icon-close@2x.png │ │ │ ├── icon-framer.png │ │ │ ├── icon-framer@2x.png │ │ │ ├── icon-share.png │ │ │ └── icon-share@2x.png │ │ ├── mirror.css │ │ ├── style.css │ │ └── version │ ├── images │ │ └── .gitkeep │ ├── index.html │ └── modules │ │ └── colors.coffee ├── CountdownTimer.framer │ ├── .gitignore │ ├── app.coffee │ ├── framer │ │ ├── coffee-script.js │ │ ├── config.json │ │ ├── framer.generated.js │ │ ├── framer.init.js │ │ ├── framer.js │ │ ├── framer.js.map │ │ ├── framer.modules.js │ │ ├── images │ │ │ ├── background.png │ │ │ ├── cursor-active.png │ │ │ ├── cursor-active@2x.png │ │ │ ├── cursor.png │ │ │ ├── cursor@2x.png │ │ │ ├── icon-120.png │ │ │ ├── icon-152.png │ │ │ ├── icon-180.png │ │ │ ├── icon-192.png │ │ │ ├── icon-76.png │ │ │ ├── icon-arrow.png │ │ │ ├── icon-arrow@2x.png │ │ │ ├── icon-close.png │ │ │ ├── icon-close@2x.png │ │ │ ├── icon-framer.png │ │ │ ├── icon-framer@2x.png │ │ │ ├── icon-share.png │ │ │ └── icon-share@2x.png │ │ ├── mirror.css │ │ ├── style.css │ │ └── version │ ├── images │ │ └── .gitkeep │ ├── index.html │ └── modules │ │ └── myModule.coffee ├── ErrorWiggles.framer │ ├── .temp.html │ ├── Icon │ ├── app.coffee │ ├── framer │ │ ├── backups │ │ │ └── backup-1461246599.coffee │ │ ├── coffee-script.js │ │ ├── config.json │ │ ├── framer.generated.js │ │ ├── framer.init.js │ │ ├── framer.js │ │ ├── framer.js.map │ │ ├── framer.modules.js │ │ ├── images │ │ │ ├── background.png │ │ │ ├── cursor-active.png │ │ │ ├── cursor-active@2x.png │ │ │ ├── cursor.png │ │ │ ├── cursor@2x.png │ │ │ ├── icon-120.png │ │ │ ├── icon-152.png │ │ │ ├── icon-76.png │ │ │ ├── icon-arrow.png │ │ │ ├── icon-arrow@2x.png │ │ │ ├── icon-close.png │ │ │ ├── icon-close@2x.png │ │ │ ├── icon-framer.png │ │ │ ├── icon-framer@2x.png │ │ │ ├── icon-share.png │ │ │ └── icon-share@2x.png │ │ ├── mirror.css │ │ ├── style.css │ │ └── version │ ├── images │ │ ├── .gitkeep │ │ └── framer-icon.png │ ├── index.html │ └── offline.html ├── GridImages │ ├── GridImages.framer │ │ ├── .gitignore │ │ ├── app.coffee │ │ ├── framer │ │ │ ├── coffee-script.js │ │ │ ├── config.json │ │ │ ├── framer.generated.js │ │ │ ├── framer.init.js │ │ │ ├── framer.js │ │ │ ├── framer.js.map │ │ │ ├── framer.modules.js │ │ │ ├── images │ │ │ │ ├── background.png │ │ │ │ ├── cursor-active.png │ │ │ │ ├── cursor-active@2x.png │ │ │ │ ├── cursor.png │ │ │ │ ├── cursor@2x.png │ │ │ │ ├── icon-120.png │ │ │ │ ├── icon-152.png │ │ │ │ ├── icon-180.png │ │ │ │ ├── icon-192.png │ │ │ │ ├── icon-76.png │ │ │ │ ├── icon-arrow.png │ │ │ │ ├── icon-arrow@2x.png │ │ │ │ ├── icon-close.png │ │ │ │ ├── icon-close@2x.png │ │ │ │ ├── icon-framer.png │ │ │ │ ├── icon-framer@2x.png │ │ │ │ ├── icon-share.png │ │ │ │ └── icon-share@2x.png │ │ │ ├── mirror.css │ │ │ ├── style.css │ │ │ └── version │ │ ├── images │ │ │ └── .gitkeep │ │ ├── imported │ │ │ └── grid-images@1x │ │ │ │ ├── images │ │ │ │ ├── Layer-image-mjq0nja0.png │ │ │ │ ├── Layer-image-mthdndk2.png │ │ │ │ ├── Layer-image-mtlemjle.png │ │ │ │ ├── Layer-image-muy2q0e5.png │ │ │ │ ├── Layer-image-njq5muje.png │ │ │ │ ├── Layer-image-nju5m0e2.png │ │ │ │ ├── Layer-image-nzu0n0vg.png │ │ │ │ ├── Layer-image-otexqziy.png │ │ │ │ └── Layer-image-qjveqtg2.png │ │ │ │ ├── layers.json │ │ │ │ └── layers.json.js │ │ ├── index.html │ │ └── modules │ │ │ └── myModule.coffee │ └── grid-images.sketch ├── HideNavBarOnScroll.framer │ ├── .gitignore │ ├── HideNavBarOnScroll.sketch │ ├── app.coffee │ ├── app.js │ ├── framer │ │ ├── coffee-script.js │ │ ├── config.json │ │ ├── framer.generated.js │ │ ├── framer.init.js │ │ ├── framer.js │ │ ├── framer.js.map │ │ ├── framer.modules.js │ │ ├── images │ │ │ ├── background.png │ │ │ ├── cursor-active.png │ │ │ ├── cursor-active@2x.png │ │ │ ├── cursor.png │ │ │ ├── cursor@2x.png │ │ │ ├── icon-120.png │ │ │ ├── icon-152.png │ │ │ ├── icon-76.png │ │ │ ├── icon-arrow.png │ │ │ ├── icon-arrow@2x.png │ │ │ ├── icon-close.png │ │ │ ├── icon-close@2x.png │ │ │ ├── icon-framer.png │ │ │ ├── icon-framer@2x.png │ │ │ ├── icon-share.png │ │ │ └── icon-share@2x.png │ │ ├── mirror.css │ │ ├── style.css │ │ └── version │ ├── images │ │ ├── .gitkeep │ │ └── content.png │ ├── index.html │ └── modules │ │ └── myModule.coffee ├── LabelSystemFont.framer │ ├── .gitignore │ ├── app.coffee │ ├── framer │ │ ├── coffee-script.js │ │ ├── config.json │ │ ├── framer.generated.js │ │ ├── framer.init.js │ │ ├── framer.js │ │ ├── framer.js.map │ │ ├── framer.modules.js │ │ ├── images │ │ │ ├── background.png │ │ │ ├── cursor-active.png │ │ │ ├── cursor-active@2x.png │ │ │ ├── cursor.png │ │ │ ├── cursor@2x.png │ │ │ ├── icon-120.png │ │ │ ├── icon-152.png │ │ │ ├── icon-180.png │ │ │ ├── icon-192.png │ │ │ ├── icon-76.png │ │ │ ├── icon-arrow.png │ │ │ ├── icon-arrow@2x.png │ │ │ ├── icon-close.png │ │ │ ├── icon-close@2x.png │ │ │ ├── icon-framer.png │ │ │ ├── icon-framer@2x.png │ │ │ ├── icon-share.png │ │ │ └── icon-share@2x.png │ │ ├── mirror.css │ │ ├── style.css │ │ └── version │ ├── images │ │ └── .gitkeep │ ├── index.html │ └── modules │ │ └── myModule.coffee ├── MapInteractions.framer │ ├── .gitignore │ ├── app.coffee │ ├── framer │ │ ├── coffee-script.js │ │ ├── config.json │ │ ├── framer.generated.js │ │ ├── framer.init.js │ │ ├── framer.js │ │ ├── framer.js.map │ │ ├── framer.modules.js │ │ ├── images │ │ │ ├── background.png │ │ │ ├── cursor-active.png │ │ │ ├── cursor-active@2x.png │ │ │ ├── cursor.png │ │ │ ├── cursor@2x.png │ │ │ ├── icon-120.png │ │ │ ├── icon-152.png │ │ │ ├── icon-180.png │ │ │ ├── icon-192.png │ │ │ ├── icon-76.png │ │ │ ├── icon-arrow.png │ │ │ ├── icon-arrow@2x.png │ │ │ ├── icon-close.png │ │ │ ├── icon-close@2x.png │ │ │ ├── icon-framer.png │ │ │ ├── icon-framer@2x.png │ │ │ ├── icon-share.png │ │ │ └── icon-share@2x.png │ │ ├── mirror.css │ │ ├── style.css │ │ └── version │ ├── images │ │ ├── .gitkeep │ │ ├── centerButton.png │ │ └── map-image.jpg │ ├── imported │ │ └── swipeScale@1x │ │ │ ├── images │ │ │ ├── Layer-button-qziwqtg4.png │ │ │ └── Layer-map-muy3mju3.png │ │ │ ├── layers.json │ │ │ └── layers.json.js │ ├── index.html │ ├── mapAssets.sketch │ └── modules │ │ └── myModule.coffee ├── Modulate.framer │ ├── .gitignore │ ├── app.coffee │ ├── app.js │ ├── framer │ │ ├── coffee-script.js │ │ ├── config.json │ │ ├── framer.generated.js │ │ ├── framer.init.js │ │ ├── framer.js │ │ ├── framer.js.map │ │ ├── framer.modules.js │ │ ├── images │ │ │ ├── background.png │ │ │ ├── cursor-active.png │ │ │ ├── cursor-active@2x.png │ │ │ ├── cursor.png │ │ │ ├── cursor@2x.png │ │ │ ├── icon-120.png │ │ │ ├── icon-152.png │ │ │ ├── icon-76.png │ │ │ ├── icon-arrow.png │ │ │ ├── icon-arrow@2x.png │ │ │ ├── icon-close.png │ │ │ ├── icon-close@2x.png │ │ │ ├── icon-framer.png │ │ │ ├── icon-framer@2x.png │ │ │ ├── icon-share.png │ │ │ └── icon-share@2x.png │ │ ├── mirror.css │ │ ├── style.css │ │ └── version │ ├── images │ │ └── .gitkeep │ ├── index.html │ └── modules │ │ └── myModule.coffee ├── PageComponentCards.framer │ ├── .gitignore │ ├── app.coffee │ ├── framer │ │ ├── coffee-script.js │ │ ├── config.json │ │ ├── framer.generated.js │ │ ├── framer.init.js │ │ ├── framer.js │ │ ├── framer.js.map │ │ ├── framer.modules.js │ │ ├── images │ │ │ ├── background.png │ │ │ ├── cursor-active.png │ │ │ ├── cursor-active@2x.png │ │ │ ├── cursor.png │ │ │ ├── cursor@2x.png │ │ │ ├── icon-120.png │ │ │ ├── icon-152.png │ │ │ ├── icon-76.png │ │ │ ├── icon-arrow.png │ │ │ ├── icon-arrow@2x.png │ │ │ ├── icon-close.png │ │ │ ├── icon-close@2x.png │ │ │ ├── icon-framer.png │ │ │ ├── icon-framer@2x.png │ │ │ ├── icon-share.png │ │ │ └── icon-share@2x.png │ │ ├── mirror.css │ │ ├── style.css │ │ └── version │ ├── images │ │ ├── .gitkeep │ │ ├── pageA.png │ │ ├── pageB.png │ │ ├── pageC.png │ │ └── pageD.png │ ├── index.html │ └── modules │ │ └── myModule.coffee ├── Rotation.framer │ ├── .gitignore │ ├── app.coffee │ ├── framer │ │ ├── coffee-script.js │ │ ├── config.json │ │ ├── framer.generated.js │ │ ├── framer.init.js │ │ ├── framer.js │ │ ├── framer.js.map │ │ ├── framer.modules.js │ │ ├── images │ │ │ ├── background.png │ │ │ ├── cursor-active.png │ │ │ ├── cursor-active@2x.png │ │ │ ├── cursor.png │ │ │ ├── cursor@2x.png │ │ │ ├── icon-120.png │ │ │ ├── icon-152.png │ │ │ ├── icon-76.png │ │ │ ├── icon-arrow.png │ │ │ ├── icon-arrow@2x.png │ │ │ ├── icon-close.png │ │ │ ├── icon-close@2x.png │ │ │ ├── icon-framer.png │ │ │ ├── icon-framer@2x.png │ │ │ ├── icon-share.png │ │ │ └── icon-share@2x.png │ │ ├── mirror.css │ │ ├── style.css │ │ └── version │ ├── images │ │ └── .gitkeep │ ├── index.html │ └── modules │ │ └── myModule.coffee ├── ScrollLock.framer │ ├── .gitignore │ ├── app.coffee │ ├── framer │ │ ├── coffee-script.js │ │ ├── config.json │ │ ├── framer.generated.js │ │ ├── framer.init.js │ │ ├── framer.js │ │ ├── framer.js.map │ │ ├── framer.modules.js │ │ ├── images │ │ │ ├── background.png │ │ │ ├── cursor-active.png │ │ │ ├── cursor-active@2x.png │ │ │ ├── cursor.png │ │ │ ├── cursor@2x.png │ │ │ ├── icon-120.png │ │ │ ├── icon-152.png │ │ │ ├── icon-180.png │ │ │ ├── icon-192.png │ │ │ ├── icon-76.png │ │ │ ├── icon-arrow.png │ │ │ ├── icon-arrow@2x.png │ │ │ ├── icon-close.png │ │ │ ├── icon-close@2x.png │ │ │ ├── icon-framer.png │ │ │ ├── icon-framer@2x.png │ │ │ ├── icon-share.png │ │ │ └── icon-share@2x.png │ │ ├── mirror.css │ │ ├── style.css │ │ └── version │ ├── images │ │ └── .gitkeep │ ├── index.html │ └── modules │ │ └── myModule.coffee ├── ScrollingCardArray.framer │ ├── .gitignore │ ├── app.coffee │ ├── framer │ │ ├── coffee-script.js │ │ ├── config.json │ │ ├── framer.generated.js │ │ ├── framer.init.js │ │ ├── framer.js │ │ ├── framer.js.map │ │ ├── framer.modules.js │ │ ├── images │ │ │ ├── background.png │ │ │ ├── cursor-active.png │ │ │ ├── cursor-active@2x.png │ │ │ ├── cursor.png │ │ │ ├── cursor@2x.png │ │ │ ├── icon-120.png │ │ │ ├── icon-152.png │ │ │ ├── icon-76.png │ │ │ ├── icon-arrow.png │ │ │ ├── icon-arrow@2x.png │ │ │ ├── icon-close.png │ │ │ ├── icon-close@2x.png │ │ │ ├── icon-framer.png │ │ │ ├── icon-framer@2x.png │ │ │ ├── icon-share.png │ │ │ └── icon-share@2x.png │ │ ├── mirror.css │ │ ├── style.css │ │ └── version │ ├── images │ │ ├── .gitkeep │ │ └── framer-icon.png │ ├── index.html │ └── modules │ │ └── myModule.coffee ├── SpringTester.framer │ ├── .gitignore │ ├── app.coffee │ ├── framer │ │ ├── coffee-script.js │ │ ├── config.json │ │ ├── framer.generated.js │ │ ├── framer.init.js │ │ ├── framer.js │ │ ├── framer.js.map │ │ ├── framer.modules.js │ │ ├── images │ │ │ ├── background.png │ │ │ ├── cursor-active.png │ │ │ ├── cursor-active@2x.png │ │ │ ├── cursor.png │ │ │ ├── cursor@2x.png │ │ │ ├── icon-120.png │ │ │ ├── icon-152.png │ │ │ ├── icon-76.png │ │ │ ├── icon-arrow.png │ │ │ ├── icon-arrow@2x.png │ │ │ ├── icon-close.png │ │ │ ├── icon-close@2x.png │ │ │ ├── icon-framer.png │ │ │ ├── icon-framer@2x.png │ │ │ ├── icon-share.png │ │ │ └── icon-share@2x.png │ │ ├── mirror.css │ │ ├── style.css │ │ └── version │ ├── images │ │ └── .gitkeep │ ├── index.html │ └── modules │ │ └── myModule.coffee └── WatchButtonModule │ ├── button.sketch │ └── buttonModule.framer │ ├── .gitignore │ ├── app.coffee │ ├── app.js │ ├── framer │ ├── coffee-script.js │ ├── config.json │ ├── framer.generated.js │ ├── framer.init.js │ ├── framer.js │ ├── framer.js.map │ ├── framer.modules.js │ ├── images │ │ ├── background.png │ │ ├── cursor-active.png │ │ ├── cursor-active@2x.png │ │ ├── cursor.png │ │ ├── cursor@2x.png │ │ ├── icon-120.png │ │ ├── icon-152.png │ │ ├── icon-76.png │ │ ├── icon-arrow.png │ │ ├── icon-arrow@2x.png │ │ ├── icon-close.png │ │ ├── icon-close@2x.png │ │ ├── icon-framer.png │ │ ├── icon-framer@2x.png │ │ ├── icon-share.png │ │ └── icon-share@2x.png │ ├── mirror.css │ ├── style.css │ └── version │ ├── images │ ├── .gitkeep │ ├── buttonDefault.png │ └── buttonPrimary.png │ ├── index.html │ └── modules │ └── buttonAnimation.coffee ├── Projects ├── MailAppTransition │ ├── MailAppTransition.framer │ │ ├── .gitignore │ │ ├── app.coffee │ │ ├── app.js │ │ ├── framer │ │ │ ├── coffee-script.js │ │ │ ├── config.json │ │ │ ├── framer.generated.js │ │ │ ├── framer.init.js │ │ │ ├── framer.js │ │ │ ├── framer.js.map │ │ │ ├── framer.modules.js │ │ │ ├── images │ │ │ │ ├── background.png │ │ │ │ ├── cursor-active.png │ │ │ │ ├── cursor-active@2x.png │ │ │ │ ├── cursor.png │ │ │ │ ├── cursor@2x.png │ │ │ │ ├── icon-120.png │ │ │ │ ├── icon-152.png │ │ │ │ ├── icon-76.png │ │ │ │ ├── icon-arrow.png │ │ │ │ ├── icon-arrow@2x.png │ │ │ │ ├── icon-close.png │ │ │ │ ├── icon-close@2x.png │ │ │ │ ├── icon-framer.png │ │ │ │ ├── icon-framer@2x.png │ │ │ │ ├── icon-share.png │ │ │ │ └── icon-share@2x.png │ │ │ ├── mirror.css │ │ │ ├── style.css │ │ │ └── version │ │ ├── images │ │ │ ├── .gitkeep │ │ │ ├── background.png │ │ │ ├── composeView.png │ │ │ ├── inboxView.png │ │ │ ├── statusBarBlack.png │ │ │ └── statusBarWhite.png │ │ ├── imported │ │ │ ├── MailAppTransition │ │ │ │ ├── images │ │ │ │ │ ├── Layer-Status_Bar_Black-82BA1FE6-90EC-4C81-BE4F-9BA3E78BFB8F.png │ │ │ │ │ ├── Layer-Status_Bar_White-49F8C7B7-BE96-4341-BFC9-593D5EB3954C.png │ │ │ │ │ ├── Layer-Status_Bars-A8D0A025-951D-47B1-806F-FAC29B794674.png │ │ │ │ │ ├── Layer-addIcon-9D5AF6B4-1EC9-4294-962D-6A05557D132A.png │ │ │ │ │ ├── Layer-background-5D86ECA1-1E47-42AA-BC41-46C6BCDCE94D.png │ │ │ │ │ ├── Layer-composeIcon-19CD8C3C-33B3-4E02-B1B2-F175C4265BFB.png │ │ │ │ │ ├── Layer-composeView-72B20A8D-6720-4DB1-935F-725B65BB678F.png │ │ │ │ │ ├── Layer-firstCell-073DC1C3-5152-4FAA-A906-ADCA90ECE23F.png │ │ │ │ │ ├── Layer-inboxView-89CAD2EE-776C-4143-93DE-A243EC1C3C30.png │ │ │ │ │ ├── Layer-navbar-53756B9E-83CC-4FB1-80A3-5C549AF055DF.png │ │ │ │ │ ├── Layer-pencil-E64C6D17-A6C8-4BE4-8F4D-E94B9708774E.png │ │ │ │ │ ├── Layer-remainingCells-2D4BB1E1-41D4-4D18-BBF8-3982368C58CF.png │ │ │ │ │ ├── Layer-searchField-24065864-755D-4169-92AA-657FE1A7F539.png │ │ │ │ │ └── Layer-toolbar-09CB6C4E-78A1-4D63-8CAE-A821294C98A1.png │ │ │ │ ├── layers.json │ │ │ │ └── layers.json.js │ │ │ └── viewScale │ │ │ │ ├── images │ │ │ │ ├── Layer-Status_Bar_Black-82BA1FE6-90EC-4C81-BE4F-9BA3E78BFB8F.png │ │ │ │ ├── Layer-Status_Bar_White-49F8C7B7-BE96-4341-BFC9-593D5EB3954C.png │ │ │ │ ├── Layer-Status_Bars-A8D0A025-951D-47B1-806F-FAC29B794674.png │ │ │ │ ├── Layer-addIcon-9D5AF6B4-1EC9-4294-962D-6A05557D132A.png │ │ │ │ ├── Layer-background-5D86ECA1-1E47-42AA-BC41-46C6BCDCE94D.png │ │ │ │ ├── Layer-composeIcon-19CD8C3C-33B3-4E02-B1B2-F175C4265BFB.png │ │ │ │ ├── Layer-composeView-72B20A8D-6720-4DB1-935F-725B65BB678F.png │ │ │ │ ├── Layer-firstCell-073DC1C3-5152-4FAA-A906-ADCA90ECE23F.png │ │ │ │ ├── Layer-inboxView-89CAD2EE-776C-4143-93DE-A243EC1C3C30.png │ │ │ │ ├── Layer-navbar-53756B9E-83CC-4FB1-80A3-5C549AF055DF.png │ │ │ │ ├── Layer-pencil-E64C6D17-A6C8-4BE4-8F4D-E94B9708774E.png │ │ │ │ ├── Layer-remainingCells-2D4BB1E1-41D4-4D18-BBF8-3982368C58CF.png │ │ │ │ ├── Layer-searchField-24065864-755D-4169-92AA-657FE1A7F539.png │ │ │ │ └── Layer-toolbar-09CB6C4E-78A1-4D63-8CAE-A821294C98A1.png │ │ │ │ ├── layers.json │ │ │ │ └── layers.json.js │ │ ├── index.html │ │ └── modules │ │ │ └── highlightr.coffee │ └── MailAppTransition.sketch └── NatGeoPrototype │ ├── nat-geo-prototype.framer │ ├── .gitignore │ ├── app.coffee │ ├── framer │ │ ├── coffee-script.js │ │ ├── config.json │ │ ├── framer.generated.js │ │ ├── framer.init.js │ │ ├── framer.js │ │ ├── framer.js.map │ │ ├── framer.modules.js │ │ ├── images │ │ │ ├── background.png │ │ │ ├── cursor.png │ │ │ ├── cursor@2x.png │ │ │ ├── icon-120.png │ │ │ ├── icon-152.png │ │ │ ├── icon-180.png │ │ │ ├── icon-192.png │ │ │ ├── icon-76.png │ │ │ ├── icon-arrow.png │ │ │ ├── icon-arrow@2x.png │ │ │ ├── icon-close.png │ │ │ ├── icon-close@2x.png │ │ │ ├── icon-framer.png │ │ │ ├── icon-framer@2x.png │ │ │ ├── icon-share.png │ │ │ └── icon-share@2x.png │ │ ├── mirror.css │ │ ├── style.css │ │ └── version │ ├── images │ │ └── .gitkeep │ ├── imported │ │ └── nat-geo │ │ │ ├── images │ │ │ ├── Layer-backBtn-16C47B63-0D1F-4C47-9A8E-6E39D1A5EFF3.png │ │ │ ├── Layer-cell1-EC1AB3BD-1EEB-4DDE-A496-B5D953ACD100.png │ │ │ ├── Layer-cell2-310C43D4-2DC2-40BB-B44A-E308FD872BA0.png │ │ │ ├── Layer-cell3-0E00082A-A4F7-4C55-AC3C-7841A5E1012F.png │ │ │ ├── Layer-cell4-7041D912-87F0-4865-8DDC-C572F82338D2.png │ │ │ ├── Layer-cell5-F1BAE166-FCC6-404F-8234-42D120F07ACE.png │ │ │ ├── Layer-dim-0E5FE015-A74F-443F-9218-58460F8AE4B5.png │ │ │ ├── Layer-dim-184DEF86-3F99-486A-B9B2-314C0DE1EF64.png │ │ │ ├── Layer-dim-74B1B5C3-8B08-4C85-84F3-0F4DEEF3033C.png │ │ │ ├── Layer-dim-8022BFBE-BC15-407D-8362-A0E3AD6D9874.png │ │ │ ├── Layer-dim-8C2EF2C2-9E26-4695-8A7B-F88BFEC44343.png │ │ │ ├── Layer-headline-B97163FF-D657-45A0-AB08-2A5F2B6CF4BB.png │ │ │ ├── Layer-movieDetailCopy-6D8B39FF-BB34-42D3-BF48-FE701DFDD519.png │ │ │ ├── Layer-movieList-E69C6FCE-FDE9-458A-81F9-A4A9C8621796.png │ │ │ └── Layer-starWarsPhoto-F3B03C72-CE2B-4A61-B3E5-B5C3125FB167.png │ │ │ ├── layers.json │ │ │ └── layers.json.js │ ├── index.html │ └── modules │ │ └── myModule.coffee │ └── nat-geo.sketch ├── README.md └── Snippets └── how_to_scroll.png /Examples/BezierCurves.framer/.gitignore: -------------------------------------------------------------------------------- 1 | # Framer Git Ignore 2 | 3 | # General OSX 4 | 5 | .DS_Store 6 | .AppleDouble 7 | .LSOverride 8 | 9 | # Icon must end with two \r 10 | Icon 11 | 12 | # Thumbnails 13 | ._* 14 | 15 | # Files that might appear in the root of a volume 16 | .DocumentRevisions-V100 17 | .fseventsd 18 | .Spotlight-V100 19 | .TemporaryItems 20 | .Trashes 21 | .VolumeIcon.icns 22 | 23 | # Directories potentially created on remote AFP share 24 | .AppleDB 25 | .AppleDesktop 26 | Network Trash Folder 27 | Temporary Items 28 | .apdisk 29 | 30 | 31 | # Framer Specific 32 | .temp.html 33 | framer/*.old.* 34 | framer/backup.coffee 35 | framer/backups/* 36 | framer/.*.hash 37 | -------------------------------------------------------------------------------- /Examples/BezierCurves.framer/app.coffee: -------------------------------------------------------------------------------- 1 | # Bezier Curves 2 | # Great article on Smashinb Magazine to learn more about Bezier Curves 3 | # https://www.smashingmagazine.com/2014/04/understanding-css-timing-functions/ 4 | 5 | Framer.Defaults.Animation = 6 | # point 0 & point 3 are always at 0,0 and 1,1 7 | # point 1 & point 2 (x, y, x, y) 8 | curve: "bezier-curve(0.5, -0.25, .25, 1)" 9 | time: 0.6 10 | 11 | layerA = new Layer 12 | y: Screen.height * 0.08 13 | backgroundColor: "rgba(44,153,211,1)" 14 | borderRadius: 400 15 | html: "Click Me" 16 | style: 17 | "text-align":"center" 18 | "line-height":"200px" 19 | layerA.centerX() 20 | layerA.states.add 21 | b: maxY: Screen.height - (Screen.height * 0.08) 22 | 23 | layerA.onClick -> 24 | layerA.states.next() -------------------------------------------------------------------------------- /Examples/BezierCurves.framer/app.js: -------------------------------------------------------------------------------- 1 | // Generated by CoffeeScript 1.9.3 2 | 3 | -------------------------------------------------------------------------------- /Examples/BezierCurves.framer/framer/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "propertyPanelToggleStates" : { 3 | "Filters" : false 4 | }, 5 | "deviceOrientation" : 0, 6 | "sharedPrototype" : 0, 7 | "contentScale" : 1, 8 | "deviceType" : "fullscreen", 9 | "selectedHand" : "", 10 | "updateDelay" : 0.3, 11 | "deviceScale" : 1, 12 | "codeFolds" : [ 13 | 14 | ], 15 | "orientation" : 0 16 | } -------------------------------------------------------------------------------- /Examples/BezierCurves.framer/framer/framer.generated.js: -------------------------------------------------------------------------------- 1 | // This is autogenerated by Framer 2 | 3 | 4 | if (!window.Framer) {window._bridge('runtime.error', {message:'[framer.js] Framer library missing or corrupt. Select File → Update Framer Library.'})} 5 | if (typeof(DeviceComponent) !== "undefined") {DeviceComponent.Devices["iphone-6-silver"].deviceImageJP2 = false}; 6 | window.Framer.Defaults.DeviceView = {"deviceScale":1,"selectedHand":"","deviceType":"fullscreen","contentScale":1,"orientation":0}; 7 | 8 | window.Framer.Defaults.DeviceComponent = {"deviceScale":1,"selectedHand":"","deviceType":"fullscreen","contentScale":1,"orientation":0}; 9 | 10 | window.FramerStudioInfo = {"deviceImagesUrl":"\/_server\/resources\/DeviceImages","documentTitle":"BezierCurves.framer"}; 11 | 12 | Framer.Device = new Framer.DeviceView(); 13 | Framer.Device.setupContext(); -------------------------------------------------------------------------------- /Examples/BezierCurves.framer/framer/framer.modules.js: -------------------------------------------------------------------------------- 1 | // This file will contain generated modules from the project/modules directory -------------------------------------------------------------------------------- /Examples/BezierCurves.framer/framer/images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/BezierCurves.framer/framer/images/background.png -------------------------------------------------------------------------------- /Examples/BezierCurves.framer/framer/images/cursor-active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/BezierCurves.framer/framer/images/cursor-active.png -------------------------------------------------------------------------------- /Examples/BezierCurves.framer/framer/images/cursor-active@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/BezierCurves.framer/framer/images/cursor-active@2x.png -------------------------------------------------------------------------------- /Examples/BezierCurves.framer/framer/images/cursor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/BezierCurves.framer/framer/images/cursor.png -------------------------------------------------------------------------------- /Examples/BezierCurves.framer/framer/images/cursor@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/BezierCurves.framer/framer/images/cursor@2x.png -------------------------------------------------------------------------------- /Examples/BezierCurves.framer/framer/images/icon-120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/BezierCurves.framer/framer/images/icon-120.png -------------------------------------------------------------------------------- /Examples/BezierCurves.framer/framer/images/icon-152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/BezierCurves.framer/framer/images/icon-152.png -------------------------------------------------------------------------------- /Examples/BezierCurves.framer/framer/images/icon-76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/BezierCurves.framer/framer/images/icon-76.png -------------------------------------------------------------------------------- /Examples/BezierCurves.framer/framer/images/icon-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/BezierCurves.framer/framer/images/icon-arrow.png -------------------------------------------------------------------------------- /Examples/BezierCurves.framer/framer/images/icon-arrow@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/BezierCurves.framer/framer/images/icon-arrow@2x.png -------------------------------------------------------------------------------- /Examples/BezierCurves.framer/framer/images/icon-close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/BezierCurves.framer/framer/images/icon-close.png -------------------------------------------------------------------------------- /Examples/BezierCurves.framer/framer/images/icon-close@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/BezierCurves.framer/framer/images/icon-close@2x.png -------------------------------------------------------------------------------- /Examples/BezierCurves.framer/framer/images/icon-framer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/BezierCurves.framer/framer/images/icon-framer.png -------------------------------------------------------------------------------- /Examples/BezierCurves.framer/framer/images/icon-framer@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/BezierCurves.framer/framer/images/icon-framer@2x.png -------------------------------------------------------------------------------- /Examples/BezierCurves.framer/framer/images/icon-share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/BezierCurves.framer/framer/images/icon-share.png -------------------------------------------------------------------------------- /Examples/BezierCurves.framer/framer/images/icon-share@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/BezierCurves.framer/framer/images/icon-share@2x.png -------------------------------------------------------------------------------- /Examples/BezierCurves.framer/framer/version: -------------------------------------------------------------------------------- 1 | 3 -------------------------------------------------------------------------------- /Examples/BezierCurves.framer/images/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/BezierCurves.framer/images/.gitkeep -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/.gitignore: -------------------------------------------------------------------------------- 1 | # Framer Git Ignore 2 | 3 | # General OSX 4 | 5 | .DS_Store 6 | .AppleDouble 7 | .LSOverride 8 | 9 | # Icon must end with two \r 10 | Icon 11 | 12 | # Thumbnails 13 | ._* 14 | 15 | # Files that might appear in the root of a volume 16 | .DocumentRevisions-V100 17 | .fseventsd 18 | .Spotlight-V100 19 | .TemporaryItems 20 | .Trashes 21 | .VolumeIcon.icns 22 | 23 | # Directories potentially created on remote AFP share 24 | .AppleDB 25 | .AppleDesktop 26 | Network Trash Folder 27 | Temporary Items 28 | .apdisk 29 | 30 | 31 | # Framer Specific 32 | .temp.html 33 | framer/*.old.* 34 | framer/backup.coffee 35 | framer/backups/* 36 | framer/.*.hash 37 | -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/app.coffee: -------------------------------------------------------------------------------- 1 | # Using .lighten and .darken in a loop 2 | 3 | # 1. define a new color 4 | blue = new Color("#1d61f0") 5 | 6 | scroller = new ScrollComponent 7 | width: Screen.width, height: Screen.height 8 | scroller.scrollHorizontal = false 9 | 10 | for i in [0..16] 11 | layer = new Layer 12 | y: 150 * i 13 | width: Screen.width 14 | height: 150 15 | # 2. call the color with .lighten(value) 16 | backgroundColor: blue.lighten(2) 17 | parent: scroller.content 18 | 19 | # 3. also works with .darken(value) 20 | 21 | -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/app.js: -------------------------------------------------------------------------------- 1 | // Generated by CoffeeScript 1.9.3 2 | 3 | -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/framer/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "propertyPanelToggleStates" : { 3 | 4 | }, 5 | "deviceOrientation" : 0, 6 | "sharedPrototype" : 0, 7 | "contentScale" : 1, 8 | "deviceType" : "apple-iphone-6s-silver", 9 | "selectedHand" : "", 10 | "updateDelay" : 0.3, 11 | "deviceScale" : 0.5, 12 | "codeFolds" : [ 13 | 14 | ], 15 | "orientation" : 0, 16 | "fullScreen" : false 17 | } -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/framer/framer.generated.js: -------------------------------------------------------------------------------- 1 | // This is autogenerated by Framer 2 | 3 | 4 | if (!window.Framer) {window._bridge('runtime.error', {message:'[framer.js] Framer library missing or corrupt. Select File → Update Framer Library.'})} 5 | if (typeof(DeviceComponent) !== "undefined") {DeviceComponent.Devices["iphone-6-silver"].deviceImageJP2 = false}; 6 | window.Framer.Defaults.DeviceView = {"deviceScale":0.5,"selectedHand":"","deviceType":"apple-iphone-6s-silver","contentScale":1,"orientation":0}; 7 | 8 | window.Framer.Defaults.DeviceComponent = {"deviceScale":0.5,"selectedHand":"","deviceType":"apple-iphone-6s-silver","contentScale":1,"orientation":0}; 9 | 10 | window.FramerStudioInfo = {"deviceImagesUrl":"\/_server\/resources\/DeviceImages","documentTitle":"Color-Lighten.framer"}; 11 | 12 | Framer.Device = new Framer.DeviceView(); 13 | Framer.Device.setupContext(); -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/framer/images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Color-Lighten.framer/framer/images/background.png -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/framer/images/cursor-active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Color-Lighten.framer/framer/images/cursor-active.png -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/framer/images/cursor-active@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Color-Lighten.framer/framer/images/cursor-active@2x.png -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/framer/images/cursor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Color-Lighten.framer/framer/images/cursor.png -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/framer/images/cursor@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Color-Lighten.framer/framer/images/cursor@2x.png -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/framer/images/icon-120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Color-Lighten.framer/framer/images/icon-120.png -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/framer/images/icon-152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Color-Lighten.framer/framer/images/icon-152.png -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/framer/images/icon-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Color-Lighten.framer/framer/images/icon-180.png -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/framer/images/icon-192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Color-Lighten.framer/framer/images/icon-192.png -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/framer/images/icon-76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Color-Lighten.framer/framer/images/icon-76.png -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/framer/images/icon-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Color-Lighten.framer/framer/images/icon-arrow.png -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/framer/images/icon-arrow@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Color-Lighten.framer/framer/images/icon-arrow@2x.png -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/framer/images/icon-close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Color-Lighten.framer/framer/images/icon-close.png -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/framer/images/icon-close@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Color-Lighten.framer/framer/images/icon-close@2x.png -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/framer/images/icon-framer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Color-Lighten.framer/framer/images/icon-framer.png -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/framer/images/icon-framer@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Color-Lighten.framer/framer/images/icon-framer@2x.png -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/framer/images/icon-share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Color-Lighten.framer/framer/images/icon-share.png -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/framer/images/icon-share@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Color-Lighten.framer/framer/images/icon-share@2x.png -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/framer/version: -------------------------------------------------------------------------------- 1 | 3 -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/images/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Color-Lighten.framer/images/.gitkeep -------------------------------------------------------------------------------- /Examples/Color-Lighten.framer/modules/myModule.coffee: -------------------------------------------------------------------------------- 1 | # Add the following line to your project in Framer Studio. 2 | # myModule = require "myModule" 3 | # Reference the contents by name, like myModule.myFunction() or myModule.myVar 4 | 5 | exports.myVar = "myVariable" 6 | 7 | exports.myFunction = -> 8 | print "myFunction is running" 9 | 10 | exports.myArray = [1, 2, 3] -------------------------------------------------------------------------------- /Examples/ColorModules.framer/.gitignore: -------------------------------------------------------------------------------- 1 | # Framer Git Ignore 2 | 3 | # General OSX 4 | 5 | .DS_Store 6 | .AppleDouble 7 | .LSOverride 8 | 9 | # Icon must end with two \r 10 | Icon 11 | 12 | # Thumbnails 13 | ._* 14 | 15 | # Files that might appear in the root of a volume 16 | .DocumentRevisions-V100 17 | .fseventsd 18 | .Spotlight-V100 19 | .TemporaryItems 20 | .Trashes 21 | .VolumeIcon.icns 22 | 23 | # Directories potentially created on remote AFP share 24 | .AppleDB 25 | .AppleDesktop 26 | Network Trash Folder 27 | Temporary Items 28 | .apdisk 29 | 30 | 31 | # Framer Specific 32 | .temp.html 33 | framer/*.old.* 34 | framer/backup.coffee 35 | framer/backups/* 36 | framer/.*.hash 37 | -------------------------------------------------------------------------------- /Examples/ColorModules.framer/app.coffee: -------------------------------------------------------------------------------- 1 | colors = require "colors" 2 | 3 | for i in [0..9] 4 | layer = new Layer 5 | x: Align.center 6 | y: i * 100 7 | width: Screen.height / colors.appleColors.length 8 | height: Screen.height / colors.appleColors.length 9 | backgroundColor: colors.appleColors[i] 10 | borderRadius: 1000 11 | layer.y = layer.height * i -------------------------------------------------------------------------------- /Examples/ColorModules.framer/framer/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "propertyPanelToggleStates" : { 3 | "Filters" : false 4 | }, 5 | "deviceOrientation" : 0, 6 | "sharedPrototype" : 0, 7 | "contentScale" : 1, 8 | "deviceType" : "fullscreen", 9 | "selectedHand" : "", 10 | "updateDelay" : 0.3, 11 | "deviceScale" : 1, 12 | "codeFolds" : [ 13 | 14 | ], 15 | "orientation" : 0 16 | } -------------------------------------------------------------------------------- /Examples/ColorModules.framer/framer/framer.generated.js: -------------------------------------------------------------------------------- 1 | // This is autogenerated by Framer 2 | 3 | 4 | if (!window.Framer) {window._bridge('runtime.error', {message:'[framer.js] Framer library missing or corrupt. Select File → Update Framer Library.'})} 5 | if (typeof(DeviceComponent) !== "undefined") {DeviceComponent.Devices["iphone-6-silver"].deviceImageJP2 = false}; 6 | window.Framer.Defaults.DeviceView = {"deviceScale":1,"selectedHand":"","deviceType":"fullscreen","contentScale":1,"orientation":0}; 7 | 8 | window.Framer.Defaults.DeviceComponent = {"deviceScale":1,"selectedHand":"","deviceType":"fullscreen","contentScale":1,"orientation":0}; 9 | 10 | window.FramerStudioInfo = {"deviceImagesUrl":"\/_server\/resources\/DeviceImages","documentTitle":"ColorModules.framer"}; 11 | 12 | Framer.Device = new Framer.DeviceView(); 13 | Framer.Device.setupContext(); -------------------------------------------------------------------------------- /Examples/ColorModules.framer/framer/images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ColorModules.framer/framer/images/background.png -------------------------------------------------------------------------------- /Examples/ColorModules.framer/framer/images/cursor-active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ColorModules.framer/framer/images/cursor-active.png -------------------------------------------------------------------------------- /Examples/ColorModules.framer/framer/images/cursor-active@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ColorModules.framer/framer/images/cursor-active@2x.png -------------------------------------------------------------------------------- /Examples/ColorModules.framer/framer/images/cursor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ColorModules.framer/framer/images/cursor.png -------------------------------------------------------------------------------- /Examples/ColorModules.framer/framer/images/cursor@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ColorModules.framer/framer/images/cursor@2x.png -------------------------------------------------------------------------------- /Examples/ColorModules.framer/framer/images/icon-120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ColorModules.framer/framer/images/icon-120.png -------------------------------------------------------------------------------- /Examples/ColorModules.framer/framer/images/icon-152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ColorModules.framer/framer/images/icon-152.png -------------------------------------------------------------------------------- /Examples/ColorModules.framer/framer/images/icon-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ColorModules.framer/framer/images/icon-180.png -------------------------------------------------------------------------------- /Examples/ColorModules.framer/framer/images/icon-192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ColorModules.framer/framer/images/icon-192.png -------------------------------------------------------------------------------- /Examples/ColorModules.framer/framer/images/icon-76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ColorModules.framer/framer/images/icon-76.png -------------------------------------------------------------------------------- /Examples/ColorModules.framer/framer/images/icon-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ColorModules.framer/framer/images/icon-arrow.png -------------------------------------------------------------------------------- /Examples/ColorModules.framer/framer/images/icon-arrow@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ColorModules.framer/framer/images/icon-arrow@2x.png -------------------------------------------------------------------------------- /Examples/ColorModules.framer/framer/images/icon-close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ColorModules.framer/framer/images/icon-close.png -------------------------------------------------------------------------------- /Examples/ColorModules.framer/framer/images/icon-close@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ColorModules.framer/framer/images/icon-close@2x.png -------------------------------------------------------------------------------- /Examples/ColorModules.framer/framer/images/icon-framer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ColorModules.framer/framer/images/icon-framer.png -------------------------------------------------------------------------------- /Examples/ColorModules.framer/framer/images/icon-framer@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ColorModules.framer/framer/images/icon-framer@2x.png -------------------------------------------------------------------------------- /Examples/ColorModules.framer/framer/images/icon-share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ColorModules.framer/framer/images/icon-share.png -------------------------------------------------------------------------------- /Examples/ColorModules.framer/framer/images/icon-share@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ColorModules.framer/framer/images/icon-share@2x.png -------------------------------------------------------------------------------- /Examples/ColorModules.framer/framer/version: -------------------------------------------------------------------------------- 1 | 3 -------------------------------------------------------------------------------- /Examples/ColorModules.framer/images/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ColorModules.framer/images/.gitkeep -------------------------------------------------------------------------------- /Examples/ColorModules.framer/modules/colors.coffee: -------------------------------------------------------------------------------- 1 | exports.appleColors = ["#5856d6", "#007aff", "#34aadc", "#5ac8fa", "#4cd964", "#ff2d55", "#ff3b30", "#ff9500", "#ffcc00", "#8e8e93"] 2 | -------------------------------------------------------------------------------- /Examples/CountdownTimer.framer/.gitignore: -------------------------------------------------------------------------------- 1 | # Framer Git Ignore 2 | 3 | # General OSX 4 | 5 | .DS_Store 6 | .AppleDouble 7 | .LSOverride 8 | 9 | # Icon must end with two \r 10 | Icon 11 | 12 | # Thumbnails 13 | ._* 14 | 15 | # Files that might appear in the root of a volume 16 | .DocumentRevisions-V100 17 | .fseventsd 18 | .Spotlight-V100 19 | .TemporaryItems 20 | .Trashes 21 | .VolumeIcon.icns 22 | 23 | # Directories potentially created on remote AFP share 24 | .AppleDB 25 | .AppleDesktop 26 | Network Trash Folder 27 | Temporary Items 28 | .apdisk 29 | 30 | 31 | # Framer Specific 32 | .temp.html 33 | framer/*.old.* 34 | framer/backup.coffee 35 | framer/backups/* 36 | framer/.*.hash 37 | -------------------------------------------------------------------------------- /Examples/CountdownTimer.framer/framer/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "propertyPanelToggleStates" : { 3 | "Filters" : false 4 | }, 5 | "deviceOrientation" : 0, 6 | "sharedPrototype" : 0, 7 | "contentScale" : 1, 8 | "deviceType" : "fullscreen", 9 | "selectedHand" : "", 10 | "updateDelay" : 0.3, 11 | "deviceScale" : 1, 12 | "codeFolds" : [ 13 | 14 | ], 15 | "orientation" : 0 16 | } -------------------------------------------------------------------------------- /Examples/CountdownTimer.framer/framer/framer.generated.js: -------------------------------------------------------------------------------- 1 | // This is autogenerated by Framer 2 | 3 | 4 | if (!window.Framer) {window._bridge('runtime.error', {message:'[framer.js] Framer library missing or corrupt. Select File → Update Framer Library.'})} 5 | if (typeof(DeviceComponent) !== "undefined") {DeviceComponent.Devices["iphone-6-silver"].deviceImageJP2 = false}; 6 | window.Framer.Defaults.DeviceView = {"deviceScale":1,"selectedHand":"","deviceType":"fullscreen","contentScale":1,"orientation":0}; 7 | 8 | window.Framer.Defaults.DeviceComponent = {"deviceScale":1,"selectedHand":"","deviceType":"fullscreen","contentScale":1,"orientation":0}; 9 | 10 | window.FramerStudioInfo = {"deviceImagesUrl":"\/_server\/resources\/DeviceImages","documentTitle":"Countdown.framer"}; 11 | 12 | Framer.Device = new Framer.DeviceView(); 13 | Framer.Device.setupContext(); -------------------------------------------------------------------------------- /Examples/CountdownTimer.framer/framer/images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/CountdownTimer.framer/framer/images/background.png -------------------------------------------------------------------------------- /Examples/CountdownTimer.framer/framer/images/cursor-active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/CountdownTimer.framer/framer/images/cursor-active.png -------------------------------------------------------------------------------- /Examples/CountdownTimer.framer/framer/images/cursor-active@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/CountdownTimer.framer/framer/images/cursor-active@2x.png -------------------------------------------------------------------------------- /Examples/CountdownTimer.framer/framer/images/cursor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/CountdownTimer.framer/framer/images/cursor.png -------------------------------------------------------------------------------- /Examples/CountdownTimer.framer/framer/images/cursor@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/CountdownTimer.framer/framer/images/cursor@2x.png -------------------------------------------------------------------------------- /Examples/CountdownTimer.framer/framer/images/icon-120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/CountdownTimer.framer/framer/images/icon-120.png -------------------------------------------------------------------------------- /Examples/CountdownTimer.framer/framer/images/icon-152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/CountdownTimer.framer/framer/images/icon-152.png -------------------------------------------------------------------------------- /Examples/CountdownTimer.framer/framer/images/icon-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/CountdownTimer.framer/framer/images/icon-180.png -------------------------------------------------------------------------------- /Examples/CountdownTimer.framer/framer/images/icon-192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/CountdownTimer.framer/framer/images/icon-192.png -------------------------------------------------------------------------------- /Examples/CountdownTimer.framer/framer/images/icon-76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/CountdownTimer.framer/framer/images/icon-76.png -------------------------------------------------------------------------------- /Examples/CountdownTimer.framer/framer/images/icon-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/CountdownTimer.framer/framer/images/icon-arrow.png -------------------------------------------------------------------------------- /Examples/CountdownTimer.framer/framer/images/icon-arrow@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/CountdownTimer.framer/framer/images/icon-arrow@2x.png -------------------------------------------------------------------------------- /Examples/CountdownTimer.framer/framer/images/icon-close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/CountdownTimer.framer/framer/images/icon-close.png -------------------------------------------------------------------------------- /Examples/CountdownTimer.framer/framer/images/icon-close@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/CountdownTimer.framer/framer/images/icon-close@2x.png -------------------------------------------------------------------------------- /Examples/CountdownTimer.framer/framer/images/icon-framer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/CountdownTimer.framer/framer/images/icon-framer.png -------------------------------------------------------------------------------- /Examples/CountdownTimer.framer/framer/images/icon-framer@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/CountdownTimer.framer/framer/images/icon-framer@2x.png -------------------------------------------------------------------------------- /Examples/CountdownTimer.framer/framer/images/icon-share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/CountdownTimer.framer/framer/images/icon-share.png -------------------------------------------------------------------------------- /Examples/CountdownTimer.framer/framer/images/icon-share@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/CountdownTimer.framer/framer/images/icon-share@2x.png -------------------------------------------------------------------------------- /Examples/CountdownTimer.framer/framer/version: -------------------------------------------------------------------------------- 1 | 3 -------------------------------------------------------------------------------- /Examples/CountdownTimer.framer/images/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/CountdownTimer.framer/images/.gitkeep -------------------------------------------------------------------------------- /Examples/CountdownTimer.framer/modules/myModule.coffee: -------------------------------------------------------------------------------- 1 | # Add the following line to your project in Framer Studio. 2 | # myModule = require "myModule" 3 | # Reference the contents by name, like myModule.myFunction() or myModule.myVar 4 | 5 | exports.myVar = "myVariable" 6 | 7 | exports.myFunction = -> 8 | print "myFunction is running" 9 | 10 | exports.myArray = [1, 2, 3] -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/.temp.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/Icon : -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ErrorWiggles.framer/Icon -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/framer/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "propertyPanelToggleStates" : { 3 | 4 | }, 5 | "deviceOrientation" : 0, 6 | "sharedPrototype" : 0, 7 | "contentScale" : 1, 8 | "deviceType" : "fullscreen", 9 | "selectedHand" : "", 10 | "updateDelay" : 0.3, 11 | "deviceScale" : 1, 12 | "codeFolds" : [ 13 | 14 | ], 15 | "orientation" : 0 16 | } -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/framer/framer.generated.js: -------------------------------------------------------------------------------- 1 | // This is autogenerated by Framer 2 | 3 | 4 | if (!window.Framer) {window._bridge('runtime.error', {message:'[framer.js] Framer library missing or corrupt. Select File → Update Framer Library.'})} 5 | if (typeof(DeviceComponent) !== "undefined") {DeviceComponent.Devices["iphone-6-silver"].deviceImageJP2 = false}; 6 | window.Framer.Defaults.DeviceView = {"deviceScale":1,"selectedHand":"","deviceType":"fullscreen","contentScale":1,"orientation":0}; 7 | 8 | window.Framer.Defaults.DeviceComponent = {"deviceScale":1,"selectedHand":"","deviceType":"fullscreen","contentScale":1,"orientation":0}; 9 | 10 | window.FramerStudioInfo = {"deviceImagesUrl":"\/_server\/resources\/DeviceImages","documentTitle":"errorWiggles.framer"}; 11 | 12 | Framer.Device = new Framer.DeviceView(); 13 | Framer.Device.setupContext(); -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/framer/framer.modules.js: -------------------------------------------------------------------------------- 1 | // This file will contain generated modules from the project/modules directory -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/framer/images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ErrorWiggles.framer/framer/images/background.png -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/framer/images/cursor-active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ErrorWiggles.framer/framer/images/cursor-active.png -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/framer/images/cursor-active@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ErrorWiggles.framer/framer/images/cursor-active@2x.png -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/framer/images/cursor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ErrorWiggles.framer/framer/images/cursor.png -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/framer/images/cursor@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ErrorWiggles.framer/framer/images/cursor@2x.png -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/framer/images/icon-120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ErrorWiggles.framer/framer/images/icon-120.png -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/framer/images/icon-152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ErrorWiggles.framer/framer/images/icon-152.png -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/framer/images/icon-76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ErrorWiggles.framer/framer/images/icon-76.png -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/framer/images/icon-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ErrorWiggles.framer/framer/images/icon-arrow.png -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/framer/images/icon-arrow@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ErrorWiggles.framer/framer/images/icon-arrow@2x.png -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/framer/images/icon-close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ErrorWiggles.framer/framer/images/icon-close.png -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/framer/images/icon-close@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ErrorWiggles.framer/framer/images/icon-close@2x.png -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/framer/images/icon-framer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ErrorWiggles.framer/framer/images/icon-framer.png -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/framer/images/icon-framer@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ErrorWiggles.framer/framer/images/icon-framer@2x.png -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/framer/images/icon-share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ErrorWiggles.framer/framer/images/icon-share.png -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/framer/images/icon-share@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ErrorWiggles.framer/framer/images/icon-share@2x.png -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/framer/version: -------------------------------------------------------------------------------- 1 | 3 -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/images/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ErrorWiggles.framer/images/.gitkeep -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/images/framer-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ErrorWiggles.framer/images/framer-icon.png -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /Examples/ErrorWiggles.framer/offline.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/.gitignore: -------------------------------------------------------------------------------- 1 | # Framer Git Ignore 2 | 3 | # General OSX 4 | 5 | .DS_Store 6 | .AppleDouble 7 | .LSOverride 8 | 9 | # Icon must end with two \r 10 | Icon 11 | 12 | # Thumbnails 13 | ._* 14 | 15 | # Files that might appear in the root of a volume 16 | .DocumentRevisions-V100 17 | .fseventsd 18 | .Spotlight-V100 19 | .TemporaryItems 20 | .Trashes 21 | .VolumeIcon.icns 22 | 23 | # Directories potentially created on remote AFP share 24 | .AppleDB 25 | .AppleDesktop 26 | Network Trash Folder 27 | Temporary Items 28 | .apdisk 29 | 30 | 31 | # Framer Specific 32 | .temp.html 33 | framer/*.old.* 34 | framer/backup.coffee 35 | framer/backups/* 36 | framer/.*.hash 37 | -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/framer/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "propertyPanelToggleStates" : { 3 | "Filters" : false 4 | }, 5 | "deviceOrientation" : 0, 6 | "sharedPrototype" : 1, 7 | "contentScale" : 1, 8 | "deviceType" : "apple-iphone-6s-rose-gold", 9 | "selectedHand" : "", 10 | "updateDelay" : 0.3, 11 | "deviceScale" : "fit", 12 | "codeFolds" : [ 13 | 14 | ], 15 | "orientation" : 0, 16 | "fullScreen" : false 17 | } -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/framer/images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/framer/images/background.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/framer/images/cursor-active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/framer/images/cursor-active.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/framer/images/cursor-active@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/framer/images/cursor-active@2x.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/framer/images/cursor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/framer/images/cursor.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/framer/images/cursor@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/framer/images/cursor@2x.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/framer/images/icon-120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/framer/images/icon-120.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/framer/images/icon-152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/framer/images/icon-152.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/framer/images/icon-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/framer/images/icon-180.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/framer/images/icon-192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/framer/images/icon-192.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/framer/images/icon-76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/framer/images/icon-76.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/framer/images/icon-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/framer/images/icon-arrow.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/framer/images/icon-arrow@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/framer/images/icon-arrow@2x.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/framer/images/icon-close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/framer/images/icon-close.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/framer/images/icon-close@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/framer/images/icon-close@2x.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/framer/images/icon-framer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/framer/images/icon-framer.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/framer/images/icon-framer@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/framer/images/icon-framer@2x.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/framer/images/icon-share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/framer/images/icon-share.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/framer/images/icon-share@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/framer/images/icon-share@2x.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/framer/version: -------------------------------------------------------------------------------- 1 | 3 -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/images/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/images/.gitkeep -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/imported/grid-images@1x/images/Layer-image-mjq0nja0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/imported/grid-images@1x/images/Layer-image-mjq0nja0.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/imported/grid-images@1x/images/Layer-image-mthdndk2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/imported/grid-images@1x/images/Layer-image-mthdndk2.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/imported/grid-images@1x/images/Layer-image-mtlemjle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/imported/grid-images@1x/images/Layer-image-mtlemjle.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/imported/grid-images@1x/images/Layer-image-muy2q0e5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/imported/grid-images@1x/images/Layer-image-muy2q0e5.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/imported/grid-images@1x/images/Layer-image-njq5muje.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/imported/grid-images@1x/images/Layer-image-njq5muje.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/imported/grid-images@1x/images/Layer-image-nju5m0e2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/imported/grid-images@1x/images/Layer-image-nju5m0e2.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/imported/grid-images@1x/images/Layer-image-nzu0n0vg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/imported/grid-images@1x/images/Layer-image-nzu0n0vg.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/imported/grid-images@1x/images/Layer-image-otexqziy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/imported/grid-images@1x/images/Layer-image-otexqziy.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/imported/grid-images@1x/images/Layer-image-qjveqtg2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/GridImages.framer/imported/grid-images@1x/images/Layer-image-qjveqtg2.png -------------------------------------------------------------------------------- /Examples/GridImages/GridImages.framer/modules/myModule.coffee: -------------------------------------------------------------------------------- 1 | # Add the following line to your project in Framer Studio. 2 | # myModule = require "myModule" 3 | # Reference the contents by name, like myModule.myFunction() or myModule.myVar 4 | 5 | exports.myVar = "myVariable" 6 | 7 | exports.myFunction = -> 8 | print "myFunction is running" 9 | 10 | exports.myArray = [1, 2, 3] -------------------------------------------------------------------------------- /Examples/GridImages/grid-images.sketch: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/GridImages/grid-images.sketch -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/.gitignore: -------------------------------------------------------------------------------- 1 | # Framer Git Ignore 2 | 3 | # General OSX 4 | 5 | .DS_Store 6 | .AppleDouble 7 | .LSOverride 8 | 9 | # Icon must end with two \r 10 | Icon 11 | 12 | # Thumbnails 13 | ._* 14 | 15 | # Files that might appear in the root of a volume 16 | .DocumentRevisions-V100 17 | .fseventsd 18 | .Spotlight-V100 19 | .TemporaryItems 20 | .Trashes 21 | .VolumeIcon.icns 22 | 23 | # Directories potentially created on remote AFP share 24 | .AppleDB 25 | .AppleDesktop 26 | Network Trash Folder 27 | Temporary Items 28 | .apdisk 29 | 30 | 31 | # Framer Specific 32 | .temp.html 33 | framer/*.old.* 34 | framer/backup.coffee 35 | framer/backups/* 36 | framer/.*.hash 37 | -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/HideNavBarOnScroll.sketch: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/HideNavBarOnScroll.framer/HideNavBarOnScroll.sketch -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/app.coffee: -------------------------------------------------------------------------------- 1 | ### 2 | Hide navBar on scroll 3 | ### 4 | 5 | bg = new BackgroundLayer 6 | backgroundColor: "#f5f5f5" 7 | 8 | scroller = new ScrollComponent 9 | width: Screen.width 10 | height: Screen.height 11 | scrollHorizontal: false 12 | scroller.contentInset = 13 | top: 128 + 48 14 | bottom: 48 15 | 16 | content = new Layer 17 | width: 750, height: 4538 18 | image: "images/content.png" 19 | superLayer: scroller.content 20 | 21 | navBar = new Layer 22 | width: Screen.width 23 | height: 128 24 | backgroundColor: "rgba(44,153,211,1)" 25 | html: "Hide on Scroll" 26 | style: 27 | "font-family": "-apple-system" 28 | "font-size": "34px" 29 | "color": "#ffffff" 30 | "font-weight": "500" 31 | "line-height": "148px" 32 | "text-align": "center" 33 | 34 | navBar.states.add 35 | show: y: 0 36 | hide: y: -navBar.height 37 | navBar.states.animationOptions = 38 | curve: "spring(400, 40, 0)" 39 | 40 | scroller.on Events.Scroll, -> 41 | # print scroller.direction 42 | if scroller.direction == "up" 43 | navBar.states.switch("show") 44 | if scroller.direction == "down" 45 | navBar.states.switch("hide") 46 | 47 | -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/app.js: -------------------------------------------------------------------------------- 1 | // Generated by CoffeeScript 1.9.3 2 | 3 | -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/framer/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "propertyPanelToggleStates" : { 3 | "Filters" : false 4 | }, 5 | "deviceOrientation" : 0, 6 | "sharedPrototype" : 1, 7 | "contentScale" : 1, 8 | "deviceType" : "apple-iphone-6s-silver", 9 | "selectedHand" : "iphone-hands-2", 10 | "updateDelay" : 0.3, 11 | "deviceScale" : 0.5, 12 | "codeFolds" : [ 13 | 14 | ], 15 | "orientation" : 0, 16 | "fullScreen" : false 17 | } -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/framer/framer.generated.js: -------------------------------------------------------------------------------- 1 | // This is autogenerated by Framer 2 | 3 | 4 | if (!window.Framer) {window._bridge('runtime.error', {message:'[framer.js] Framer library missing or corrupt. Select File → Update Framer Library.'})} 5 | if (typeof(DeviceComponent) !== "undefined") {DeviceComponent.Devices["iphone-6-silver"].deviceImageJP2 = false}; 6 | window.Framer.Defaults.DeviceView = {"deviceScale":0.5,"selectedHand":"iphone-hands-2","deviceType":"apple-iphone-6s-silver","contentScale":1,"orientation":0}; 7 | 8 | window.Framer.Defaults.DeviceComponent = {"deviceScale":0.5,"selectedHand":"iphone-hands-2","deviceType":"apple-iphone-6s-silver","contentScale":1,"orientation":0}; 9 | 10 | window.FramerStudioInfo = {"deviceImagesUrl":"\/_server\/resources\/DeviceImages","documentTitle":"HideNavBarOnScroll.framer"}; 11 | 12 | Framer.Device = new Framer.DeviceView(); 13 | Framer.Device.setupContext(); -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/framer/images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/HideNavBarOnScroll.framer/framer/images/background.png -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/framer/images/cursor-active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/HideNavBarOnScroll.framer/framer/images/cursor-active.png -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/framer/images/cursor-active@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/HideNavBarOnScroll.framer/framer/images/cursor-active@2x.png -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/framer/images/cursor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/HideNavBarOnScroll.framer/framer/images/cursor.png -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/framer/images/cursor@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/HideNavBarOnScroll.framer/framer/images/cursor@2x.png -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/framer/images/icon-120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/HideNavBarOnScroll.framer/framer/images/icon-120.png -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/framer/images/icon-152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/HideNavBarOnScroll.framer/framer/images/icon-152.png -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/framer/images/icon-76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/HideNavBarOnScroll.framer/framer/images/icon-76.png -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/framer/images/icon-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/HideNavBarOnScroll.framer/framer/images/icon-arrow.png -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/framer/images/icon-arrow@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/HideNavBarOnScroll.framer/framer/images/icon-arrow@2x.png -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/framer/images/icon-close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/HideNavBarOnScroll.framer/framer/images/icon-close.png -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/framer/images/icon-close@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/HideNavBarOnScroll.framer/framer/images/icon-close@2x.png -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/framer/images/icon-framer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/HideNavBarOnScroll.framer/framer/images/icon-framer.png -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/framer/images/icon-framer@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/HideNavBarOnScroll.framer/framer/images/icon-framer@2x.png -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/framer/images/icon-share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/HideNavBarOnScroll.framer/framer/images/icon-share.png -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/framer/images/icon-share@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/HideNavBarOnScroll.framer/framer/images/icon-share@2x.png -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/framer/version: -------------------------------------------------------------------------------- 1 | 3 -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/images/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/HideNavBarOnScroll.framer/images/.gitkeep -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/images/content.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/HideNavBarOnScroll.framer/images/content.png -------------------------------------------------------------------------------- /Examples/HideNavBarOnScroll.framer/modules/myModule.coffee: -------------------------------------------------------------------------------- 1 | # Add the following line to your project in Framer Studio. 2 | # myModule = require "myModule" 3 | # Reference the contents by name, like myModule.myFunction() or myModule.myVar 4 | 5 | exports.myVar = "myVariable" 6 | 7 | exports.myFunction = -> 8 | print "myFunction is running" 9 | 10 | exports.myArray = [1, 2, 3] -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/.gitignore: -------------------------------------------------------------------------------- 1 | # Framer Git Ignore 2 | 3 | # General OSX 4 | 5 | .DS_Store 6 | .AppleDouble 7 | .LSOverride 8 | 9 | # Icon must end with two \r 10 | Icon 11 | 12 | # Thumbnails 13 | ._* 14 | 15 | # Files that might appear in the root of a volume 16 | .DocumentRevisions-V100 17 | .fseventsd 18 | .Spotlight-V100 19 | .TemporaryItems 20 | .Trashes 21 | .VolumeIcon.icns 22 | 23 | # Directories potentially created on remote AFP share 24 | .AppleDB 25 | .AppleDesktop 26 | Network Trash Folder 27 | Temporary Items 28 | .apdisk 29 | 30 | 31 | # Framer Specific 32 | .temp.html 33 | framer/*.old.* 34 | framer/backup.coffee 35 | framer/backups/* 36 | framer/.*.hash 37 | -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/app.coffee: -------------------------------------------------------------------------------- 1 | navBar = new Layer 2 | width: Screen.width 3 | height: 128 4 | backgroundColor: "rgba(21,21,23,1)" 5 | html: "Label" 6 | style: 7 | "font-family": "-apple-system" 8 | "font-size": "34px" 9 | "color": "#ffffff" 10 | "font-weight": "500" 11 | "line-height": "148px" 12 | "text-align": "center" 13 | -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/framer/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "propertyPanelToggleStates" : { 3 | "Filters" : false 4 | }, 5 | "deviceOrientation" : 0, 6 | "sharedPrototype" : 1, 7 | "contentScale" : 1, 8 | "deviceType" : "apple-iphone-6s-silver", 9 | "selectedHand" : "", 10 | "updateDelay" : 0.3, 11 | "deviceScale" : "fit", 12 | "codeFolds" : [ 13 | 14 | ], 15 | "orientation" : 0, 16 | "fullScreen" : false 17 | } -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/framer/framer.generated.js: -------------------------------------------------------------------------------- 1 | // This is autogenerated by Framer 2 | 3 | 4 | if (!window.Framer) {window._bridge('runtime.error', {message:'[framer.js] Framer library missing or corrupt. Select File → Update Framer Library.'})} 5 | if (typeof(DeviceComponent) !== "undefined") {DeviceComponent.Devices["iphone-6-silver"].deviceImageJP2 = false}; 6 | window.Framer.Defaults.DeviceView = {"deviceScale":"fit","selectedHand":"","deviceType":"apple-iphone-6s-silver","contentScale":1,"orientation":0}; 7 | 8 | window.Framer.Defaults.DeviceComponent = {"deviceScale":"fit","selectedHand":"","deviceType":"apple-iphone-6s-silver","contentScale":1,"orientation":0}; 9 | 10 | window.FramerStudioInfo = {"deviceImagesUrl":"\/_server\/resources\/DeviceImages","documentTitle":"SystemFont.framer"}; 11 | 12 | Framer.Device = new Framer.DeviceView(); 13 | Framer.Device.setupContext(); -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/framer/images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/LabelSystemFont.framer/framer/images/background.png -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/framer/images/cursor-active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/LabelSystemFont.framer/framer/images/cursor-active.png -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/framer/images/cursor-active@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/LabelSystemFont.framer/framer/images/cursor-active@2x.png -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/framer/images/cursor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/LabelSystemFont.framer/framer/images/cursor.png -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/framer/images/cursor@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/LabelSystemFont.framer/framer/images/cursor@2x.png -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/framer/images/icon-120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/LabelSystemFont.framer/framer/images/icon-120.png -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/framer/images/icon-152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/LabelSystemFont.framer/framer/images/icon-152.png -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/framer/images/icon-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/LabelSystemFont.framer/framer/images/icon-180.png -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/framer/images/icon-192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/LabelSystemFont.framer/framer/images/icon-192.png -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/framer/images/icon-76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/LabelSystemFont.framer/framer/images/icon-76.png -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/framer/images/icon-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/LabelSystemFont.framer/framer/images/icon-arrow.png -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/framer/images/icon-arrow@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/LabelSystemFont.framer/framer/images/icon-arrow@2x.png -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/framer/images/icon-close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/LabelSystemFont.framer/framer/images/icon-close.png -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/framer/images/icon-close@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/LabelSystemFont.framer/framer/images/icon-close@2x.png -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/framer/images/icon-framer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/LabelSystemFont.framer/framer/images/icon-framer.png -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/framer/images/icon-framer@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/LabelSystemFont.framer/framer/images/icon-framer@2x.png -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/framer/images/icon-share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/LabelSystemFont.framer/framer/images/icon-share.png -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/framer/images/icon-share@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/LabelSystemFont.framer/framer/images/icon-share@2x.png -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/framer/version: -------------------------------------------------------------------------------- 1 | 3 -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/images/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/LabelSystemFont.framer/images/.gitkeep -------------------------------------------------------------------------------- /Examples/LabelSystemFont.framer/modules/myModule.coffee: -------------------------------------------------------------------------------- 1 | # Add the following line to your project in Framer Studio. 2 | # myModule = require "myModule" 3 | # Reference the contents by name, like myModule.myFunction() or myModule.myVar 4 | 5 | exports.myVar = "myVariable" 6 | 7 | exports.myFunction = -> 8 | print "myFunction is running" 9 | 10 | exports.myArray = [1, 2, 3] -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/.gitignore: -------------------------------------------------------------------------------- 1 | # Framer Git Ignore 2 | 3 | # General OSX 4 | 5 | .DS_Store 6 | .AppleDouble 7 | .LSOverride 8 | 9 | # Icon must end with two \r 10 | Icon 11 | 12 | # Thumbnails 13 | ._* 14 | 15 | # Files that might appear in the root of a volume 16 | .DocumentRevisions-V100 17 | .fseventsd 18 | .Spotlight-V100 19 | .TemporaryItems 20 | .Trashes 21 | .VolumeIcon.icns 22 | 23 | # Directories potentially created on remote AFP share 24 | .AppleDB 25 | .AppleDesktop 26 | Network Trash Folder 27 | Temporary Items 28 | .apdisk 29 | 30 | 31 | # Framer Specific 32 | .temp.html 33 | framer/*.old.* 34 | framer/backup.coffee 35 | framer/backups/* 36 | framer/.*.hash 37 | -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/app.coffee: -------------------------------------------------------------------------------- 1 | ### 2 | Map Interactions 3 | ### 4 | 5 | map = new Layer 6 | width: 3639 7 | height: 2504 8 | image: "images/map-image.jpg" 9 | map.center() 10 | map.draggable = true 11 | map.pinchable = true 12 | map.pinchable.rotate = false 13 | 14 | defaultX = map.x 15 | defaultY = map.y 16 | defaultScale = map.scale 17 | 18 | map.states.add 19 | returnDefault: 20 | scale: defaultScale 21 | x: defaultX 22 | y: defaultY 23 | 24 | map.states.animationOptions = 25 | curve: "spring(600,40,0)" 26 | 27 | button = new Layer 28 | width: 120 29 | height: 120 30 | image: "images/centerButton.png" 31 | button.x = 24 32 | button.y = (Screen.height - button.height) - 12 33 | 34 | button.onClick -> 35 | map.states.switch("returnDefault") 36 | -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/framer/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "propertyPanelToggleStates" : { 3 | 4 | }, 5 | "deviceOrientation" : 0, 6 | "sharedPrototype" : 0, 7 | "contentScale" : 1, 8 | "deviceType" : "apple-iphone-6s-silver", 9 | "selectedHand" : "", 10 | "updateDelay" : 0.3, 11 | "deviceScale" : "fit", 12 | "codeFolds" : [ 13 | 14 | ], 15 | "orientation" : 0, 16 | "fullScreen" : false 17 | } -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/framer/images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/MapInteractions.framer/framer/images/background.png -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/framer/images/cursor-active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/MapInteractions.framer/framer/images/cursor-active.png -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/framer/images/cursor-active@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/MapInteractions.framer/framer/images/cursor-active@2x.png -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/framer/images/cursor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/MapInteractions.framer/framer/images/cursor.png -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/framer/images/cursor@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/MapInteractions.framer/framer/images/cursor@2x.png -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/framer/images/icon-120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/MapInteractions.framer/framer/images/icon-120.png -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/framer/images/icon-152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/MapInteractions.framer/framer/images/icon-152.png -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/framer/images/icon-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/MapInteractions.framer/framer/images/icon-180.png -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/framer/images/icon-192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/MapInteractions.framer/framer/images/icon-192.png -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/framer/images/icon-76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/MapInteractions.framer/framer/images/icon-76.png -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/framer/images/icon-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/MapInteractions.framer/framer/images/icon-arrow.png -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/framer/images/icon-arrow@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/MapInteractions.framer/framer/images/icon-arrow@2x.png -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/framer/images/icon-close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/MapInteractions.framer/framer/images/icon-close.png -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/framer/images/icon-close@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/MapInteractions.framer/framer/images/icon-close@2x.png -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/framer/images/icon-framer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/MapInteractions.framer/framer/images/icon-framer.png -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/framer/images/icon-framer@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/MapInteractions.framer/framer/images/icon-framer@2x.png -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/framer/images/icon-share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/MapInteractions.framer/framer/images/icon-share.png -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/framer/images/icon-share@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/MapInteractions.framer/framer/images/icon-share@2x.png -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/framer/version: -------------------------------------------------------------------------------- 1 | 3 -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/images/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/MapInteractions.framer/images/.gitkeep -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/images/centerButton.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/MapInteractions.framer/images/centerButton.png -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/images/map-image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/MapInteractions.framer/images/map-image.jpg -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/imported/swipeScale@1x/images/Layer-button-qziwqtg4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/MapInteractions.framer/imported/swipeScale@1x/images/Layer-button-qziwqtg4.png -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/imported/swipeScale@1x/images/Layer-map-muy3mju3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/MapInteractions.framer/imported/swipeScale@1x/images/Layer-map-muy3mju3.png -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/imported/swipeScale@1x/layers.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "objectId": "1F725783-5423-4F41-849A-2CFC6BE0EC9A", 4 | "kind": "group", 5 | "name": "map", 6 | "maskFrame": null, 7 | "layerFrame": { 8 | "x": 0, 9 | "y": 0, 10 | "width": 0, 11 | "height": 0 12 | }, 13 | "visible": true, 14 | "image": { 15 | "path": "images/Layer-map-muy3mju3.png", 16 | "frame": { 17 | "x": 0, 18 | "y": 0, 19 | "width": 0, 20 | "height": 0 21 | } 22 | }, 23 | "children": [] 24 | }, 25 | { 26 | "objectId": "C20A885E-355E-4000-B1E0-E48B3ECB1FCF", 27 | "kind": "group", 28 | "name": "button", 29 | "maskFrame": null, 30 | "layerFrame": { 31 | "x": 78, 32 | "y": -249, 33 | "width": 212, 34 | "height": 212 35 | }, 36 | "visible": true, 37 | "image": { 38 | "path": "images/Layer-button-qziwqtg4.png", 39 | "frame": { 40 | "x": 78, 41 | "y": -249, 42 | "width": 212, 43 | "height": 212 44 | } 45 | }, 46 | "children": [] 47 | } 48 | ] -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/imported/swipeScale@1x/layers.json.js: -------------------------------------------------------------------------------- 1 | window.__imported__ = window.__imported__ || {}; 2 | window.__imported__["swipeScale@1x/layers.json.js"] = [ 3 | { 4 | "objectId": "1F725783-5423-4F41-849A-2CFC6BE0EC9A", 5 | "kind": "group", 6 | "name": "map", 7 | "maskFrame": null, 8 | "layerFrame": { 9 | "x": 0, 10 | "y": 0, 11 | "width": 0, 12 | "height": 0 13 | }, 14 | "visible": true, 15 | "image": { 16 | "path": "images/Layer-map-muy3mju3.png", 17 | "frame": { 18 | "x": 0, 19 | "y": 0, 20 | "width": 0, 21 | "height": 0 22 | } 23 | }, 24 | "children": [] 25 | }, 26 | { 27 | "objectId": "C20A885E-355E-4000-B1E0-E48B3ECB1FCF", 28 | "kind": "group", 29 | "name": "button", 30 | "maskFrame": null, 31 | "layerFrame": { 32 | "x": 78, 33 | "y": -249, 34 | "width": 212, 35 | "height": 212 36 | }, 37 | "visible": true, 38 | "image": { 39 | "path": "images/Layer-button-qziwqtg4.png", 40 | "frame": { 41 | "x": 78, 42 | "y": -249, 43 | "width": 212, 44 | "height": 212 45 | } 46 | }, 47 | "children": [] 48 | } 49 | ] -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/mapAssets.sketch: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/MapInteractions.framer/mapAssets.sketch -------------------------------------------------------------------------------- /Examples/MapInteractions.framer/modules/myModule.coffee: -------------------------------------------------------------------------------- 1 | # Add the following line to your project in Framer Studio. 2 | # myModule = require "myModule" 3 | # Reference the contents by name, like myModule.myFunction() or myModule.myVar 4 | 5 | exports.myVar = "myVariable" 6 | 7 | exports.myFunction = -> 8 | print "myFunction is running" 9 | 10 | exports.myArray = [1, 2, 3] -------------------------------------------------------------------------------- /Examples/Modulate.framer/.gitignore: -------------------------------------------------------------------------------- 1 | # Framer Git Ignore 2 | 3 | # General OSX 4 | 5 | .DS_Store 6 | .AppleDouble 7 | .LSOverride 8 | 9 | # Icon must end with two \r 10 | Icon 11 | 12 | # Thumbnails 13 | ._* 14 | 15 | # Files that might appear in the root of a volume 16 | .DocumentRevisions-V100 17 | .fseventsd 18 | .Spotlight-V100 19 | .TemporaryItems 20 | .Trashes 21 | .VolumeIcon.icns 22 | 23 | # Directories potentially created on remote AFP share 24 | .AppleDB 25 | .AppleDesktop 26 | Network Trash Folder 27 | Temporary Items 28 | .apdisk 29 | 30 | 31 | # Framer Specific 32 | .temp.html 33 | framer/*.old.* 34 | framer/backup.coffee 35 | framer/backups/* 36 | framer/.*.hash 37 | -------------------------------------------------------------------------------- /Examples/Modulate.framer/app.coffee: -------------------------------------------------------------------------------- 1 | backgroundLayer = new BackgroundLayer backgroundColor: "rgba(24,20,27,1)" 2 | colors = ["#e65088", "#faa057", "#4caad9"] 3 | 4 | container = new Layer 5 | y: Screen.height * 0.1 6 | width: Screen.width * 0.92 7 | height: Screen.height * 0.92 8 | backgroundColor: null 9 | container.center() 10 | 11 | boxA = new Layer 12 | width: 150, height: 150 13 | backgroundColor: colors[0] 14 | parent: container 15 | html: "Drag Me" 16 | style: 17 | "font-family": "-apple-system" 18 | "font-size": "24px" 19 | "color": "#ffffff" 20 | "font-weight": "400" 21 | "line-height": "150px" 22 | "text-align": "center" 23 | boxA.draggable.enabled = true 24 | boxA.draggable.horizontal = false 25 | 26 | boxB = new Layer 27 | x: boxA.width * 1.5 28 | width: 150, height: 150 29 | backgroundColor: colors[1] 30 | parent: container 31 | 32 | boxC = new Layer 33 | x: boxA.width * 3 34 | width: 150, height: 150 35 | backgroundColor: colors[2] 36 | parent: container 37 | 38 | boxA.onMove -> 39 | boxB.y = Utils.modulate(boxA.y, [0, 1], [0, 1.5]) 40 | boxC.y = Utils.modulate(boxA.y, [0, 1], [0, 0.5]) 41 | -------------------------------------------------------------------------------- /Examples/Modulate.framer/app.js: -------------------------------------------------------------------------------- 1 | // Generated by CoffeeScript 1.9.3 2 | 3 | -------------------------------------------------------------------------------- /Examples/Modulate.framer/framer/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "propertyPanelToggleStates" : { 3 | "Filters" : false 4 | }, 5 | "deviceOrientation" : 0, 6 | "sharedPrototype" : 0, 7 | "contentScale" : 1, 8 | "deviceType" : "fullscreen", 9 | "selectedHand" : "", 10 | "updateDelay" : 0.3, 11 | "deviceScale" : 1, 12 | "codeFolds" : [ 13 | 14 | ], 15 | "orientation" : 0 16 | } -------------------------------------------------------------------------------- /Examples/Modulate.framer/framer/framer.generated.js: -------------------------------------------------------------------------------- 1 | // This is autogenerated by Framer 2 | 3 | 4 | if (!window.Framer) {window._bridge('runtime.error', {message:'[framer.js] Framer library missing or corrupt. Select File → Update Framer Library.'})} 5 | if (typeof(DeviceComponent) !== "undefined") {DeviceComponent.Devices["iphone-6-silver"].deviceImageJP2 = false}; 6 | window.Framer.Defaults.DeviceView = {"deviceScale":1,"selectedHand":"","deviceType":"fullscreen","contentScale":1,"orientation":0}; 7 | 8 | window.Framer.Defaults.DeviceComponent = {"deviceScale":1,"selectedHand":"","deviceType":"fullscreen","contentScale":1,"orientation":0}; 9 | 10 | window.FramerStudioInfo = {"deviceImagesUrl":"\/_server\/resources\/DeviceImages","documentTitle":"Modulate.framer"}; 11 | 12 | Framer.Device = new Framer.DeviceView(); 13 | Framer.Device.setupContext(); -------------------------------------------------------------------------------- /Examples/Modulate.framer/framer/images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Modulate.framer/framer/images/background.png -------------------------------------------------------------------------------- /Examples/Modulate.framer/framer/images/cursor-active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Modulate.framer/framer/images/cursor-active.png -------------------------------------------------------------------------------- /Examples/Modulate.framer/framer/images/cursor-active@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Modulate.framer/framer/images/cursor-active@2x.png -------------------------------------------------------------------------------- /Examples/Modulate.framer/framer/images/cursor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Modulate.framer/framer/images/cursor.png -------------------------------------------------------------------------------- /Examples/Modulate.framer/framer/images/cursor@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Modulate.framer/framer/images/cursor@2x.png -------------------------------------------------------------------------------- /Examples/Modulate.framer/framer/images/icon-120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Modulate.framer/framer/images/icon-120.png -------------------------------------------------------------------------------- /Examples/Modulate.framer/framer/images/icon-152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Modulate.framer/framer/images/icon-152.png -------------------------------------------------------------------------------- /Examples/Modulate.framer/framer/images/icon-76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Modulate.framer/framer/images/icon-76.png -------------------------------------------------------------------------------- /Examples/Modulate.framer/framer/images/icon-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Modulate.framer/framer/images/icon-arrow.png -------------------------------------------------------------------------------- /Examples/Modulate.framer/framer/images/icon-arrow@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Modulate.framer/framer/images/icon-arrow@2x.png -------------------------------------------------------------------------------- /Examples/Modulate.framer/framer/images/icon-close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Modulate.framer/framer/images/icon-close.png -------------------------------------------------------------------------------- /Examples/Modulate.framer/framer/images/icon-close@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Modulate.framer/framer/images/icon-close@2x.png -------------------------------------------------------------------------------- /Examples/Modulate.framer/framer/images/icon-framer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Modulate.framer/framer/images/icon-framer.png -------------------------------------------------------------------------------- /Examples/Modulate.framer/framer/images/icon-framer@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Modulate.framer/framer/images/icon-framer@2x.png -------------------------------------------------------------------------------- /Examples/Modulate.framer/framer/images/icon-share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Modulate.framer/framer/images/icon-share.png -------------------------------------------------------------------------------- /Examples/Modulate.framer/framer/images/icon-share@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Modulate.framer/framer/images/icon-share@2x.png -------------------------------------------------------------------------------- /Examples/Modulate.framer/framer/version: -------------------------------------------------------------------------------- 1 | 3 -------------------------------------------------------------------------------- /Examples/Modulate.framer/images/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Modulate.framer/images/.gitkeep -------------------------------------------------------------------------------- /Examples/Modulate.framer/modules/myModule.coffee: -------------------------------------------------------------------------------- 1 | # Add the following line to your project in Framer Studio. 2 | # myModule = require "myModule" 3 | # Reference the contents by name, like myModule.myFunction() or myModule.myVar 4 | 5 | exports.myVar = "myVariable" 6 | 7 | exports.myFunction = -> 8 | print "myFunction is running" 9 | 10 | exports.myArray = [1, 2, 3] -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/.gitignore: -------------------------------------------------------------------------------- 1 | # Framer Git Ignore 2 | 3 | # General OSX 4 | 5 | .DS_Store 6 | .AppleDouble 7 | .LSOverride 8 | 9 | # Icon must end with two \r 10 | Icon 11 | 12 | # Thumbnails 13 | ._* 14 | 15 | # Files that might appear in the root of a volume 16 | .DocumentRevisions-V100 17 | .fseventsd 18 | .Spotlight-V100 19 | .TemporaryItems 20 | .Trashes 21 | .VolumeIcon.icns 22 | 23 | # Directories potentially created on remote AFP share 24 | .AppleDB 25 | .AppleDesktop 26 | Network Trash Folder 27 | Temporary Items 28 | .apdisk 29 | 30 | 31 | # Framer Specific 32 | .temp.html 33 | framer/*.old.* 34 | framer/backup.coffee 35 | framer/backups/* 36 | framer/.*.hash 37 | -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/framer/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "propertyPanelToggleStates" : { 3 | "Filters" : false 4 | }, 5 | "deviceOrientation" : 0, 6 | "sharedPrototype" : 0, 7 | "contentScale" : 1, 8 | "deviceType" : "apple-iphone-6s-silver", 9 | "selectedHand" : "", 10 | "updateDelay" : 0.3, 11 | "deviceScale" : "fit", 12 | "codeFolds" : [ 13 | 14 | ], 15 | "orientation" : 0, 16 | "fullScreen" : false 17 | } -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/framer/framer.generated.js: -------------------------------------------------------------------------------- 1 | // This is autogenerated by Framer 2 | 3 | 4 | if (!window.Framer) {window._bridge('runtime.error', {message:'[framer.js] Framer library missing or corrupt. Select File → Update Framer Library.'})} 5 | if (typeof(DeviceComponent) !== "undefined") {DeviceComponent.Devices["iphone-6-silver"].deviceImageJP2 = false}; 6 | window.Framer.Defaults.DeviceView = {"deviceScale":"fit","selectedHand":"","deviceType":"apple-iphone-6s-silver","contentScale":1,"orientation":0}; 7 | 8 | window.Framer.Defaults.DeviceComponent = {"deviceScale":"fit","selectedHand":"","deviceType":"apple-iphone-6s-silver","contentScale":1,"orientation":0}; 9 | 10 | window.FramerStudioInfo = {"deviceImagesUrl":"\/_server\/resources\/DeviceImages","documentTitle":"PageComponentCards.framer"}; 11 | 12 | Framer.Device = new Framer.DeviceView(); 13 | Framer.Device.setupContext(); -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/framer/images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/PageComponentCards.framer/framer/images/background.png -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/framer/images/cursor-active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/PageComponentCards.framer/framer/images/cursor-active.png -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/framer/images/cursor-active@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/PageComponentCards.framer/framer/images/cursor-active@2x.png -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/framer/images/cursor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/PageComponentCards.framer/framer/images/cursor.png -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/framer/images/cursor@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/PageComponentCards.framer/framer/images/cursor@2x.png -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/framer/images/icon-120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/PageComponentCards.framer/framer/images/icon-120.png -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/framer/images/icon-152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/PageComponentCards.framer/framer/images/icon-152.png -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/framer/images/icon-76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/PageComponentCards.framer/framer/images/icon-76.png -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/framer/images/icon-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/PageComponentCards.framer/framer/images/icon-arrow.png -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/framer/images/icon-arrow@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/PageComponentCards.framer/framer/images/icon-arrow@2x.png -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/framer/images/icon-close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/PageComponentCards.framer/framer/images/icon-close.png -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/framer/images/icon-close@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/PageComponentCards.framer/framer/images/icon-close@2x.png -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/framer/images/icon-framer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/PageComponentCards.framer/framer/images/icon-framer.png -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/framer/images/icon-framer@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/PageComponentCards.framer/framer/images/icon-framer@2x.png -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/framer/images/icon-share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/PageComponentCards.framer/framer/images/icon-share.png -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/framer/images/icon-share@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/PageComponentCards.framer/framer/images/icon-share@2x.png -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/framer/version: -------------------------------------------------------------------------------- 1 | 3 -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/images/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/PageComponentCards.framer/images/.gitkeep -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/images/pageA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/PageComponentCards.framer/images/pageA.png -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/images/pageB.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/PageComponentCards.framer/images/pageB.png -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/images/pageC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/PageComponentCards.framer/images/pageC.png -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/images/pageD.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/PageComponentCards.framer/images/pageD.png -------------------------------------------------------------------------------- /Examples/PageComponentCards.framer/modules/myModule.coffee: -------------------------------------------------------------------------------- 1 | # Add the following line to your project in Framer Studio. 2 | # myModule = require "myModule" 3 | # Reference the contents by name, like myModule.myFunction() or myModule.myVar 4 | 5 | exports.myVar = "myVariable" 6 | 7 | exports.myFunction = -> 8 | print "myFunction is running" 9 | 10 | exports.myArray = [1, 2, 3] -------------------------------------------------------------------------------- /Examples/Rotation.framer/.gitignore: -------------------------------------------------------------------------------- 1 | # Framer Git Ignore 2 | 3 | # General OSX 4 | 5 | .DS_Store 6 | .AppleDouble 7 | .LSOverride 8 | 9 | # Icon must end with two \r 10 | Icon 11 | 12 | # Thumbnails 13 | ._* 14 | 15 | # Files that might appear in the root of a volume 16 | .DocumentRevisions-V100 17 | .fseventsd 18 | .Spotlight-V100 19 | .TemporaryItems 20 | .Trashes 21 | .VolumeIcon.icns 22 | 23 | # Directories potentially created on remote AFP share 24 | .AppleDB 25 | .AppleDesktop 26 | Network Trash Folder 27 | Temporary Items 28 | .apdisk 29 | 30 | 31 | # Framer Specific 32 | .temp.html 33 | framer/*.old.* 34 | framer/backup.coffee 35 | framer/backups/* 36 | framer/.*.hash 37 | -------------------------------------------------------------------------------- /Examples/Rotation.framer/app.coffee: -------------------------------------------------------------------------------- 1 | # Rotation Example 2 | 3 | # Create a background 4 | background = new BackgroundLayer backgroundColor: "#DDD" 5 | 6 | # Create a layer 7 | square = new Layer 8 | width: 250, height: 250 9 | backgroundColor: "#FFF", borderRadius: 25 10 | square.center() 11 | square.states.add 12 | rotate: rotation: 720 13 | 14 | # Set animation options 15 | square.states.animationOptions = 16 | curve: "ease" 17 | time: 2 18 | 19 | # On click 20 | square.onClick -> 21 | square.states.next() 22 | -------------------------------------------------------------------------------- /Examples/Rotation.framer/framer/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "propertyPanelToggleStates" : { 3 | 4 | }, 5 | "deviceOrientation" : 0, 6 | "sharedPrototype" : 0, 7 | "contentScale" : 1, 8 | "deviceType" : "apple-iphone-6s-silver", 9 | "selectedHand" : "", 10 | "updateDelay" : 0.3, 11 | "deviceScale" : "fit", 12 | "codeFolds" : [ 13 | 14 | ], 15 | "orientation" : 0, 16 | "fullScreen" : false 17 | } -------------------------------------------------------------------------------- /Examples/Rotation.framer/framer/framer.generated.js: -------------------------------------------------------------------------------- 1 | // This is autogenerated by Framer 2 | 3 | 4 | if (!window.Framer) {window._bridge('runtime.error', {message:'[framer.js] Framer library missing or corrupt. Select File → Update Framer Library.'})} 5 | if (typeof(DeviceComponent) !== "undefined") {DeviceComponent.Devices["iphone-6-silver"].deviceImageJP2 = false}; 6 | window.Framer.Defaults.DeviceView = {"deviceScale":"fit","selectedHand":"","deviceType":"apple-iphone-6s-silver","contentScale":1,"orientation":0}; 7 | 8 | window.Framer.Defaults.DeviceComponent = {"deviceScale":"fit","selectedHand":"","deviceType":"apple-iphone-6s-silver","contentScale":1,"orientation":0}; 9 | 10 | window.FramerStudioInfo = {"deviceImagesUrl":"\/_server\/resources\/DeviceImages","documentTitle":"Rotation2.framer"}; 11 | 12 | Framer.Device = new Framer.DeviceView(); 13 | Framer.Device.setupContext(); -------------------------------------------------------------------------------- /Examples/Rotation.framer/framer/images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Rotation.framer/framer/images/background.png -------------------------------------------------------------------------------- /Examples/Rotation.framer/framer/images/cursor-active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Rotation.framer/framer/images/cursor-active.png -------------------------------------------------------------------------------- /Examples/Rotation.framer/framer/images/cursor-active@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Rotation.framer/framer/images/cursor-active@2x.png -------------------------------------------------------------------------------- /Examples/Rotation.framer/framer/images/cursor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Rotation.framer/framer/images/cursor.png -------------------------------------------------------------------------------- /Examples/Rotation.framer/framer/images/cursor@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Rotation.framer/framer/images/cursor@2x.png -------------------------------------------------------------------------------- /Examples/Rotation.framer/framer/images/icon-120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Rotation.framer/framer/images/icon-120.png -------------------------------------------------------------------------------- /Examples/Rotation.framer/framer/images/icon-152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Rotation.framer/framer/images/icon-152.png -------------------------------------------------------------------------------- /Examples/Rotation.framer/framer/images/icon-76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Rotation.framer/framer/images/icon-76.png -------------------------------------------------------------------------------- /Examples/Rotation.framer/framer/images/icon-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Rotation.framer/framer/images/icon-arrow.png -------------------------------------------------------------------------------- /Examples/Rotation.framer/framer/images/icon-arrow@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Rotation.framer/framer/images/icon-arrow@2x.png -------------------------------------------------------------------------------- /Examples/Rotation.framer/framer/images/icon-close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Rotation.framer/framer/images/icon-close.png -------------------------------------------------------------------------------- /Examples/Rotation.framer/framer/images/icon-close@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Rotation.framer/framer/images/icon-close@2x.png -------------------------------------------------------------------------------- /Examples/Rotation.framer/framer/images/icon-framer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Rotation.framer/framer/images/icon-framer.png -------------------------------------------------------------------------------- /Examples/Rotation.framer/framer/images/icon-framer@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Rotation.framer/framer/images/icon-framer@2x.png -------------------------------------------------------------------------------- /Examples/Rotation.framer/framer/images/icon-share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Rotation.framer/framer/images/icon-share.png -------------------------------------------------------------------------------- /Examples/Rotation.framer/framer/images/icon-share@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Rotation.framer/framer/images/icon-share@2x.png -------------------------------------------------------------------------------- /Examples/Rotation.framer/framer/version: -------------------------------------------------------------------------------- 1 | 3 -------------------------------------------------------------------------------- /Examples/Rotation.framer/images/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/Rotation.framer/images/.gitkeep -------------------------------------------------------------------------------- /Examples/Rotation.framer/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /Examples/Rotation.framer/modules/myModule.coffee: -------------------------------------------------------------------------------- 1 | # Add the following line to your project in Framer Studio. 2 | # myModule = require "myModule" 3 | # Reference the contents by name, like myModule.myFunction() or myModule.myVar 4 | 5 | exports.myVar = "myVariable" 6 | 7 | exports.myFunction = -> 8 | print "myFunction is running" 9 | 10 | exports.myArray = [1, 2, 3] -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/.gitignore: -------------------------------------------------------------------------------- 1 | # Framer Git Ignore 2 | 3 | # General OSX 4 | 5 | .DS_Store 6 | .AppleDouble 7 | .LSOverride 8 | 9 | # Icon must end with two \r 10 | Icon 11 | 12 | # Thumbnails 13 | ._* 14 | 15 | # Files that might appear in the root of a volume 16 | .DocumentRevisions-V100 17 | .fseventsd 18 | .Spotlight-V100 19 | .TemporaryItems 20 | .Trashes 21 | .VolumeIcon.icns 22 | 23 | # Directories potentially created on remote AFP share 24 | .AppleDB 25 | .AppleDesktop 26 | Network Trash Folder 27 | Temporary Items 28 | .apdisk 29 | 30 | 31 | # Framer Specific 32 | .temp.html 33 | framer/*.old.* 34 | framer/backup.coffee 35 | framer/backups/* 36 | framer/.*.hash 37 | -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/app.coffee: -------------------------------------------------------------------------------- 1 | keyColor = new Color("#1d61f0") 2 | 3 | scroller = new ScrollComponent 4 | width: Screen.width 5 | height: Screen.height 6 | scroller.scrollHorizontal = false 7 | 8 | for layer in [0..10] 9 | layer = new Layer 10 | y: (Screen.height / 4) * layer 11 | width: Screen.width 12 | height: Screen.height / 4 13 | backgroundColor: keyColor.lighten(layer * 5) 14 | parent: scroller.content 15 | 16 | # Lock scroll content to top of screen i.e. can't pull down 17 | scroller.onMove -> 18 | if scroller.scrollY <= 0 then scroller.scrollY = 0 -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/framer/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "propertyPanelToggleStates" : { 3 | 4 | }, 5 | "deviceOrientation" : 0, 6 | "sharedPrototype" : 0, 7 | "contentScale" : 1, 8 | "deviceType" : "apple-iphone-6s-silver", 9 | "selectedHand" : "", 10 | "updateDelay" : 0.3, 11 | "deviceScale" : "fit", 12 | "codeFolds" : [ 13 | 14 | ], 15 | "orientation" : 0, 16 | "fullScreen" : false 17 | } -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/framer/framer.generated.js: -------------------------------------------------------------------------------- 1 | // This is autogenerated by Framer 2 | 3 | 4 | if (!window.Framer) {window._bridge('runtime.error', {message:'[framer.js] Framer library missing or corrupt. Select File → Update Framer Library.'})} 5 | if (typeof(DeviceComponent) !== "undefined") {DeviceComponent.Devices["iphone-6-silver"].deviceImageJP2 = false}; 6 | window.Framer.Defaults.DeviceView = {"deviceScale":"fit","selectedHand":"","deviceType":"apple-iphone-6s-silver","contentScale":1,"orientation":0}; 7 | 8 | window.Framer.Defaults.DeviceComponent = {"deviceScale":"fit","selectedHand":"","deviceType":"apple-iphone-6s-silver","contentScale":1,"orientation":0}; 9 | 10 | window.FramerStudioInfo = {"deviceImagesUrl":"\/_server\/resources\/DeviceImages","documentTitle":"ScrollLock.framer"}; 11 | 12 | Framer.Device = new Framer.DeviceView(); 13 | Framer.Device.setupContext(); -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/framer/images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollLock.framer/framer/images/background.png -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/framer/images/cursor-active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollLock.framer/framer/images/cursor-active.png -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/framer/images/cursor-active@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollLock.framer/framer/images/cursor-active@2x.png -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/framer/images/cursor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollLock.framer/framer/images/cursor.png -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/framer/images/cursor@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollLock.framer/framer/images/cursor@2x.png -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/framer/images/icon-120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollLock.framer/framer/images/icon-120.png -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/framer/images/icon-152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollLock.framer/framer/images/icon-152.png -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/framer/images/icon-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollLock.framer/framer/images/icon-180.png -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/framer/images/icon-192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollLock.framer/framer/images/icon-192.png -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/framer/images/icon-76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollLock.framer/framer/images/icon-76.png -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/framer/images/icon-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollLock.framer/framer/images/icon-arrow.png -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/framer/images/icon-arrow@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollLock.framer/framer/images/icon-arrow@2x.png -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/framer/images/icon-close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollLock.framer/framer/images/icon-close.png -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/framer/images/icon-close@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollLock.framer/framer/images/icon-close@2x.png -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/framer/images/icon-framer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollLock.framer/framer/images/icon-framer.png -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/framer/images/icon-framer@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollLock.framer/framer/images/icon-framer@2x.png -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/framer/images/icon-share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollLock.framer/framer/images/icon-share.png -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/framer/images/icon-share@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollLock.framer/framer/images/icon-share@2x.png -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/framer/version: -------------------------------------------------------------------------------- 1 | 3 -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/images/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollLock.framer/images/.gitkeep -------------------------------------------------------------------------------- /Examples/ScrollLock.framer/modules/myModule.coffee: -------------------------------------------------------------------------------- 1 | # Add the following line to your project in Framer Studio. 2 | # myModule = require "myModule" 3 | # Reference the contents by name, like myModule.myFunction() or myModule.myVar 4 | 5 | exports.myVar = "myVariable" 6 | 7 | exports.myFunction = -> 8 | print "myFunction is running" 9 | 10 | exports.myArray = [1, 2, 3] -------------------------------------------------------------------------------- /Examples/ScrollingCardArray.framer/.gitignore: -------------------------------------------------------------------------------- 1 | # Framer Git Ignore 2 | 3 | # General OSX 4 | 5 | .DS_Store 6 | .AppleDouble 7 | .LSOverride 8 | 9 | # Icon must end with two \r 10 | Icon 11 | 12 | # Thumbnails 13 | ._* 14 | 15 | # Files that might appear in the root of a volume 16 | .DocumentRevisions-V100 17 | .fseventsd 18 | .Spotlight-V100 19 | .TemporaryItems 20 | .Trashes 21 | .VolumeIcon.icns 22 | 23 | # Directories potentially created on remote AFP share 24 | .AppleDB 25 | .AppleDesktop 26 | Network Trash Folder 27 | Temporary Items 28 | .apdisk 29 | 30 | 31 | # Framer Specific 32 | .temp.html 33 | framer/*.old.* 34 | framer/backup.coffee 35 | framer/backups/* 36 | framer/.*.hash 37 | -------------------------------------------------------------------------------- /Examples/ScrollingCardArray.framer/app.coffee: -------------------------------------------------------------------------------- 1 | colors = ["#f1c40f", "#2ecc71", "#1abc9c", "#3498db", "#9b59b6"] 2 | 3 | scroll = new ScrollComponent 4 | width: Screen.width, height: Screen.height 5 | 6 | for i in [0..4] 7 | layer = new Layer 8 | x: 0 9 | y: i * Screen.width 10 | width: Screen.width 11 | height: Screen.width 12 | backgroundColor: colors[i] 13 | superLayer: scroll.content 14 | 15 | scroll.scrollHorizontal = false 16 | 17 | scroll.contentInset = 18 | top:128, right:0, bottom:0, left: 0 19 | 20 | navBar = new Layer 21 | width: Screen.width 22 | height: 128 23 | backgroundColor: "#eaeaea" 24 | html: "Scroll Component" 25 | style: 26 | "font-family": "-apple-system" 27 | "font-size": "32px" 28 | "font-weight": "500" 29 | "color": "#222" 30 | "line-height": "148px" 31 | "text-align": "center" -------------------------------------------------------------------------------- /Examples/ScrollingCardArray.framer/framer/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "propertyPanelToggleStates" : { 3 | 4 | }, 5 | "deviceOrientation" : 0, 6 | "sharedPrototype" : 0, 7 | "contentScale" : 1, 8 | "deviceType" : "apple-iphone-6s-silver", 9 | "selectedHand" : "", 10 | "updateDelay" : 0.3, 11 | "deviceScale" : 0.75, 12 | "codeFolds" : [ 13 | 14 | ], 15 | "orientation" : 0, 16 | "fullScreen" : false 17 | } -------------------------------------------------------------------------------- /Examples/ScrollingCardArray.framer/framer/framer.generated.js: -------------------------------------------------------------------------------- 1 | // This is autogenerated by Framer 2 | 3 | 4 | if (!window.Framer) {window._bridge('runtime.error', {message:'[framer.js] Framer library missing or corrupt. Select File → Update Framer Library.'})} 5 | if (typeof(DeviceComponent) !== "undefined") {DeviceComponent.Devices["iphone-6-silver"].deviceImageJP2 = false}; 6 | window.Framer.Defaults.DeviceView = {"deviceScale":0.75,"selectedHand":"","deviceType":"apple-iphone-6s-silver","contentScale":1,"orientation":0}; 7 | 8 | window.Framer.Defaults.DeviceComponent = {"deviceScale":0.75,"selectedHand":"","deviceType":"apple-iphone-6s-silver","contentScale":1,"orientation":0}; 9 | 10 | window.FramerStudioInfo = {"deviceImagesUrl":"\/_server\/resources\/DeviceImages","documentTitle":"ScrollingCardArray.framer"}; 11 | 12 | Framer.Device = new Framer.DeviceView(); 13 | Framer.Device.setupContext(); -------------------------------------------------------------------------------- /Examples/ScrollingCardArray.framer/framer/images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollingCardArray.framer/framer/images/background.png -------------------------------------------------------------------------------- /Examples/ScrollingCardArray.framer/framer/images/cursor-active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollingCardArray.framer/framer/images/cursor-active.png -------------------------------------------------------------------------------- /Examples/ScrollingCardArray.framer/framer/images/cursor-active@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollingCardArray.framer/framer/images/cursor-active@2x.png -------------------------------------------------------------------------------- /Examples/ScrollingCardArray.framer/framer/images/cursor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollingCardArray.framer/framer/images/cursor.png -------------------------------------------------------------------------------- /Examples/ScrollingCardArray.framer/framer/images/cursor@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollingCardArray.framer/framer/images/cursor@2x.png -------------------------------------------------------------------------------- /Examples/ScrollingCardArray.framer/framer/images/icon-120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollingCardArray.framer/framer/images/icon-120.png -------------------------------------------------------------------------------- /Examples/ScrollingCardArray.framer/framer/images/icon-152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollingCardArray.framer/framer/images/icon-152.png -------------------------------------------------------------------------------- /Examples/ScrollingCardArray.framer/framer/images/icon-76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollingCardArray.framer/framer/images/icon-76.png -------------------------------------------------------------------------------- /Examples/ScrollingCardArray.framer/framer/images/icon-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollingCardArray.framer/framer/images/icon-arrow.png -------------------------------------------------------------------------------- /Examples/ScrollingCardArray.framer/framer/images/icon-arrow@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollingCardArray.framer/framer/images/icon-arrow@2x.png -------------------------------------------------------------------------------- /Examples/ScrollingCardArray.framer/framer/images/icon-close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollingCardArray.framer/framer/images/icon-close.png -------------------------------------------------------------------------------- /Examples/ScrollingCardArray.framer/framer/images/icon-close@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollingCardArray.framer/framer/images/icon-close@2x.png -------------------------------------------------------------------------------- /Examples/ScrollingCardArray.framer/framer/images/icon-framer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollingCardArray.framer/framer/images/icon-framer.png -------------------------------------------------------------------------------- /Examples/ScrollingCardArray.framer/framer/images/icon-framer@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollingCardArray.framer/framer/images/icon-framer@2x.png -------------------------------------------------------------------------------- /Examples/ScrollingCardArray.framer/framer/images/icon-share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollingCardArray.framer/framer/images/icon-share.png -------------------------------------------------------------------------------- /Examples/ScrollingCardArray.framer/framer/images/icon-share@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollingCardArray.framer/framer/images/icon-share@2x.png -------------------------------------------------------------------------------- /Examples/ScrollingCardArray.framer/framer/version: -------------------------------------------------------------------------------- 1 | 3 -------------------------------------------------------------------------------- /Examples/ScrollingCardArray.framer/images/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollingCardArray.framer/images/.gitkeep -------------------------------------------------------------------------------- /Examples/ScrollingCardArray.framer/images/framer-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/ScrollingCardArray.framer/images/framer-icon.png -------------------------------------------------------------------------------- /Examples/ScrollingCardArray.framer/modules/myModule.coffee: -------------------------------------------------------------------------------- 1 | # Add the following line to your project in Framer Studio. 2 | # myModule = require "myModule" 3 | # Reference the contents by name, like myModule.myFunction() or myModule.myVar 4 | 5 | exports.myVar = "myVariable" 6 | 7 | exports.myFunction = -> 8 | print "myFunction is running" 9 | 10 | exports.myArray = [1, 2, 3] -------------------------------------------------------------------------------- /Examples/SpringTester.framer/.gitignore: -------------------------------------------------------------------------------- 1 | # Framer Git Ignore 2 | 3 | # General OSX 4 | 5 | .DS_Store 6 | .AppleDouble 7 | .LSOverride 8 | 9 | # Icon must end with two \r 10 | Icon 11 | 12 | # Thumbnails 13 | ._* 14 | 15 | # Files that might appear in the root of a volume 16 | .DocumentRevisions-V100 17 | .fseventsd 18 | .Spotlight-V100 19 | .TemporaryItems 20 | .Trashes 21 | .VolumeIcon.icns 22 | 23 | # Directories potentially created on remote AFP share 24 | .AppleDB 25 | .AppleDesktop 26 | Network Trash Folder 27 | Temporary Items 28 | .apdisk 29 | 30 | 31 | # Framer Specific 32 | .temp.html 33 | framer/*.old.* 34 | framer/backup.coffee 35 | framer/backups/* 36 | framer/.*.hash 37 | -------------------------------------------------------------------------------- /Examples/SpringTester.framer/app.coffee: -------------------------------------------------------------------------------- 1 | ### 2 | Spring / Curve Tester 3 | ### 4 | 5 | ### 6 | TODO: 7 | - add html and style for curve var to each object 8 | - add loop delta 9 | - could you enter a base value, say first number 400, and have the program derive two other values from that, such as 200 and 800 (half and double) 10 | ### 11 | 12 | # Adjust values to compare here 13 | curveA = "spring(400, 0, 0)" 14 | curveB = "spring(400, 40, 0)" 15 | curveC = "spring(400, 100, 0)" 16 | 17 | 18 | # Layers, states, events 19 | boxA = new Layer 20 | x: 100 21 | y: 150 22 | width: 128 23 | height: 128 24 | backgroundColor: "hsla(219,12%,48%,1.0)" 25 | borderRadius: 8 26 | boxA.states.add 27 | drop: maxY: Screen.height - 150 28 | boxA.states.animationOptions = 29 | curve: curveA 30 | 31 | boxB = new Layer 32 | x: 300 33 | y: 150 34 | width: 128 35 | height: 128 36 | backgroundColor: "hsla(219,12%,48%,1.0)" 37 | borderRadius: 8 38 | boxB.states.add 39 | drop: maxY: Screen.height - 150 40 | boxB.states.animationOptions = 41 | curve: curveB 42 | 43 | boxC = new Layer 44 | x: 500 45 | y: 150 46 | width: 128 47 | height: 128 48 | backgroundColor: "hsla(219,12%,48%,1.0)" 49 | borderRadius: 8 50 | boxC.states.add 51 | drop: maxY: Screen.height - 150 52 | boxC.states.animationOptions = 53 | curve: curveC 54 | 55 | runAnimation = () -> 56 | boxA.states.next() 57 | boxB.states.next() 58 | boxC.states.next() 59 | 60 | Utils.delay 0.4, -> 61 | runAnimation() 62 | Utils.interval 1.2, -> 63 | runAnimation() -------------------------------------------------------------------------------- /Examples/SpringTester.framer/framer/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "propertyPanelToggleStates" : { 3 | 4 | }, 5 | "deviceOrientation" : 0, 6 | "sharedPrototype" : 0, 7 | "contentScale" : 1, 8 | "deviceType" : "fullscreen", 9 | "selectedHand" : "", 10 | "updateDelay" : 0.3, 11 | "deviceScale" : 1, 12 | "codeFolds" : [ 13 | 14 | ], 15 | "orientation" : 0 16 | } -------------------------------------------------------------------------------- /Examples/SpringTester.framer/framer/framer.generated.js: -------------------------------------------------------------------------------- 1 | // This is autogenerated by Framer 2 | 3 | 4 | if (!window.Framer) {window._bridge('runtime.error', {message:'[framer.js] Framer library missing or corrupt. Select File → Update Framer Library.'})} 5 | if (typeof(DeviceComponent) !== "undefined") {DeviceComponent.Devices["iphone-6-silver"].deviceImageJP2 = false}; 6 | window.Framer.Defaults.DeviceView = {"deviceScale":1,"selectedHand":"","deviceType":"fullscreen","contentScale":1,"orientation":0}; 7 | 8 | window.Framer.Defaults.DeviceComponent = {"deviceScale":1,"selectedHand":"","deviceType":"fullscreen","contentScale":1,"orientation":0}; 9 | 10 | window.FramerStudioInfo = {"deviceImagesUrl":"\/_server\/resources\/DeviceImages","documentTitle":"SpringTester.framer"}; 11 | 12 | Framer.Device = new Framer.DeviceView(); 13 | Framer.Device.setupContext(); -------------------------------------------------------------------------------- /Examples/SpringTester.framer/framer/images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/SpringTester.framer/framer/images/background.png -------------------------------------------------------------------------------- /Examples/SpringTester.framer/framer/images/cursor-active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/SpringTester.framer/framer/images/cursor-active.png -------------------------------------------------------------------------------- /Examples/SpringTester.framer/framer/images/cursor-active@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/SpringTester.framer/framer/images/cursor-active@2x.png -------------------------------------------------------------------------------- /Examples/SpringTester.framer/framer/images/cursor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/SpringTester.framer/framer/images/cursor.png -------------------------------------------------------------------------------- /Examples/SpringTester.framer/framer/images/cursor@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/SpringTester.framer/framer/images/cursor@2x.png -------------------------------------------------------------------------------- /Examples/SpringTester.framer/framer/images/icon-120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/SpringTester.framer/framer/images/icon-120.png -------------------------------------------------------------------------------- /Examples/SpringTester.framer/framer/images/icon-152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/SpringTester.framer/framer/images/icon-152.png -------------------------------------------------------------------------------- /Examples/SpringTester.framer/framer/images/icon-76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/SpringTester.framer/framer/images/icon-76.png -------------------------------------------------------------------------------- /Examples/SpringTester.framer/framer/images/icon-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/SpringTester.framer/framer/images/icon-arrow.png -------------------------------------------------------------------------------- /Examples/SpringTester.framer/framer/images/icon-arrow@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/SpringTester.framer/framer/images/icon-arrow@2x.png -------------------------------------------------------------------------------- /Examples/SpringTester.framer/framer/images/icon-close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/SpringTester.framer/framer/images/icon-close.png -------------------------------------------------------------------------------- /Examples/SpringTester.framer/framer/images/icon-close@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/SpringTester.framer/framer/images/icon-close@2x.png -------------------------------------------------------------------------------- /Examples/SpringTester.framer/framer/images/icon-framer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/SpringTester.framer/framer/images/icon-framer.png -------------------------------------------------------------------------------- /Examples/SpringTester.framer/framer/images/icon-framer@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/SpringTester.framer/framer/images/icon-framer@2x.png -------------------------------------------------------------------------------- /Examples/SpringTester.framer/framer/images/icon-share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/SpringTester.framer/framer/images/icon-share.png -------------------------------------------------------------------------------- /Examples/SpringTester.framer/framer/images/icon-share@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/SpringTester.framer/framer/images/icon-share@2x.png -------------------------------------------------------------------------------- /Examples/SpringTester.framer/framer/version: -------------------------------------------------------------------------------- 1 | 3 -------------------------------------------------------------------------------- /Examples/SpringTester.framer/images/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/SpringTester.framer/images/.gitkeep -------------------------------------------------------------------------------- /Examples/SpringTester.framer/modules/myModule.coffee: -------------------------------------------------------------------------------- 1 | # Add the following line to your project in Framer Studio. 2 | # myModule = require "myModule" 3 | # Reference the contents by name, like myModule.myFunction() or myModule.myVar 4 | 5 | exports.myVar = "myVariable" 6 | 7 | exports.myFunction = -> 8 | print "myFunction is running" 9 | 10 | exports.myArray = [1, 2, 3] -------------------------------------------------------------------------------- /Examples/WatchButtonModule/button.sketch: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/WatchButtonModule/button.sketch -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/.gitignore: -------------------------------------------------------------------------------- 1 | # Framer Git Ignore 2 | 3 | # General OSX 4 | 5 | .DS_Store 6 | .AppleDouble 7 | .LSOverride 8 | 9 | # Icon must end with two \r 10 | Icon 11 | 12 | # Thumbnails 13 | ._* 14 | 15 | # Files that might appear in the root of a volume 16 | .DocumentRevisions-V100 17 | .fseventsd 18 | .Spotlight-V100 19 | .TemporaryItems 20 | .Trashes 21 | .VolumeIcon.icns 22 | 23 | # Directories potentially created on remote AFP share 24 | .AppleDB 25 | .AppleDesktop 26 | Network Trash Folder 27 | Temporary Items 28 | .apdisk 29 | 30 | 31 | # Framer Specific 32 | .temp.html 33 | framer/*.old.* 34 | framer/backup.coffee 35 | framer/backups/* 36 | framer/.*.hash 37 | -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/app.coffee: -------------------------------------------------------------------------------- 1 | # button tap module 2 | # @byryan 3 | 4 | # add the module 5 | buttonModule = require "buttonAnimation" 6 | 7 | # create a new button 8 | buttonPrimary = new Layer 9 | x: 2 10 | y: 16 11 | width: 308 12 | height: 80 13 | image: "images/buttonPrimary.png" 14 | 15 | # create another button 16 | buttonDefault= new Layer 17 | x: 2 18 | y: 16 + buttonPrimary.height + 16 19 | width: 308 20 | height: 80 21 | image: "images/buttonDefault.png" 22 | 23 | 24 | # invoke the button animation function 25 | buttonPrimary.onClick -> 26 | buttonModule.buttonAnimation(buttonPrimary) 27 | 28 | buttonDefault.onClick -> 29 | buttonModule.buttonAnimation(buttonDefault) 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/app.js: -------------------------------------------------------------------------------- 1 | // Generated by CoffeeScript 1.9.3 2 | 3 | -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/framer/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "propertyPanelToggleStates" : { 3 | 4 | }, 5 | "deviceOrientation" : 0, 6 | "sharedPrototype" : 0, 7 | "contentScale" : 1, 8 | "deviceType" : "apple-watch-42mm-sport-aluminum-blue-closed", 9 | "selectedHand" : "", 10 | "updateDelay" : 0.3, 11 | "deviceScale" : "fit", 12 | "codeFolds" : [ 13 | 14 | ], 15 | "orientation" : 0, 16 | "fullScreen" : false 17 | } -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/framer/framer.generated.js: -------------------------------------------------------------------------------- 1 | // This is autogenerated by Framer 2 | 3 | 4 | if (!window.Framer) {window._bridge('runtime.error', {message:'[framer.js] Framer library missing or corrupt. Select File → Update Framer Library.'})} 5 | if (typeof(DeviceComponent) !== "undefined") {DeviceComponent.Devices["iphone-6-silver"].deviceImageJP2 = false}; 6 | window.Framer.Defaults.DeviceView = {"deviceScale":"fit","selectedHand":"","deviceType":"apple-watch-42mm-sport-aluminum-blue-closed","contentScale":1,"orientation":0}; 7 | 8 | window.Framer.Defaults.DeviceComponent = {"deviceScale":"fit","selectedHand":"","deviceType":"apple-watch-42mm-sport-aluminum-blue-closed","contentScale":1,"orientation":0}; 9 | 10 | window.FramerStudioInfo = {"deviceImagesUrl":"\/_server\/resources\/DeviceImages","documentTitle":"buttonModule.framer"}; 11 | 12 | Framer.Device = new Framer.DeviceView(); 13 | Framer.Device.setupContext(); -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/framer/images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/WatchButtonModule/buttonModule.framer/framer/images/background.png -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/framer/images/cursor-active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/WatchButtonModule/buttonModule.framer/framer/images/cursor-active.png -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/framer/images/cursor-active@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/WatchButtonModule/buttonModule.framer/framer/images/cursor-active@2x.png -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/framer/images/cursor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/WatchButtonModule/buttonModule.framer/framer/images/cursor.png -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/framer/images/cursor@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/WatchButtonModule/buttonModule.framer/framer/images/cursor@2x.png -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/framer/images/icon-120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/WatchButtonModule/buttonModule.framer/framer/images/icon-120.png -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/framer/images/icon-152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/WatchButtonModule/buttonModule.framer/framer/images/icon-152.png -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/framer/images/icon-76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/WatchButtonModule/buttonModule.framer/framer/images/icon-76.png -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/framer/images/icon-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/WatchButtonModule/buttonModule.framer/framer/images/icon-arrow.png -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/framer/images/icon-arrow@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/WatchButtonModule/buttonModule.framer/framer/images/icon-arrow@2x.png -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/framer/images/icon-close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/WatchButtonModule/buttonModule.framer/framer/images/icon-close.png -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/framer/images/icon-close@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/WatchButtonModule/buttonModule.framer/framer/images/icon-close@2x.png -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/framer/images/icon-framer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/WatchButtonModule/buttonModule.framer/framer/images/icon-framer.png -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/framer/images/icon-framer@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/WatchButtonModule/buttonModule.framer/framer/images/icon-framer@2x.png -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/framer/images/icon-share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/WatchButtonModule/buttonModule.framer/framer/images/icon-share.png -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/framer/images/icon-share@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/WatchButtonModule/buttonModule.framer/framer/images/icon-share@2x.png -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/framer/version: -------------------------------------------------------------------------------- 1 | 3 -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/images/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/WatchButtonModule/buttonModule.framer/images/.gitkeep -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/images/buttonDefault.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/WatchButtonModule/buttonModule.framer/images/buttonDefault.png -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/images/buttonPrimary.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Examples/WatchButtonModule/buttonModule.framer/images/buttonPrimary.png -------------------------------------------------------------------------------- /Examples/WatchButtonModule/buttonModule.framer/modules/buttonAnimation.coffee: -------------------------------------------------------------------------------- 1 | # Add the following line to your project in Framer Studio. 2 | # myModule = require "myModule" 3 | # Reference the contents by name, like myModule.myFunction() or myModule.myVar 4 | 5 | # Button Animation Function 6 | # function name; take a layer as input 7 | exports.buttonAnimation = (button) -> 8 | # create a new animation; take the funtion input as the layer 9 | buttonAni = new Animation 10 | layer: button, 11 | properties: {scale: 0.94, opacity: 0.72}, 12 | time: 0.2 13 | # create the reverse of the animation 14 | buttonAniReverse = buttonAni.reverse() 15 | # start the animation; when it ends, start the reverse of the animation 16 | buttonAni.start() 17 | button.on Events.AnimationEnd, -> 18 | buttonAniReverse.start() 19 | -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/.gitignore: -------------------------------------------------------------------------------- 1 | # Framer Git Ignore 2 | 3 | # General OSX 4 | 5 | .DS_Store 6 | .AppleDouble 7 | .LSOverride 8 | 9 | # Icon must end with two \r 10 | Icon 11 | 12 | # Thumbnails 13 | ._* 14 | 15 | # Files that might appear in the root of a volume 16 | .DocumentRevisions-V100 17 | .fseventsd 18 | .Spotlight-V100 19 | .TemporaryItems 20 | .Trashes 21 | .VolumeIcon.icns 22 | 23 | # Directories potentially created on remote AFP share 24 | .AppleDB 25 | .AppleDesktop 26 | Network Trash Folder 27 | Temporary Items 28 | .apdisk 29 | 30 | 31 | # Framer Specific 32 | .temp.html 33 | framer/*.old.* 34 | framer/backup.coffee 35 | framer/backups/* 36 | framer/.*.hash 37 | -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/app.js: -------------------------------------------------------------------------------- 1 | // Generated by CoffeeScript 1.9.3 2 | 3 | -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/framer/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "propertyPanelToggleStates" : { 3 | 4 | }, 5 | "deviceOrientation" : 0, 6 | "sharedPrototype" : 0, 7 | "contentScale" : 1, 8 | "deviceType" : "apple-iphone-6s-silver", 9 | "selectedHand" : "", 10 | "updateDelay" : 0.3, 11 | "deviceScale" : 0.5, 12 | "codeFolds" : [ 13 | 14 | ], 15 | "orientation" : 0, 16 | "fullScreen" : false 17 | } -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/framer/images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/framer/images/background.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/framer/images/cursor-active.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/framer/images/cursor-active.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/framer/images/cursor-active@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/framer/images/cursor-active@2x.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/framer/images/cursor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/framer/images/cursor.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/framer/images/cursor@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/framer/images/cursor@2x.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/framer/images/icon-120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/framer/images/icon-120.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/framer/images/icon-152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/framer/images/icon-152.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/framer/images/icon-76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/framer/images/icon-76.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/framer/images/icon-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/framer/images/icon-arrow.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/framer/images/icon-arrow@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/framer/images/icon-arrow@2x.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/framer/images/icon-close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/framer/images/icon-close.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/framer/images/icon-close@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/framer/images/icon-close@2x.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/framer/images/icon-framer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/framer/images/icon-framer.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/framer/images/icon-framer@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/framer/images/icon-framer@2x.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/framer/images/icon-share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/framer/images/icon-share.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/framer/images/icon-share@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/framer/images/icon-share@2x.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/framer/version: -------------------------------------------------------------------------------- 1 | 3 -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/images/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/images/.gitkeep -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/images/background.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/images/composeView.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/images/composeView.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/images/inboxView.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/images/inboxView.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/images/statusBarBlack.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/images/statusBarBlack.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/images/statusBarWhite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/images/statusBarWhite.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-Status_Bar_Black-82BA1FE6-90EC-4C81-BE4F-9BA3E78BFB8F.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-Status_Bar_Black-82BA1FE6-90EC-4C81-BE4F-9BA3E78BFB8F.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-Status_Bar_White-49F8C7B7-BE96-4341-BFC9-593D5EB3954C.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-Status_Bar_White-49F8C7B7-BE96-4341-BFC9-593D5EB3954C.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-Status_Bars-A8D0A025-951D-47B1-806F-FAC29B794674.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-Status_Bars-A8D0A025-951D-47B1-806F-FAC29B794674.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-addIcon-9D5AF6B4-1EC9-4294-962D-6A05557D132A.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-addIcon-9D5AF6B4-1EC9-4294-962D-6A05557D132A.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-background-5D86ECA1-1E47-42AA-BC41-46C6BCDCE94D.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-background-5D86ECA1-1E47-42AA-BC41-46C6BCDCE94D.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-composeIcon-19CD8C3C-33B3-4E02-B1B2-F175C4265BFB.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-composeIcon-19CD8C3C-33B3-4E02-B1B2-F175C4265BFB.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-composeView-72B20A8D-6720-4DB1-935F-725B65BB678F.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-composeView-72B20A8D-6720-4DB1-935F-725B65BB678F.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-firstCell-073DC1C3-5152-4FAA-A906-ADCA90ECE23F.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-firstCell-073DC1C3-5152-4FAA-A906-ADCA90ECE23F.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-inboxView-89CAD2EE-776C-4143-93DE-A243EC1C3C30.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-inboxView-89CAD2EE-776C-4143-93DE-A243EC1C3C30.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-navbar-53756B9E-83CC-4FB1-80A3-5C549AF055DF.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-navbar-53756B9E-83CC-4FB1-80A3-5C549AF055DF.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-pencil-E64C6D17-A6C8-4BE4-8F4D-E94B9708774E.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-pencil-E64C6D17-A6C8-4BE4-8F4D-E94B9708774E.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-remainingCells-2D4BB1E1-41D4-4D18-BBF8-3982368C58CF.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-remainingCells-2D4BB1E1-41D4-4D18-BBF8-3982368C58CF.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-searchField-24065864-755D-4169-92AA-657FE1A7F539.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-searchField-24065864-755D-4169-92AA-657FE1A7F539.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-toolbar-09CB6C4E-78A1-4D63-8CAE-A821294C98A1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/MailAppTransition/images/Layer-toolbar-09CB6C4E-78A1-4D63-8CAE-A821294C98A1.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-Status_Bar_Black-82BA1FE6-90EC-4C81-BE4F-9BA3E78BFB8F.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-Status_Bar_Black-82BA1FE6-90EC-4C81-BE4F-9BA3E78BFB8F.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-Status_Bar_White-49F8C7B7-BE96-4341-BFC9-593D5EB3954C.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-Status_Bar_White-49F8C7B7-BE96-4341-BFC9-593D5EB3954C.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-Status_Bars-A8D0A025-951D-47B1-806F-FAC29B794674.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-Status_Bars-A8D0A025-951D-47B1-806F-FAC29B794674.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-addIcon-9D5AF6B4-1EC9-4294-962D-6A05557D132A.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-addIcon-9D5AF6B4-1EC9-4294-962D-6A05557D132A.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-background-5D86ECA1-1E47-42AA-BC41-46C6BCDCE94D.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-background-5D86ECA1-1E47-42AA-BC41-46C6BCDCE94D.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-composeIcon-19CD8C3C-33B3-4E02-B1B2-F175C4265BFB.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-composeIcon-19CD8C3C-33B3-4E02-B1B2-F175C4265BFB.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-composeView-72B20A8D-6720-4DB1-935F-725B65BB678F.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-composeView-72B20A8D-6720-4DB1-935F-725B65BB678F.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-firstCell-073DC1C3-5152-4FAA-A906-ADCA90ECE23F.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-firstCell-073DC1C3-5152-4FAA-A906-ADCA90ECE23F.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-inboxView-89CAD2EE-776C-4143-93DE-A243EC1C3C30.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-inboxView-89CAD2EE-776C-4143-93DE-A243EC1C3C30.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-navbar-53756B9E-83CC-4FB1-80A3-5C549AF055DF.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-navbar-53756B9E-83CC-4FB1-80A3-5C549AF055DF.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-pencil-E64C6D17-A6C8-4BE4-8F4D-E94B9708774E.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-pencil-E64C6D17-A6C8-4BE4-8F4D-E94B9708774E.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-remainingCells-2D4BB1E1-41D4-4D18-BBF8-3982368C58CF.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-remainingCells-2D4BB1E1-41D4-4D18-BBF8-3982368C58CF.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-searchField-24065864-755D-4169-92AA-657FE1A7F539.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-searchField-24065864-755D-4169-92AA-657FE1A7F539.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-toolbar-09CB6C4E-78A1-4D63-8CAE-A821294C98A1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.framer/imported/viewScale/images/Layer-toolbar-09CB6C4E-78A1-4D63-8CAE-A821294C98A1.png -------------------------------------------------------------------------------- /Projects/MailAppTransition/MailAppTransition.sketch: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/MailAppTransition/MailAppTransition.sketch -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/.gitignore: -------------------------------------------------------------------------------- 1 | # Framer Git Ignore 2 | 3 | # General OSX 4 | 5 | .DS_Store 6 | .AppleDouble 7 | .LSOverride 8 | 9 | # Icon must end with two \r 10 | Icon 11 | 12 | # Thumbnails 13 | ._* 14 | 15 | # Files that might appear in the root of a volume 16 | .DocumentRevisions-V100 17 | .fseventsd 18 | .Spotlight-V100 19 | .TemporaryItems 20 | .Trashes 21 | .VolumeIcon.icns 22 | 23 | # Directories potentially created on remote AFP share 24 | .AppleDB 25 | .AppleDesktop 26 | Network Trash Folder 27 | Temporary Items 28 | .apdisk 29 | 30 | 31 | # Framer Specific 32 | .temp.html 33 | framer/*.old.* 34 | framer/backup.coffee 35 | framer/backups/* 36 | framer/.*.hash 37 | -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "device" : "iPhone 5S Space Gray", 3 | "sharedPrototype" : 0, 4 | "deviceOrientation" : 0, 5 | "contentScale" : 1, 6 | "deviceType" : "iphone-6-silver", 7 | "updateDelay" : 0.3, 8 | "deviceScale" : 0.5, 9 | "delay" : 0.3 10 | } -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/background.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/cursor.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/cursor.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/cursor@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/cursor@2x.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-120.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-152.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-180.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-192.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-76.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-arrow.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-arrow@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-arrow@2x.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-close.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-close@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-close@2x.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-framer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-framer.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-framer@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-framer@2x.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-share.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-share@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/images/icon-share@2x.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | border: none; 5 | -webkit-user-select: none; 6 | -webkit-tap-highlight-color: rgba(0,0,0,0); 7 | } 8 | 9 | body { 10 | background-color: #fff; 11 | font: 28px/1em "Helvetica"; 12 | color: #FFF; 13 | overflow: hidden; 14 | cursor: url('images/cursor.png') 39 39, auto; 15 | } 16 | 17 | a { 18 | color: gray; 19 | } 20 | 21 | .framerAlertBackground { 22 | position: absolute; top:0px; left:0px; right:0px; bottom:0px; 23 | z-index: 1000; 24 | background-color: #fff; 25 | } 26 | 27 | .framerAlert { 28 | font:400 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif; 29 | -webkit-font-smoothing:antialiased; 30 | color:#616367; text-align:center; 31 | position: absolute; top:40%; left:50%; width:260px; margin-left:-130px; 32 | } 33 | .framerAlert strong { font-weight:500; color:#000; margin-bottom:8px; display:block; } 34 | .framerAlert a { color:#28AFFA; } 35 | .framerAlert .btn { 36 | font-weight:500; text-decoration:none; line-height:1; 37 | display:inline-block; padding:6px 12px 7px 12px; 38 | border-radius:3px; margin-top:12px; 39 | background:#28AFFA; color:#fff; 40 | } 41 | 42 | ::-webkit-scrollbar { 43 | display: none; 44 | } -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/framer/version: -------------------------------------------------------------------------------- 1 | 1 -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/images/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/images/.gitkeep -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-backBtn-16C47B63-0D1F-4C47-9A8E-6E39D1A5EFF3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-backBtn-16C47B63-0D1F-4C47-9A8E-6E39D1A5EFF3.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-cell1-EC1AB3BD-1EEB-4DDE-A496-B5D953ACD100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-cell1-EC1AB3BD-1EEB-4DDE-A496-B5D953ACD100.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-cell2-310C43D4-2DC2-40BB-B44A-E308FD872BA0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-cell2-310C43D4-2DC2-40BB-B44A-E308FD872BA0.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-cell3-0E00082A-A4F7-4C55-AC3C-7841A5E1012F.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-cell3-0E00082A-A4F7-4C55-AC3C-7841A5E1012F.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-cell4-7041D912-87F0-4865-8DDC-C572F82338D2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-cell4-7041D912-87F0-4865-8DDC-C572F82338D2.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-cell5-F1BAE166-FCC6-404F-8234-42D120F07ACE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-cell5-F1BAE166-FCC6-404F-8234-42D120F07ACE.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-dim-0E5FE015-A74F-443F-9218-58460F8AE4B5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-dim-0E5FE015-A74F-443F-9218-58460F8AE4B5.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-dim-184DEF86-3F99-486A-B9B2-314C0DE1EF64.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-dim-184DEF86-3F99-486A-B9B2-314C0DE1EF64.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-dim-74B1B5C3-8B08-4C85-84F3-0F4DEEF3033C.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-dim-74B1B5C3-8B08-4C85-84F3-0F4DEEF3033C.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-dim-8022BFBE-BC15-407D-8362-A0E3AD6D9874.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-dim-8022BFBE-BC15-407D-8362-A0E3AD6D9874.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-dim-8C2EF2C2-9E26-4695-8A7B-F88BFEC44343.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-dim-8C2EF2C2-9E26-4695-8A7B-F88BFEC44343.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-headline-B97163FF-D657-45A0-AB08-2A5F2B6CF4BB.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-headline-B97163FF-D657-45A0-AB08-2A5F2B6CF4BB.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-movieDetailCopy-6D8B39FF-BB34-42D3-BF48-FE701DFDD519.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-movieDetailCopy-6D8B39FF-BB34-42D3-BF48-FE701DFDD519.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-movieList-E69C6FCE-FDE9-458A-81F9-A4A9C8621796.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-movieList-E69C6FCE-FDE9-458A-81F9-A4A9C8621796.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-starWarsPhoto-F3B03C72-CE2B-4A61-B3E5-B5C3125FB167.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo-prototype.framer/imported/nat-geo/images/Layer-starWarsPhoto-F3B03C72-CE2B-4A61-B3E5-B5C3125FB167.png -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo-prototype.framer/modules/myModule.coffee: -------------------------------------------------------------------------------- 1 | # Add the following line to your project in Framer Studio. 2 | # myModule = require "myModule" 3 | # Reference the contents by name, like myModule.myFunction() or myModule.myVar 4 | 5 | exports.myVar = "myVariable" 6 | 7 | exports.myFunction = -> 8 | print "myFunction is running" 9 | 10 | exports.myArray = [1, 2, 3] -------------------------------------------------------------------------------- /Projects/NatGeoPrototype/nat-geo.sketch: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Projects/NatGeoPrototype/nat-geo.sketch -------------------------------------------------------------------------------- /Snippets/how_to_scroll.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TheRealRyanSmith/framer-examples-and-snippets/f5e24f744c273adc2a71c02c3fb12f9b73fae8dd/Snippets/how_to_scroll.png --------------------------------------------------------------------------------