1 line
No EOL
29 KiB
JSON
1 line
No EOL
29 KiB
JSON
{"slug": "podo--awesome-framer", "title": "Framer", "description": "A curated list of awesome things related to Framer prototyping tool", "github_url": "https://github.com/podo/awesome-framer", "stars": "614", "tag": "Miscellaneous", "entry_count": 159, "subcategory_count": 1, "subcategories": [{"name": "General", "parent": "", "entries": [{"name": "General", "url": "#general", "description": ""}, {"name": "Articles", "url": "#articles", "description": ""}, {"name": "Videos", "url": "#videos", "description": ""}, {"name": "Tutorials", "url": "#tutorials", "description": ""}, {"name": "Video Course", "url": "#video-courses", "description": ""}, {"name": "Books", "url": "#books", "description": ""}, {"name": "Examples", "url": "#examples", "description": ""}, {"name": "Modules", "url": "#modules", "description": ""}, {"name": "UI Libraries", "url": "#ui-libraries", "description": ""}, {"name": "Sites", "url": "#sites", "description": ""}, {"name": "Other", "url": "#other", "description": ""}, {"name": "Official Site", "url": "http://framer.com", "description": ""}, {"name": "Official Examples", "url": "http://framer.com/examples", "description": ""}, {"name": "Documentation", "url": "http://framer.com/docs", "description": ""}, {"name": "Facebook Group", "url": "https://www.facebook.com/groups/framerjs/", "description": ""}, {"name": "Designer / coder, and not the other way around", "url": "https://medium.com/road-to-infinity/designer-coder-and-not-the-other-way-around-4288098986e1#.a1ks034fn", "description": "Paul Cotton talks how he started using Framer."}, {"name": "Why Framer.js Matters", "url": "https://medium.com/@drocarmo/why-framer-js-matters-93eb1206e606#.846k6rca6", "description": "Pedro Carmo on why Framer is a tool designers should start using."}, {"name": "Stripe Speaker Series: Designing with Framer", "url": "https://www.youtube.com/watch?v=mqk9Fw8FKLY", "description": "Koen Bok and Jorn van Dijk give a short talk and Q\\&A focused on Framer that also covers prototyping in general and a discussion of the various design tools available in the market."}, {"name": "FORM SF 2014: Panel - Design Tooling", "url": "https://www.youtube.com/watch?v=gX0n4JUl18g", "description": "Discussion between creators of popular design tools (including Koen Bok from Framer) on the value of prototyping, lessons learned in crafting products for designers, and the future of UX tools."}, {"name": "Framer.js Official Basics", "url": "http://framerjs.com/learn/basics", "description": "The place to start prototyping with Framer."}, {"name": "Framer Video Tutorials", "url": "https://www.youtube.com/playlist?list=PL9p5auxyrweMB6JVO24jFvW4NZufHacjz", "description": "Video tutorials provided directly from Framer team."}, {"name": "New to Framer? Just 3 Things to Get You Started", "url": "https://medium.com/@designforhuman/new-to-framer-just-3-things-to-get-you-started-47397f27c71e#.uk7q8mqts", "description": "David Lee\u2019s guide to get started."}, {"name": "Framer.js for people who think things like Framer.js are weird and hard", "url": "https://medium.com/@sean_mateer/framer-js-for-people-who-think-things-like-framer-js-are-weird-and-hard-add2068c8114#.epx95tg0t", "description": "Sean Mateer makes weird and hard things look easy."}, {"name": "Prototyping & Working with Framer", "url": "http://humaan.com/prototyping-with-framer/", "description": "Simple guide to getting started by Dan Moore."}, {"name": "Prototyping with Framer.js", "url": "http://blog.tackmobile.com/article/prototyping-framer-js/", "description": "Framer basics by Tackmobile team."}, {"name": "Getting Started with Framer", "url": "http://www.cutandfold.co/blog/2015/9/7/making-you-first-framer-prototype", "description": "Very basic Framer starting guide by Andrew Nalband."}, {"name": "Building Your First Prototype", "url": "http://www.cutandfold.co/blog/2015/9/8/building-your-first-prototype", "description": "Second guide by Andrew Nalband, where you start building real prototype from Sketch file."}, {"name": "Creating Your First Prototype with Framer", "url": "https://medium.com/@kennycheny/creating-your-first-prototype-with-framer-c39221da7668#.3jcem1x61", "description": "Animation tutorial by Kenny Chen."}, {"name": "Framer.js Workshop", "url": "http://codepen.io/collection/nRzzaZ/", "description": "Collection of Framer examples by [Jay Stakelon](https://twitter.com/stakelon)."}, {"name": "Motion is Emotion: Prototyping Microinteractions for Apple Watch with Framer Studio", "url": "https://web.archive.org/web/20160304015511/https://blog.grandcentrix.net/motion-is-emotion/", "description": "Apple Watch temperature gauge prototype tutorial."}, {"name": "Periscope Heart Animation Demo at the Seattle FramerJS Meetup", "url": "https://www.youtube.com/watch?v=qFUXxqzZytU", "description": "Presentation by [Jordan Dobson](https://twitter.com/jordandobson) on how to create Periscope heart animation with Framer."}, {"name": "Using Parse to power up your Framer prototypes", "url": "https://medium.com/facebook-design/using-parse-to-power-up-your-framer-prototypes-88cb87009d00#.8noe6r2wb", "description": "Using Framer with real data Part 1 by George Kedenburg III."}, {"name": "Give your Framer prototypes a better memory", "url": "https://medium.com/facebook-design/give-your-framer-prototypes-a-better-memory-212b26e0f934#.6ws4983e7", "description": "Using Framer with real data Part 2 by George Kedenburg III."}, {"name": "Working with SVG Paths in Framer", "url": "https://medium.com/framer-prototyping/working-with-svg-paths-in-framer-43d3c2d08adc", "description": "Starting point for SVG Paths in Framer by Josh Puckett."}, {"name": "Managing Styles and CSS in Framer", "url": "http://martenbjork.com/2016/05/managing-styles-and-css-in-framer/", "description": "M\u00e5rten Bj\u00f6rk on styles management in Framer."}, {"name": "Developing a Framer Module", "url": "https://medium.com/bpxl-craft/developing-a-framer-module-dbf6a7d6ffc9#.ju0gck7hd", "description": "John Marstall teaches how to create a Framer Module."}, {"name": "Prototyping for Virtual Reality using Framer JS", "url": "https://uxdesign.cc/vr-based-viewmaster-in-framer-js-72858df6570f#.r8ylyzbks", "description": "Excerpts of some interaction considerations Keyur Jain learned of while prototyping for a Virtual Reality experience in Framer."}, {"name": "Prototyping Speech Recognition in Framer.js", "url": "https://medium.com/framer-prototyping/prototyping-speech-recognition-in-framer-js-9cbbbd01757#.dkwuowqwy", "description": "Brian Bailey gives a breaf introduction to speach recognition prototyping in Framer."}, {"name": "Power your Framer prototypes with real location data", "url": "https://www.mapbox.com/blog/power-framer-prototype-with-mapbox/", "description": "Maya Gao on Framer prototypes with real location data using Mapbox API."}, {"name": "How to Create High\u2011Quality GIFs", "url": "https://framer.com/blog/posts/how-to-create-high-quality-gifs", "description": "How to Create High\u2011Quality GIFs, our guide to making amazing GIFs with some of our favorite tools: ScreenFlow and Claquette."}, {"name": "Mobile App Prototyping: Designing Custom Interactions", "url": "https://www.skillshare.com/classes/design/Mobile-App-Prototyping-Designing-Custom-Interactions/382444545", "description": "50-minute Skillshare class on how to use mobile app prototyping to communicate your ideas and execute your vision by [Noah Levin](https://twitter.com/nlevin)."}, {"name": "Framerjs: Innovative prototyping and design with interaction", "url": "https://www.udemy.com/framerjs-prototyping-design-interaction-animation/?couponCode=FRAMER", "description": "54 parts, 6 hours course by [Adria Jimenez](https://twitter.com/ajimix)."}, {"name": "Prototyping with Framer", "url": "http://www.sketchcasts.net/episodes/prototyping-with-framer-part-1", "description": "Three-part prototyping course by [Rafael Conde](https://twitter.com/rafahari)."}, {"name": "Rapid Prototyping with Framer", "url": "https://player.oreilly.com/videos/9781771374620", "description": "5-hour long prototyping course by [Kenny Chen](https://twitter.com/kennycheny)."}, {"name": "Prototyping With Framer.js", "url": "https://generalassemb.ly/education/prototyping-with-framerjs", "description": "On-location course instructed by [Jay Stakelon](https://twitter.com/stakelon), [Noah Levin](https://twitter.com/nlevin) and [Cemre G\u00fcng\u00f6r](https://twitter.com/gem_ray)."}, {"name": "UI Prototyping with Framer.js", "url": "https://www.pluralsight.com/courses/ui-prototyping-framer-js", "description": "Almost 5 hours long course by [Jay Stakelon](https://twitter.com/stakelon)."}, {"name": "Framercasts", "url": "http://www.framercasts.com/", "description": "Advance your Framer knowledge with real world examples produced by [Mike Johnson](https://twitter.com/failsafedesign)."}, {"name": "Framer for UX Design", "url": "https://www.lynda.com/FramerJS-tutorials/UX-Design-Tools-Framer/562923-2.html", "description": "Emmanuel Henri shows both how to use non-coding Framer tools and how the usage of programming fits into the UX design process."}, {"name": "Framer Crash Course", "url": "https://www.youtube.com/playlist?list=PLWlUJU11tp4f41p4dzizVkjjTQ38kA0wG", "description": "Crash course learning the basics of design and code on Framer."}, {"name": "designers.how Framer Courses", "url": "https://designers.how/topics/framer", "description": "List of basic and more advanced Framer courses."}, {"name": "Framer Studio for Beginners: A Comprehensive Guide", "url": "https://www.youtube.com/playlist?list=PLIZVb6Yuw91yGUNbSNEHvWWHkdol6SJUW", "description": "Series of videos that walk you through designing and coding in Framer using hands-on projects by [Cordova Putra](https://twitter.com/cordova)"}, {"name": "CoffeeScript for Framer", "url": "http://coffeescript-for-framerjs.com", "description": ""}, {"name": "The Framer book", "url": "https://framerbook.com", "description": ""}, {"name": "Framer Experiments by Ed Chao", "url": "http://thatedchao.com/published/2014/10/27/framer.html", "description": "Several awesome examples with download links from designer at Dropbox."}, {"name": "HSL Color Picker", "url": "http://share.framerjs.com/ft0uwf1jweid/", "description": "HSL Color Picker by Framer team."}, {"name": "iOS Toggle", "url": "http://share.framerjs.com/mraze47eux9w/", "description": "iOS Toggle using Color class by [Jorn van Dijk](https://twitter.com/jornvandijk)."}, {"name": "framer-googlefonts", "url": "https://github.com/peteschaffner/framer-googlefonts", "description": "Google Fonts loader module for your Framer prototypes.", "stars": "62"}, {"name": "tabBarModule", "url": "https://github.com/petterheterjag/tabBarModule", "description": "Module for Framer that replicates the iOS tab bar.", "stars": "91"}, {"name": "framer-animation-collections", "url": "https://github.com/isaacw/framer-animation-collections", "description": "Framer classes for managing large sets of animations.", "stars": "64"}, {"name": "framer.iosnotification", "url": "https://github.com/leinerud/framer.iosnotification", "description": "Framer module that mimics an iOS notification.", "stars": "22"}, {"name": "Framer-Grid", "url": "https://github.com/nilshoenson/Framer-Grid", "description": "Flexible Framer Module that creates a grid overlay on top of your prototype to precisely align content or experiment early on in the design process.", "stars": "25"}, {"name": "shortcuts-for-framer", "url": "https://github.com/facebook/shortcuts-for-framer", "description": "Collection of useful functions to make mobile prototyping with Framer easier.", "stars": "409"}, {"name": "framer.placehold", "url": "https://github.com/cupofjoakim/framer.placehold", "description": "This is a module for framer that provides a library of different image placeholder services.", "stars": "11"}, {"name": "FramerNavigationComponent", "url": "https://github.com/jchavarri/FramerNavigationComponent", "description": "Reusable and customizable navigation component for Framer, based on iOS.", "stars": "30"}, {"name": "RippleTransition.framer", "url": "https://github.com/offirg75/framer.RippleTransition", "description": "Framer Module for a Material design like ripple transition.", "stars": "4"}, {"name": "framer-icon", "url": "https://github.com/peteschaffner/framer-icon", "description": "Framer dynamically tinted icons based off of a template image.", "stars": "28"}, {"name": "framer.makeGradient", "url": "https://github.com/cupofjoakim/framer.makeGradient", "description": "Module for Framer that makes it easy to create static linear/radial gradients. Want them to animate? I welcome pull requests.", "stars": "23"}, {"name": "WatchKit-Framer", "url": "https://github.com/ajimix/WatchKit-Framer", "description": "Apple Watch Kit module for Framer.", "stars": "55"}, {"name": "Framer-AudioPlayer", "url": "https://github.com/benjaminnathan/Framer-AudioPlayer", "description": "AudioPlayer Module for Framer.", "stars": "147"}, {"name": "Framer-VideoPlayer", "url": "https://github.com/stakes/Framer-VideoPlayer", "description": "Video player module for Framer Studio and Framer.", "stars": "74"}, {"name": "Framer-Module-ShakeEvent", "url": "https://github.com/RayPS/Framer-Module-ShakeEvent", "description": "ShakeEvent Module for Framer.", "stars": "62"}, {"name": "Framer-Module-UISound", "url": "https://github.com/RayPS/Framer-Module-UISound/", "description": "UISound Module for Framer.", "stars": "32"}, {"name": "CameraLayer", "url": "https://github.com/ktcy/CameraLayer", "description": "Framer layer displaying camera image."}, {"name": "ios-keyboard-for-framer", "url": "https://github.com/supsupmo/ios-keyboard-for-framer", "description": "iOS Keyboard module for Framer.", "stars": "31"}, {"name": "textLayer-for-Framer", "url": "https://github.com/awt2542/textLayer-for-Framer", "description": "Framer module that simplifies the process of adding text to your prototypes.", "stars": "256"}, {"name": "Kinetics", "url": "https://github.com/joshmtucker/Kinetics", "description": "Test spring animations on any layer in your Framer Studio project without having to reload.", "stars": "30"}, {"name": "framer-flip-card-module", "url": "https://github.com/aboutjax/framer-flip-card-module", "description": "Framer module to quickly create a flip card effect with two image layers.", "stars": "98"}, {"name": "Input-Framer", "url": "https://github.com/ajimix/Input-Framer", "description": "Framer module to easily turn your designs inputs into real inputs.", "stars": "338"}, {"name": "StickyHeaders-for-Framer", "url": "https://github.com/72/StickyHeaders-for-Framer", "description": "Module to create scroll components with sticky stamps in Framer.", "stars": "107"}, {"name": "OrientationEvents", "url": "https://github.com/joshmtucker/OrientationEvents", "description": "Module for Framer to handle device orientation events.", "stars": "103"}, {"name": "ScaleFrame", "url": "https://github.com/joshmtucker/ScaleFrame", "description": "Module for Framer to calculate properties of a scaled layer using its new dimensions.", "stars": "7"}, {"name": "framer-label", "url": "https://github.com/peteschaffner/framer-label", "description": "Label module with multi-line truncation support for Framer.", "stars": "11"}, {"name": "framer-equally-rotate-images", "url": "https://github.com/aboutjax/framer-equally-rotate-images", "description": "Give this module an array of images, and it will rotate them equally around in a circular path.", "stars": "37"}, {"name": "framer-colour-transition", "url": "https://github.com/nickmangos/framer-colour-transition", "description": "Framer module that transitions the background colour of a layer.", "stars": "10"}, {"name": "framer-webview", "url": "https://github.com/peteschaffner/framer-webview", "description": "Web view module for Framer.", "stars": "23"}, {"name": "framer-uistatusbar", "url": "https://github.com/peteschaffner/framer-uistatusbar", "description": "iOS status bar module for Framer.", "stars": "2"}, {"name": "framer.module.ajax", "url": "https://github.com/karlerikjonatan/framer.module.ajax", "description": "Ajax module for Framer.", "stars": "21"}, {"name": "framer.module.fill", "url": "https://github.com/karlerikjonatan/framer.module.fill", "description": "Fill module for Framer.", "stars": "6"}, {"name": "SpeechSynth", "url": "https://github.com/joshmtucker/SpeechSynth", "description": "Framer module for Web SpeechSynthesis.", "stars": "13"}, {"name": "Comment-for-Framer", "url": "https://github.com/awt2542/Comment-for-Framer", "description": "Framer module for making comments in your prototypes.", "stars": "17"}, {"name": "framer-viewNavigationController", "url": "https://github.com/chriscamargo/framer-viewNavigationController", "description": "Simple controller for FramerJS that allows you to transition between views with just a couple lines of code.", "stars": "216"}, {"name": "Layers-for-Framer", "url": "https://github.com/awt2542/Layers-for-Framer", "description": "Framer module that makes it easier to find layers in your project.", "stars": "34"}, {"name": "Framer-Highlightr", "url": "https://github.com/jonahvsweb/Framer-Highlightr", "description": "Custom Framer module that shows hotspots over clickable layers in your prototype.", "stars": "27"}, {"name": "SVGLayer", "url": "https://github.com/joshpuckett/FramerModules/tree/master/SVGLayer", "description": "Module and corresponding Sketch plugin that make it trivial to work with SVG Paths in Framer.", "stars": "171"}, {"name": "VRComponent", "url": "https://github.com/jonastreub/VRComponent", "description": "Virtual reality component for Framer.", "stars": "179"}, {"name": "3D Touch Module", "url": "http://jrdn.io/dO4r", "description": "Module for iOS 3D Touch support by [Jordan Dobson](https://twitter.com/jordandobson)."}, {"name": "Simple Android Ripple", "url": "https://github.com/imaaronjames/Simple-Android-Ripple", "description": "Framer module for adding touch ripple animations to any layer.", "stars": "28"}, {"name": "Simple Android Keyboards", "url": "https://github.com/imaaronjames/Simple-Android-Keyboards", "description": "Easily add a static Android Keyboard to your Framer Studio project with just one line of code.", "stars": "8"}, {"name": "Simple Android Toast", "url": "https://github.com/imaaronjames/Simple-Android-Toast", "description": "Use this module to easily add Android toasts to your Framer Studio projects.", "stars": "3"}, {"name": "Simple Android Snackbar", "url": "https://github.com/imaaronjames/Simple-Android-Snackbar", "description": "Framer module for adding Android Material Design Snackbars to your project.", "stars": "3"}, {"name": "Framer Path", "url": "https://github.com/vladimirshlygin/framer-path", "description": "Create custom SVG shapes and animate each point individually.", "stars": "145"}, {"name": "Material Kit for FramerJS", "url": "https://github.com/k-vyn/framer-material-kit", "description": "Make prototyping with Material Design fast and easy without compromising the quality or customization.", "stars": "266"}, {"name": "iOS Kit for FramerJS", "url": "https://github.com/k-vyn/framer-ios-kit", "description": "Make prototyping for iOS fast and easy without compromising the quality or customization.", "stars": "517"}, {"name": "framer-Firebase", "url": "https://github.com/marckrenn/framer-Firebase", "description": "The Firebase module allows your Framer prototype to load, save and sync data effortlessly between multiple sessions and devices.", "stars": "231"}, {"name": "spotifyApiFramer", "url": "https://github.com/mamezito/spotifyApiFramer", "description": "Framer module that allows to get JSON objects when querying with Spotify API.", "stars": "9"}, {"name": "ViewController-for-Framer", "url": "https://github.com/awt2542/ViewController-for-Framer", "description": "Module for Framer helps you create multi step user flows with pre-made transitions like \"fade in\", \"zoom in\" and \"slide in\".", "stars": "412"}, {"name": "Gridddle", "url": "https://github.com/Volorf/Gridddle", "description": "Grid module for FramerJS.", "stars": "52"}, {"name": "SliderLibrary", "url": "https://github.com/floludwig/SliderLibrary", "description": "Framer library for creating sliders."}, {"name": "StickyHeaders-for-Framer", "url": "https://github.com/72/StickyHeaders-for-Framer", "description": "Module to enable sticky headers within Framer's Scroll Components.", "stars": "107"}, {"name": "framer-view-stack", "url": "https://github.com/alandickinson/framer-view-stack", "description": "Framer module for creating views that stack on top of each other.", "stars": "25"}, {"name": "RemoteLayer", "url": "https://github.com/bpxl-labs/RemoteLayer", "description": "The RemoteLayer module allows you to instantly generate an interactive Apple TV remote for your tvOS app prototypes.", "stars": "30"}, {"name": "distribute-layers", "url": "https://github.com/martenbjork/distribute-layers", "description": "This package helps you position multiple Framer layers with ease.", "stars": "87"}, {"name": "Framer-ValueLayer", "url": "https://github.com/tjphilli/Framer-ValueLayer", "description": "ValueLayer is a Layer subclass dedicated to helping you manage numbers in your prototypes, and animate between them.", "stars": "63"}, {"name": "perspective-view", "url": "https://github.com/mrrocks/perspective-view", "description": "Module for FramerJS to enable a perspective view of your prototype.", "stars": "40"}, {"name": "Pair", "url": "https://github.com/IanBellomy/Pair", "description": "Drag and Drop module for Framer.", "stars": "39"}, {"name": "Cloudstitch Framer Module", "url": "https://github.com/cloudstitch/framer.module.cloudstitch", "description": "Module lets you load data from Google Spreadsheets and Microsoft Excel directly into your Framer projects.", "stars": "15"}, {"name": "framer-QueryInterface", "url": "https://github.com/marckrenn/framer-QueryInterface", "description": "Module that allows Framer prototypes to read variables from and write variables to the last part of their URL (the query).", "stars": "28"}, {"name": "Framer StatusBarLayer", "url": "https://github.com/bpxl-labs/StatusBarLayer", "description": "Module for generating accurate, customizable status bars for iOS app prototypes.", "stars": "52"}, {"name": "Loading Placeholder", "url": "https://github.com/zehfernandes/framer-loadingplaceholder", "description": "Module which instantly creates loading placeholder based on your layer style.", "stars": "16"}, {"name": "lottie-framer", "url": "https://github.com/72/lottie-framer", "description": "Framer module that uses AirBnb's Lottie-Web to render animations exported from After Effects (JSON files).", "stars": "165"}, {"name": "ControlPanelLayer", "url": "https://github.com/bpxl-labs/ControlPanelLayer", "description": "Framer module for creating a developer panel to control aspects of the prototype from within the prototype.", "stars": "34"}, {"name": "GradientHelper", "url": "https://github.com/bpxl-labs/GradientHelper", "description": "Module that simplifies the process of applying gradients to Framer layers and even enables animated gradients.", "stars": "21"}, {"name": "FocusEngine", "url": "https://github.com/bpxl-labs/FocusEngine", "description": "Module for simulating the grid focus behavior found on Apple TV and Roku.", "stars": "23"}, {"name": "MapboxLayer", "url": "https://github.com/bpxl-labs/MapboxLayer", "description": "Module for creating powerful Mapbox maps in your prototypes.", "stars": "20"}, {"name": "Framer Sheet", "url": "https://github.com/andrewliebchen/framer-sheet", "description": "Import information from Google Sheets into Framer.", "stars": "17"}, {"name": "FramerAudio", "url": "https://github.com/benjamindenboer/FramerAudio", "description": "Module that allows you to design audio interfaces in Framer.", "stars": "47"}, {"name": "Framer Slider", "url": "https://github.com/benjamindenboer/FramerSlider", "description": "Module that allows you to design sliders and then bring them to life, without losing customizability. Appearance and logic\u2014separated.", "stars": "41"}, {"name": "iOS-11-Framer", "url": "https://github.com/brentcas/iOS-11-Framer", "description": "iOS 11 Design System GUI for Framer.", "stars": "43"}, {"name": "framer-Symbols", "url": "https://github.com/der-lukas/framer-Symbols", "description": "Module to create symbols in Framer.", "stars": "117"}, {"name": "framer-moreutils", "url": "https://github.com/steveruizok/framer-moreutils", "description": "Expand Utils with some handy helper functions.", "stars": "31"}, {"name": "framer keyboardEvents", "url": "https://github.com/marckrenn/framer-keyboardEvents", "description": "Hassle-free keyboard bindings for Framer: No need to look up keyCodes; supports 100+ keys with minimal performance impact.", "stars": "11"}, {"name": "Framer Joystick", "url": "https://github.com/emilwidlund/framer-joystick", "description": "Module for Gamepad-driven UI prototypes.", "stars": "15"}, {"name": "Framer Feedback", "url": "https://github.com/aboutjax/Framer-Feedback", "description": "Framer feedback module makes it easier for you to prototype with feedback messages.", "stars": "20"}, {"name": "Framer-Bottom-Navigation", "url": "https://github.com/johnmpsherwin/Framer-Bottom-Navigation", "description": "Framer Module to add Android's Bottom Navigation to your project.", "stars": "8"}, {"name": "Framer Device Rotator", "url": "https://github.com/josephxbrick/DeviceRotator", "description": "A Framer module that adds a rotation button to a phone/tablet when said is displayed in a desktop browser or in Framer Studio (but not on device).", "stars": "1"}, {"name": "Keyboard Input for Framer", "url": "https://github.com/Skinny-Malinky/Keyboard-Input-for-Framer", "description": "A module that allows you to easily manage keyboard input.", "stars": "10"}, {"name": "Framer DesignComponents", "url": "https://github.com/sebcglbailey/framer-DesignComponents", "description": "Module for converting your designs in design mode into full scalable classes in code, without a single line of code!.", "stars": "31"}, {"name": "Framer Web Audio API Module", "url": "https://github.com/raulibanez/framer-audio", "description": "A Framer module that provides better audio support for your Framer projects."}, {"name": "Framer Status Bar Module", "url": "https://github.com/walnuttea/statusBar-module", "description": "Module to initialize a status bar in a Framer application.", "stars": "2"}, {"name": "Framer Android Picker", "url": "https://github.com/johnmpsherwin/Framer-Android-Picker", "description": "An Android Picker Module.", "stars": "7"}, {"name": "Yummy Framer", "url": "https://github.com/janwagner/yummyFramer", "description": "Yummy provides custom layer functions such as LoadViews, LoadNextView, Fade & Move Layer."}, {"name": "Framer Font Loader", "url": "https://github.com/steveruizok/fontloader", "description": "Painlessly, reliably load local and web fonts into Framer prototypes.", "stars": "30"}, {"name": "Framer Form", "url": "https://github.com/emilwidlund/framer-form", "description": "Give your Framer prototypes a third dimension.", "stars": "107"}, {"name": "FramerMapboxJS", "url": "https://github.com/NocheVolta/FramerMapboxJS", "description": "Another module to integrate Mapbox maps on your Framer prototypes.", "stars": "47"}, {"name": "iOS 11 iPhone GUI", "url": "https://github.com/facebookincubator/ios-11-gui-for-framer", "description": "Templates of GUI elements found in the public release of iOS 11.", "stars": "93"}, {"name": "Framework", "url": "https://github.com/steveruizok/framework", "description": "A general-purpose component kit for Framer.", "stars": "30"}, {"name": "Prototyping With Framer", "url": "http://www.prototypingwithframer.com", "description": "Blog by Kenny Chen with lots of great examples, tutorials."}, {"name": "Framer Code", "url": "http://framerco.de", "description": "Collection of Framer modules, code examples, snippets and tips."}, {"name": "framer-modules", "url": "https://github.com/kysely/framer-modules", "description": "Discover, install and save your favorite modules at one place.", "stars": "331"}, {"name": "Framer Snippets", "url": "https://github.com/robotdestroy/Framer-Snippets-Library", "description": "Library of Framer snippets to help speed up workflow.", "stars": "475"}, {"name": "Stitch", "url": "https://github.com/mattsjohnston/stitch", "description": "Lightweight framework for adding interaction to your Framer prototypes directly from your Sketch designs.", "stars": "143"}, {"name": "framer-bootstrap", "url": "https://github.com/alexchantastic/framer-bootstrap", "description": "Use Framer Library in your preferred editor and environment.", "stars": "32"}, {"name": "Fiber", "url": "https://framer.com/fiber/", "description": "A free interactive UI kit with 15 screens."}, {"name": "Voyage", "url": "https://framer.com/voyage/", "description": "A free travel-themed UI kit that\u2019s fully interactive and made for Framer."}, {"name": "iOS Kit", "url": "https://framer.com/assets/static/downloads/kits/ios-kit.zip", "description": "Readymade elements for starting your next iOS app. Direct link."}, {"name": "Android Kit", "url": "https://framer.com/assets/static/downloads/kits/android-kit.zip", "description": "Material Design elements for your next Android app. Direct link."}, {"name": "Web Kit", "url": "https://framer.com/assets/static/downloads/kits/web-kit.zip", "description": "All the elements you\u2019ll need to start your next web project. Direct link."}, {"name": "Wireframe Kit", "url": "https://framer.com/assets/static/downloads/kits/wireframe-kit.zip", "description": "Basic wireframe elements to blueprint your next big project. Direct link."}, {"name": "AllFramer", "url": "https://allframer.club/", "description": "Discover the curated list of Framer templates, components, blocks, plugins, and more with a blazing-fast search & filter experience!"}]}], "name": ""} |