210 lines
41 KiB
Plaintext
210 lines
41 KiB
Plaintext
[38;5;12m [39m[38;2;255;187;0m[1m[4mAwesome Framer [0m[38;5;14m[1m[4m![0m[38;2;255;187;0m[1m[4mAwesome[0m[38;5;14m[1m[4m (https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)[0m[38;2;255;187;0m[1m[4m (https://github.com/sindresorhus/awesome)[0m
|
||
|
||
[38;5;12m (https://framer.com/)[39m
|
||
|
||
[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mA curated list of [39m[38;5;14m[1mFramer[0m[38;5;12m (http://framer.com) prototyping tool articles, resources, tutorials and other related things.[39m
|
||
|
||
[38;5;14m[1mFramer[0m[38;5;12m [39m[38;5;12m(http://framer.com)[39m[38;5;12m [39m[38;5;12mis[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mtool[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mcreate[39m[38;5;12m [39m[38;5;12manimated[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12minteractive[39m[38;5;12m [39m[38;5;12mprototypes.[39m[38;5;12m [39m[38;5;12mIt[39m[38;5;12m [39m[38;5;12muses[39m[38;5;12m [39m[38;5;12mmodern[39m[38;5;12m [39m[38;5;12mweb[39m[38;5;12m [39m[38;5;12mtechnologies[39m[38;5;12m [39m[38;5;12msuch[39m[38;5;12m [39m[38;5;12mas[39m[38;5;12m [39m[38;5;12mJavaScript,[39m[38;5;12m [39m[38;5;12mHTML[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mCSS[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mextend[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mcapabilities[39m[38;5;12m [39m[38;5;12mfor[39m[38;5;12m [39m[38;5;12madvanced[39m[38;5;12m [39m[38;5;12musers[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mauto-correct,[39m[38;5;12m [39m[38;5;12mintuitive[39m[38;5;12m [39m[38;5;12merror[39m[38;5;12m [39m[38;5;12mmessaging[39m[38;5;12m [39m[38;5;12mor[39m[38;5;12m [39m
|
||
[38;5;12min-app[39m[38;5;12m [39m[38;5;12mdocumentation[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mlower[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mlearning[39m[38;5;12m [39m[38;5;12mcurve[39m[38;5;12m [39m[38;5;12mfor[39m[38;5;12m [39m[38;5;12mbeginners.[39m
|
||
|
||
[38;2;255;187;0m[4mContents[0m
|
||
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGeneral[0m[38;5;12m (#general)[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mArticles[0m[38;5;12m (#articles)[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mVideos[0m[38;5;12m (#videos)[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mTutorials[0m[38;5;12m (#tutorials)[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mVideo Course[0m[38;5;12m (#video-courses)[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mBooks[0m[38;5;12m (#books)[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mExamples[0m[38;5;12m (#examples)[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mModules[0m[38;5;12m (#modules)[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mUI Libraries[0m[38;5;12m (#ui-libraries)[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mSites[0m[38;5;12m (#sites)[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mOther[0m[38;5;12m (#other)[39m
|
||
|
||
[38;5;238m――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――[39m
|
||
|
||
[38;2;255;187;0m[4mGeneral[0m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mOfficial Site[0m[38;5;12m (http://framer.com)[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mOfficial Examples[0m[38;5;12m (http://framer.com/examples)[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mDocumentation[0m[38;5;12m (http://framer.com/docs)[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFacebook Group[0m[38;5;12m (https://www.facebook.com/groups/framerjs/)[39m
|
||
|
||
[38;2;255;187;0m[4mArticles[0m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mDesigner / coder, and not the other way around[0m[38;5;12m (https://medium.com/road-to-infinity/designer-coder-and-not-the-other-way-around-4288098986e1#.a1ks034fn) - Paul Cotton talks how he started using Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWhy Framer.js Matters[0m[38;5;12m (https://medium.com/@drocarmo/why-framer-js-matters-93eb1206e606#.846k6rca6) - Pedro Carmo on why Framer is a tool designers should start using.[39m
|
||
|
||
[38;2;255;187;0m[4mVideos[0m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mStripe Speaker Series: Designing with Framer[0m
|
||
[38;5;12m (https://www.youtube.com/watch?v=mqk9Fw8FKLY) - 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.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFORM SF 2014: Panel - Design Tooling[0m
|
||
[38;5;12m (https://www.youtube.com/watch?v=gX0n4JUl18g) - 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.[39m
|
||
|
||
[38;2;255;187;0m[4mTutorials[0m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer.js Official Basics[0m[38;5;12m (http://framerjs.com/learn/basics) - The place to start prototyping with Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer Video Tutorials[0m[38;5;12m (https://www.youtube.com/playlist?list=PL9p5auxyrweMB6JVO24jFvW4NZufHacjz) - Video tutorials provided directly from Framer team.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mNew to Framer? Just 3 Things to Get You Started[0m[38;5;12m (https://medium.com/@designforhuman/new-to-framer-just-3-things-to-get-you-started-47397f27c71e#.uk7q8mqts) - David Lee’s guide to get started.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer.js for people who think things like Framer.js are weird and hard[0m
|
||
[38;5;12m (https://medium.com/@sean_mateer/framer-js-for-people-who-think-things-like-framer-js-are-weird-and-hard-add2068c8114#.epx95tg0t) - Sean Mateer makes weird and hard things look easy.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPrototyping & Working with Framer[0m[38;5;12m (http://humaan.com/prototyping-with-framer/) - Simple guide to getting started by Dan Moore.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPrototyping with Framer.js[0m[38;5;12m (http://blog.tackmobile.com/article/prototyping-framer-js/) - Framer basics by Tackmobile team.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGetting Started with Framer[0m[38;5;12m (http://www.cutandfold.co/blog/2015/9/7/making-you-first-framer-prototype) - Very basic Framer starting guide by Andrew Nalband.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mBuilding Your First Prototype[0m[38;5;12m (http://www.cutandfold.co/blog/2015/9/8/building-your-first-prototype) - Second guide by Andrew Nalband, where you start building real prototype from Sketch file.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mCreating Your First Prototype with Framer[0m[38;5;12m (https://medium.com/@kennycheny/creating-your-first-prototype-with-framer-c39221da7668#.3jcem1x61) - Animation tutorial by Kenny Chen.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer.js Workshop[0m[38;5;12m (http://codepen.io/collection/nRzzaZ/) - Collection of Framer examples by [39m[38;5;14m[1mJay Stakelon[0m[38;5;12m (https://twitter.com/stakelon).[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mMotion is Emotion: Prototyping Microinteractions for Apple Watch with Framer Studio[0m[38;5;12m (https://web.archive.org/web/20160304015511/https://blog.grandcentrix.net/motion-is-emotion/) - Apple Watch temperature gauge prototype tutorial.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPeriscope Heart Animation Demo at the Seattle FramerJS Meetup[0m[38;5;12m (https://www.youtube.com/watch?v=qFUXxqzZytU) - Presentation by [39m[38;5;14m[1mJordan Dobson[0m[38;5;12m (https://twitter.com/jordandobson) on how to create Periscope heart animation with Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mUsing Parse to power up your Framer prototypes[0m[38;5;12m (https://medium.com/facebook-design/using-parse-to-power-up-your-framer-prototypes-88cb87009d00#.8noe6r2wb) - Using Framer with real data Part 1 by George Kedenburg III.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGive your Framer prototypes a better memory[0m[38;5;12m (https://medium.com/facebook-design/give-your-framer-prototypes-a-better-memory-212b26e0f934#.6ws4983e7) - Using Framer with real data Part 2 by George Kedenburg III.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWorking with SVG Paths in Framer[0m[38;5;12m (https://medium.com/framer-prototyping/working-with-svg-paths-in-framer-43d3c2d08adc) - Starting point for SVG Paths in Framer by Josh Puckett.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mManaging Styles and CSS in Framer[0m[38;5;12m (http://martenbjork.com/2016/05/managing-styles-and-css-in-framer/) - Mårten Björk on styles management in Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mDeveloping a Framer Module[0m[38;5;12m (https://medium.com/bpxl-craft/developing-a-framer-module-dbf6a7d6ffc9#.ju0gck7hd) - John Marstall teaches how to create a Framer Module.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPrototyping for Virtual Reality using Framer JS[0m
|
||
[38;5;12m (https://uxdesign.cc/vr-based-viewmaster-in-framer-js-72858df6570f#.r8ylyzbks) - Excerpts of some interaction considerations Keyur Jain learned of while prototyping for a Virtual Reality experience in Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPrototyping Speech Recognition in Framer.js[0m[38;5;12m (https://medium.com/framer-prototyping/prototyping-speech-recognition-in-framer-js-9cbbbd01757#.dkwuowqwy) - Brian Bailey gives a breaf introduction to speach recognition prototyping in Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPower your Framer prototypes with real location data[0m[38;5;12m (https://www.mapbox.com/blog/power-framer-prototype-with-mapbox/) - Maya Gao on Framer prototypes with real location data using Mapbox API.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mHow to Create High‑Quality GIFs[0m[38;5;12m (https://framer.com/blog/posts/how-to-create-high-quality-gifs) - How to Create High‑Quality GIFs, our guide to making amazing GIFs with some of our favorite tools: ScreenFlow and Claquette.[39m
|
||
|
||
[38;2;255;187;0m[4mVideo Courses[0m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mMobile[0m[38;5;14m[1m [0m[38;5;14m[1mApp[0m[38;5;14m[1m [0m[38;5;14m[1mPrototyping:[0m[38;5;14m[1m [0m[38;5;14m[1mDesigning[0m[38;5;14m[1m [0m[38;5;14m[1mCustom[0m[38;5;14m[1m [0m[38;5;14m[1mInteractions[0m[38;5;12m [39m[38;5;12m(https://www.skillshare.com/classes/design/Mobile-App-Prototyping-Designing-Custom-Interactions/382444545)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12m50-minute[39m[38;5;12m [39m[38;5;12mSkillshare[39m[38;5;12m [39m[38;5;12mclass[39m[38;5;12m [39m[38;5;12mon[39m[38;5;12m [39m[38;5;12mhow[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12muse[39m[38;5;12m [39m[38;5;12mmobile[39m[38;5;12m [39m[38;5;12mapp[39m[38;5;12m [39m[38;5;12mprototyping[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mcommunicate[39m[38;5;12m [39m
|
||
[38;5;12myour[39m[38;5;12m [39m[38;5;12mideas[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mexecute[39m[38;5;12m [39m[38;5;12myour[39m[38;5;12m [39m[38;5;12mvision[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;14m[1mNoah[0m[38;5;14m[1m [0m[38;5;14m[1mLevin[0m[38;5;12m [39m[38;5;12m(https://twitter.com/nlevin).[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramerjs: Innovative prototyping and design with interaction[0m[38;5;12m (https://www.udemy.com/framerjs-prototyping-design-interaction-animation/?couponCode=FRAMER) - 54 parts, 6 hours course by [39m[38;5;14m[1mAdria Jimenez[0m[38;5;12m (https://twitter.com/ajimix).[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPrototyping with Framer[0m[38;5;12m (http://www.sketchcasts.net/episodes/prototyping-with-framer-part-1) - Three-part prototyping course by [39m[38;5;14m[1mRafael Conde[0m[38;5;12m (https://twitter.com/rafahari).[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mRapid Prototyping with Framer[0m[38;5;12m (https://player.oreilly.com/videos/9781771374620) - 5-hour long prototyping course by [39m[38;5;14m[1mKenny Chen[0m[38;5;12m (https://twitter.com/kennycheny).[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPrototyping[0m[38;5;14m[1m [0m[38;5;14m[1mWith[0m[38;5;14m[1m [0m[38;5;14m[1mFramer.js[0m[38;5;12m [39m[38;5;12m(https://generalassemb.ly/education/prototyping-with-framerjs)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mOn-location[39m[38;5;12m [39m[38;5;12mcourse[39m[38;5;12m [39m[38;5;12minstructed[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;14m[1mJay[0m[38;5;14m[1m [0m[38;5;14m[1mStakelon[0m[38;5;12m [39m[38;5;12m(https://twitter.com/stakelon),[39m[38;5;12m [39m[38;5;14m[1mNoah[0m[38;5;14m[1m [0m[38;5;14m[1mLevin[0m[38;5;12m [39m[38;5;12m(https://twitter.com/nlevin)[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;14m[1mCemre[0m[38;5;14m[1m [0m[38;5;14m[1mGüngör[0m[38;5;12m [39m
|
||
[38;5;12m(https://twitter.com/gem_ray).[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mUI Prototyping with Framer.js[0m[38;5;12m (https://www.pluralsight.com/courses/ui-prototyping-framer-js) - Almost 5 hours long course by [39m[38;5;14m[1mJay Stakelon[0m[38;5;12m (https://twitter.com/stakelon).[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramercasts[0m[38;5;12m (http://www.framercasts.com/) - Advance your Framer knowledge with real world examples produced by [39m[38;5;14m[1mMike Johnson[0m[38;5;12m (https://twitter.com/failsafedesign).[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer for UX Design[0m[38;5;12m (https://www.lynda.com/FramerJS-tutorials/UX-Design-Tools-Framer/562923-2.html) - Emmanuel Henri shows both how to use non-coding Framer tools and how the usage of programming fits into the UX design process.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer Crash Course[0m[38;5;12m (https://www.youtube.com/playlist?list=PLWlUJU11tp4f41p4dzizVkjjTQ38kA0wG) - Crash course learning the basics of design and code on Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mdesigners.how Framer Courses[0m[38;5;12m (https://designers.how/topics/framer) - List of basic and more advanced Framer courses.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer[0m[38;5;14m[1m [0m[38;5;14m[1mStudio[0m[38;5;14m[1m [0m[38;5;14m[1mfor[0m[38;5;14m[1m [0m[38;5;14m[1mBeginners:[0m[38;5;14m[1m [0m[38;5;14m[1mA[0m[38;5;14m[1m [0m[38;5;14m[1mComprehensive[0m[38;5;14m[1m [0m[38;5;14m[1mGuide[0m[38;5;12m [39m[38;5;12m(https://www.youtube.com/playlist?list=PLIZVb6Yuw91yGUNbSNEHvWWHkdol6SJUW)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mSeries[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mvideos[39m[38;5;12m [39m[38;5;12mthat[39m[38;5;12m [39m[38;5;12mwalk[39m[38;5;12m [39m[38;5;12myou[39m[38;5;12m [39m[38;5;12mthrough[39m[38;5;12m [39m[38;5;12mdesigning[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mcoding[39m[38;5;12m [39m[38;5;12min[39m[38;5;12m [39m[38;5;12mFramer[39m[38;5;12m [39m[38;5;12musing[39m[38;5;12m [39m[38;5;12mhands-on[39m[38;5;12m [39m[38;5;12mprojects[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;14m[1mCordova[0m[38;5;14m[1m [0m[38;5;14m[1mPutra[0m[38;5;12m [39m
|
||
[38;5;12m(https://twitter.com/cordova)[39m
|
||
|
||
[38;2;255;187;0m[4mBooks[0m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mCoffeeScript for Framer[0m[38;5;12m (http://coffeescript-for-framerjs.com) by [39m[38;5;14m[1mTessa Thornton[0m[38;5;12m (https://twitter.com/tessthornton)[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mThe Framer book[0m[38;5;12m (https://framerbook.com) by [39m[38;5;14m[1mTes Mat[0m[38;5;12m (https://twitter.com/cptv8)[39m
|
||
|
||
[38;2;255;187;0m[4mExamples[0m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer Experiments by Ed Chao[0m[38;5;12m (http://thatedchao.com/published/2014/10/27/framer.html) - Several awesome examples with download links from designer at Dropbox.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mHSL Color Picker[0m[38;5;12m (http://share.framerjs.com/ft0uwf1jweid/) - HSL Color Picker by Framer team.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1miOS Toggle[0m[38;5;12m (http://share.framerjs.com/mraze47eux9w/) - iOS Toggle using Color class by [39m[38;5;14m[1mJorn van Dijk[0m[38;5;12m (https://twitter.com/jornvandijk).[39m
|
||
|
||
[38;2;255;187;0m[4mModules[0m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mframer-googlefonts[0m[38;5;12m (https://github.com/peteschaffner/framer-googlefonts) - Google Fonts loader module for your Framer prototypes.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mtabBarModule[0m[38;5;12m (https://github.com/petterheterjag/tabBarModule) - Module for Framer that replicates the iOS tab bar.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mframer-animation-collections[0m[38;5;12m (https://github.com/isaacw/framer-animation-collections) - Framer classes for managing large sets of animations.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mframer.iosnotification[0m[38;5;12m (https://github.com/leinerud/framer.iosnotification) - Framer module that mimics an iOS notification.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer-Grid[0m[38;5;12m (https://github.com/nilshoenson/Framer-Grid) - 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.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mshortcuts-for-framer[0m[38;5;12m (https://github.com/facebook/shortcuts-for-framer) - Collection of useful functions to make mobile prototyping with Framer easier.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mframer.placehold[0m[38;5;12m (https://github.com/cupofjoakim/framer.placehold) - This is a module for framer that provides a library of different image placeholder services.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramerNavigationComponent[0m[38;5;12m (https://github.com/jchavarri/FramerNavigationComponent) - Reusable and customizable navigation component for Framer, based on iOS.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mRippleTransition.framer[0m[38;5;12m (https://github.com/offirg75/framer.RippleTransition) - Framer Module for a Material design like ripple transition.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mframer-icon[0m[38;5;12m (https://github.com/peteschaffner/framer-icon) - Framer dynamically tinted icons based off of a template image.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mframer.makeGradient[0m[38;5;12m (https://github.com/cupofjoakim/framer.makeGradient) - Module for Framer that makes it easy to create static linear/radial gradients. Want them to animate? I welcome pull requests.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWatchKit-Framer[0m[38;5;12m (https://github.com/ajimix/WatchKit-Framer) - Apple Watch Kit module for Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer-AudioPlayer[0m[38;5;12m (https://github.com/benjaminnathan/Framer-AudioPlayer) - AudioPlayer Module for Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer-VideoPlayer[0m[38;5;12m (https://github.com/stakes/Framer-VideoPlayer) - Video player module for Framer Studio and Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer-Module-ShakeEvent[0m[38;5;12m (https://github.com/RayPS/Framer-Module-ShakeEvent) - ShakeEvent Module for Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer-Module-UISound[0m[38;5;12m (https://github.com/RayPS/Framer-Module-UISound/) - UISound Module for Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mCameraLayer[0m[38;5;12m (https://github.com/ktcy/CameraLayer) - Framer layer displaying camera image.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mios-keyboard-for-framer[0m[38;5;12m (https://github.com/supsupmo/ios-keyboard-for-framer) - iOS Keyboard module for Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mtextLayer-for-Framer[0m[38;5;12m (https://github.com/awt2542/textLayer-for-Framer) - Framer module that simplifies the process of adding text to your prototypes.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mKinetics[0m[38;5;12m (https://github.com/joshmtucker/Kinetics) - Test spring animations on any layer in your Framer Studio project without having to reload.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mframer-flip-card-module[0m[38;5;12m (https://github.com/aboutjax/framer-flip-card-module) - Framer module to quickly create a flip card effect with two image layers.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mInput-Framer[0m[38;5;12m (https://github.com/ajimix/Input-Framer) - Framer module to easily turn your designs inputs into real inputs.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mStickyHeaders-for-Framer[0m[38;5;12m (https://github.com/72/StickyHeaders-for-Framer) - Module to create scroll components with sticky stamps in Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mOrientationEvents[0m[38;5;12m (https://github.com/joshmtucker/OrientationEvents) - Module for Framer to handle device orientation events.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mScaleFrame[0m[38;5;12m (https://github.com/joshmtucker/ScaleFrame) - Module for Framer to calculate properties of a scaled layer using its new dimensions.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mframer-label[0m[38;5;12m (https://github.com/peteschaffner/framer-label) - Label module with multi-line truncation support for Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mframer-equally-rotate-images[0m[38;5;12m (https://github.com/aboutjax/framer-equally-rotate-images) - Give this module an array of images, and it will rotate them equally around in a circular path.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mframer-colour-transition[0m[38;5;12m (https://github.com/nickmangos/framer-colour-transition) - Framer module that transitions the background colour of a layer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mframer-webview[0m[38;5;12m (https://github.com/peteschaffner/framer-webview) - Web view module for Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mframer-uistatusbar[0m[38;5;12m (https://github.com/peteschaffner/framer-uistatusbar) - iOS status bar module for Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mframer.module.ajax[0m[38;5;12m (https://github.com/karlerikjonatan/framer.module.ajax) - Ajax module for Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mframer.module.fill[0m[38;5;12m (https://github.com/karlerikjonatan/framer.module.fill) - Fill module for Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mSpeechSynth[0m[38;5;12m (https://github.com/joshmtucker/SpeechSynth) - Framer module for Web SpeechSynthesis.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mComment-for-Framer[0m[38;5;12m (https://github.com/awt2542/Comment-for-Framer) - Framer module for making comments in your prototypes.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mframer-viewNavigationController[0m[38;5;12m (https://github.com/chriscamargo/framer-viewNavigationController) - Simple controller for FramerJS that allows you to transition between views with just a couple lines of code.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mLayers-for-Framer[0m[38;5;12m (https://github.com/awt2542/Layers-for-Framer) - Framer module that makes it easier to find layers in your project.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer-Highlightr[0m[38;5;12m (https://github.com/jonahvsweb/Framer-Highlightr) - Custom Framer module that shows hotspots over clickable layers in your prototype.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mSVGLayer[0m[38;5;12m (https://github.com/joshpuckett/FramerModules/tree/master/SVGLayer) - Module and corresponding Sketch plugin that make it trivial to work with SVG Paths in Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mVRComponent[0m[38;5;12m (https://github.com/jonastreub/VRComponent) - Virtual reality component for Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1m3D Touch Module[0m[38;5;12m (http://jrdn.io/dO4r) - Module for iOS 3D Touch support by [39m[38;5;14m[1mJordan Dobson[0m[38;5;12m (https://twitter.com/jordandobson).[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mSimple Android Ripple[0m[38;5;12m (https://github.com/imaaronjames/Simple-Android-Ripple) - Framer module for adding touch ripple animations to any layer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mSimple Android Keyboards[0m[38;5;12m (https://github.com/imaaronjames/Simple-Android-Keyboards) - Easily add a static Android Keyboard to your Framer Studio project with just one line of code.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mSimple Android Toast[0m[38;5;12m (https://github.com/imaaronjames/Simple-Android-Toast) - Use this module to easily add Android toasts to your Framer Studio projects.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mSimple Android Snackbar[0m[38;5;12m (https://github.com/imaaronjames/Simple-Android-Snackbar) - Framer module for adding Android Material Design Snackbars to your project.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer Path[0m[38;5;12m (https://github.com/vladimirshlygin/framer-path) - Create custom SVG shapes and animate each point individually.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mMaterial Kit for FramerJS[0m[38;5;12m (https://github.com/k-vyn/framer-material-kit) - Make prototyping with Material Design fast and easy without compromising the quality or customization.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1miOS Kit for FramerJS[0m[38;5;12m (https://github.com/k-vyn/framer-ios-kit) - Make prototyping for iOS fast and easy without compromising the quality or customization.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mframer-Firebase[0m[38;5;12m (https://github.com/marckrenn/framer-Firebase) - The Firebase module allows your Framer prototype to load, save and sync data effortlessly between multiple sessions and devices.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mspotifyApiFramer[0m[38;5;12m (https://github.com/mamezito/spotifyApiFramer) - Framer module that allows to get JSON objects when querying with Spotify API.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mViewController-for-Framer[0m[38;5;12m (https://github.com/awt2542/ViewController-for-Framer) - Module for Framer helps you create multi step user flows with pre-made transitions like "fade in", "zoom in" and "slide in".[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGridddle[0m[38;5;12m (https://github.com/Volorf/Gridddle) - Grid module for FramerJS.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mSliderLibrary[0m[38;5;12m (https://github.com/floludwig/SliderLibrary) - Framer library for creating sliders.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mStickyHeaders-for-Framer[0m[38;5;12m (https://github.com/72/StickyHeaders-for-Framer) - Module to enable sticky headers within Framer's Scroll Components.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mframer-view-stack[0m[38;5;12m (https://github.com/alandickinson/framer-view-stack) - Framer module for creating views that stack on top of each other.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mRemoteLayer[0m[38;5;12m (https://github.com/bpxl-labs/RemoteLayer) - The RemoteLayer module allows you to instantly generate an interactive Apple TV remote for your tvOS app prototypes.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mdistribute-layers[0m[38;5;12m (https://github.com/martenbjork/distribute-layers) - This package helps you position multiple Framer layers with ease.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer-ValueLayer[0m[38;5;12m (https://github.com/tjphilli/Framer-ValueLayer) - ValueLayer is a Layer subclass dedicated to helping you manage numbers in your prototypes, and animate between them.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mperspective-view[0m[38;5;12m (https://github.com/mrrocks/perspective-view) - Module for FramerJS to enable a perspective view of your prototype.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPair[0m[38;5;12m (https://github.com/IanBellomy/Pair) - Drag and Drop module for Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mCloudstitch Framer Module[0m[38;5;12m (https://github.com/cloudstitch/framer.module.cloudstitch) - Module lets you load data from Google Spreadsheets and Microsoft Excel directly into your Framer projects.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mframer-QueryInterface[0m[38;5;12m (https://github.com/marckrenn/framer-QueryInterface) - Module that allows Framer prototypes to read variables from and write variables to the last part of their URL (the query).[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer StatusBarLayer[0m[38;5;12m (https://github.com/bpxl-labs/StatusBarLayer) - Module for generating accurate, customizable status bars for iOS app prototypes.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mLoading Placeholder[0m[38;5;12m (https://github.com/zehfernandes/framer-loadingplaceholder) - Module which instantly creates loading placeholder based on your layer style.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mlottie-framer[0m[38;5;12m (https://github.com/72/lottie-framer) - Framer module that uses AirBnb's Lottie-Web to render animations exported from After Effects (JSON files).[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mControlPanelLayer[0m[38;5;12m (https://github.com/bpxl-labs/ControlPanelLayer) - Framer module for creating a developer panel to control aspects of the prototype from within the prototype.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGradientHelper[0m[38;5;12m (https://github.com/bpxl-labs/GradientHelper) - Module that simplifies the process of applying gradients to Framer layers and even enables animated gradients.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFocusEngine[0m[38;5;12m (https://github.com/bpxl-labs/FocusEngine) - Module for simulating the grid focus behavior found on Apple TV and Roku.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mMapboxLayer[0m[38;5;12m (https://github.com/bpxl-labs/MapboxLayer) - Module for creating powerful Mapbox maps in your prototypes.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer Sheet[0m[38;5;12m (https://github.com/andrewliebchen/framer-sheet) - Import information from Google Sheets into Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramerAudio[0m[38;5;12m (https://github.com/benjamindenboer/FramerAudio) — Module that allows you to design audio interfaces in Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer Slider[0m[38;5;12m (https://github.com/benjamindenboer/FramerSlider) - Module that allows you to design sliders and then bring them to life, without losing customizability. Appearance and logic—separated.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1miOS-11-Framer[0m[38;5;12m (https://github.com/brentcas/iOS-11-Framer) - iOS 11 Design System GUI for Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mframer-Symbols[0m[38;5;12m (https://github.com/der-lukas/framer-Symbols) - Module to create symbols in Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mframer-moreutils[0m[38;5;12m (https://github.com/steveruizok/framer-moreutils) - Expand Utils with some handy helper functions.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mframer keyboardEvents[0m[38;5;12m (https://github.com/marckrenn/framer-keyboardEvents) - Hassle-free keyboard bindings for Framer: No need to look up keyCodes; supports 100+ keys with minimal performance impact.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer Joystick[0m[38;5;12m (https://github.com/emilwidlund/framer-joystick) - Module for Gamepad-driven UI prototypes.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer Feedback[0m[38;5;12m (https://github.com/aboutjax/Framer-Feedback) - Framer feedback module makes it easier for you to prototype with feedback messages.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer-Bottom-Navigation[0m[38;5;12m (https://github.com/johnmpsherwin/Framer-Bottom-Navigation) - Framer Module to add Android's Bottom Navigation to your project.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer Device Rotator[0m[38;5;12m (https://github.com/josephxbrick/DeviceRotator) - 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).[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mKeyboard Input for Framer[0m[38;5;12m (https://github.com/Skinny-Malinky/Keyboard-Input-for-Framer) - A module that allows you to easily manage keyboard input.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer DesignComponents[0m[38;5;12m (https://github.com/sebcglbailey/framer-DesignComponents) - Module for converting your designs in design mode into full scalable classes in code, without a single line of code!.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer Web Audio API Module[0m[38;5;12m (https://github.com/raulibanez/framer-audio) - A Framer module that provides better audio support for your Framer projects.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer Status Bar Module[0m[38;5;12m (https://github.com/walnuttea/statusBar-module) - Module to initialize a status bar in a Framer application.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer Android Picker[0m[38;5;12m (https://github.com/johnmpsherwin/Framer-Android-Picker) - An Android Picker Module.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mYummy Framer[0m[38;5;12m (https://github.com/janwagner/yummyFramer) - Yummy provides custom layer functions such as LoadViews, LoadNextView, Fade & Move Layer. [39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer Font Loader[0m[38;5;12m (https://github.com/steveruizok/fontloader) - Painlessly, reliably load local and web fonts into Framer prototypes.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer Form[0m[38;5;12m (https://github.com/emilwidlund/framer-form) - Give your Framer prototypes a third dimension.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramerMapboxJS[0m[38;5;12m (https://github.com/NocheVolta/FramerMapboxJS) - Another module to integrate Mapbox maps on your Framer prototypes.[39m
|
||
|
||
|
||
|
||
[38;2;255;187;0m[4mUI Libraries[0m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1miOS 11 iPhone GUI[0m[38;5;12m (https://github.com/facebookincubator/ios-11-gui-for-framer) - Templates of GUI elements found in the public release of iOS 11.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramework[0m[38;5;12m (https://github.com/steveruizok/framework) - A general-purpose component kit for Framer.[39m
|
||
|
||
[38;2;255;187;0m[4mSites[0m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPrototyping With Framer[0m[38;5;12m (http://www.prototypingwithframer.com) - Blog by Kenny Chen with lots of great examples, tutorials.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer Code[0m[38;5;12m (http://framerco.de) - Collection of Framer modules, code examples, snippets and tips.[39m
|
||
|
||
[38;2;255;187;0m[4mOther[0m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mframer-modules[0m[38;5;12m (https://github.com/kysely/framer-modules) - Discover, install and save your favorite modules at one place.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer Snippets[0m[38;5;12m (https://github.com/robotdestroy/Framer-Snippets-Library) - Library of Framer snippets to help speed up workflow.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mStitch[0m[38;5;12m (https://github.com/mattsjohnston/stitch) - Lightweight framework for adding interaction to your Framer prototypes directly from your Sketch designs.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mframer-bootstrap[0m[38;5;12m (https://github.com/alexchantastic/framer-bootstrap) - Use Framer Library in your preferred editor and environment.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFiber[0m[38;5;12m (https://framer.com/fiber/) - A free interactive UI kit with 15 screens.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mVoyage[0m[38;5;12m (https://framer.com/voyage/) - A free travel-themed UI kit that’s fully interactive and made for Framer.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1miOS Kit[0m[38;5;12m (https://framer.com/assets/static/downloads/kits/ios-kit.zip) - Readymade elements for starting your next iOS app. Direct link.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mAndroid Kit[0m[38;5;12m (https://framer.com/assets/static/downloads/kits/android-kit.zip) - Material Design elements for your next Android app. Direct link.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWeb Kit[0m[38;5;12m (https://framer.com/assets/static/downloads/kits/web-kit.zip) - All the elements you’ll need to start your next web project. Direct link.[39m
|
||
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWireframe Kit[0m[38;5;12m (https://framer.com/assets/static/downloads/kits/wireframe-kit.zip) - Basic wireframe elements to blueprint your next big project. Direct link.[39m
|
||
|
||
[38;5;238m――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――[39m
|
||
|
||
[38;2;255;187;0m[4mLicense[0m
|
||
[38;5;12m![39m[38;5;14m[1mCC0[0m[38;5;12m (http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)[39m
|
||
|
||
[38;5;12mframer Github: https://github.com/podo/awesome-framer[39m
|