# Farcaster 101: Module 4 *Creating Frames * By [GM Farcaster](https://paragraph.com/@gmfarcaster) · 2024-10-30 --- _Welcome to Farcaster 101, a 12 part educational series designed to introduce marketing professionals to the fundamentals of Farcaster. Presented by_ [_GM Farcaster_](https://gmfarcaster.com/) _in partnership with_ [_Snickerdoodle_](https://snickerdoodle.com/)_, this series will help you understand what makes Farcaster unique and how to grow your brand presence on the platform. Each webinar is accompanied by a blog post summarizing key insights and additional resources. Plus, we offer weekly office hours for personalized support._ * * * Module 4: Creating Frames ========================= Welcome to Module 4 of _Farcaster 101_, where we dive into creating interactive frames within Farcaster! In this module, we demonstrate how to create various types of frames—from basic link-sharing to more advanced no-code options and developer-focused guides. [![](https://paragraph.xyz/editor/youtube/play.png)](https://www.youtube.com/watch?v=tHBnvvnP2fI) * * * What Are Frames? ================ A _Farcaster Frame_ is an interactive app that runs directly in the Farcaster social feed. These frames can be used to create rich, in-feed experiences for web applications. Frames play a significant role in creating more dynamic, engaging content on Farcaster, allowing users to interact with content in ways that go beyond simple text posts or images. If you want to learn more about Frames before creating your own, refer back to [Module 3](https://youtu.be/bzclD_VeIpk?si=5UiN_xTo32l9Jv4w) where we introduced Frames and did a deeper dive into the history and technical background on Frames. Frames Created with Links ========================= We start with the simplest type of frame: frames created by sharing a link. For certain applications that support frames, like [Moshicam](https://moshi.cam/), [Events](https://events.xyz/) or [Paragraph](https://paragraph.xyz/), you can simply copy a link from their site, drop it into a Farcaster cast, and it automatically transforms into an interactive frame. We demonstrated in the webinar what it looks like when you [cast a moshicam link](https://warpcast.com/adrienne/0xbefd61c3) - a frame is displayed with interactive buttons like “Mint” and “View on Moshi". It’s a great way to create in-feed minting experiences, like offering NFTs directly from your social post. ![](https://storage.googleapis.com/papyrus_images/ce9998f33d9bea9eb60eccbb40d64a9a.png) Casting a link from a site like moshicam creates a frame * * * No-Code Frames ============== For those who aren’t developers, no-code solutions like Neynar’s [_Frame Studio_](https://neynar.com/nfs) offer an easy way to create custom frames without touching a line of code. For example, the [_State of Farcaster_ frame](https://warpcast.com/snickerdoodle/0xfac9b52d) by [Snickerdoodle](https://www.snickerdoodle.com/) was built using Frame Studio. This tool allows you to create custom frames that display dynamic content, slideshows, or even NFTs—all without needing to understand the backend code. Frame Studio is a fantastic option for brands or creators looking to offer engaging, interactive content to their audience on Farcaster. It’s easy to get started with a minimal fee, and there are plenty of customization options, including image compression, minting with warps, and built-in analytics. ![](https://storage.googleapis.com/papyrus_images/4bfc499c67e41d4e75101a1d163773f8.png) No code frame tools like Neynar Frame Studio is another option for making frames * * * Advanced: Frame Development Guide ================================= For developers looking to create something more unique, Farcaster's _Frame Development Guide_ is your go-to resource. Farcaster offers a fully open and permissionless social graph, which means you can build directly on top of the platform without asking for permission. The Frame Development Guide walks you through everything from creating basic frames to testing and deploying your creations. If you want to build custom apps that integrate deeply into the Farcaster experience, this guide is essential. Examples of Frames in Action ============================ In this module, we also covered various examples of frames already being used across the platform: * [**Zora NFTs**](https://warpcast.com/nounishprof/0x04601273): You can mint NFTs directly from a frame in your feed, with the transaction happening seamlessly with your connected wallet. * [**Flappy Caster**](https://warpcast.com/adrienne/0x3cf65000): A fun, interactive game available in-frame, where users can compete for high scores without leaving the app. * [**Paragraph.xyz**](https://warpcast.com/nounishprof/0xb6a5bc3f): Frame integration for blogs and newsletters allows you to share posts that readers can interact with directly within their Farcaster feed. Composer Actions ================ We also demonstrated how _Composer Actions_ work, allowing you to create more sophisticated frames by completing actions directly within Farcaster. For example, with the _Events_ composer action, we demonstrated how to create an event and share it with your followers—all within a few clicks. ![](https://storage.googleapis.com/papyrus_images/41ccd9bfa7478638e2f554304c273a02.png) Use composer actions to create a frame using Events, Bountycaster, Slideshows, and many others * * * What's Next =========== Frames are a cornerstone of interaction on Farcaster, allowing users and brands to create rich, engaging content directly in the social feed. From the simplicity of link-based frames to the flexibility of no-code tools and the power of developer-built custom frames, there’s an option for everyone. Whether you're looking to share NFTs, host interactive events, or bring new experiences into Farcaster, frames offer endless possibilities. Now that you have the tools and knowledge, it’s time to start experimenting and see how frames can elevate your presence on Farcaster. Don’t forget to join us for office hours if you have any questions, and stay tuned for Module 5 where we dive into Farcaster culture! More Resources -------------- * Neynar's [Frame Studio](https://neynar.com/nfs) for nocode frame development * Farcaster [developer documentation](https://docs.farcaster.xyz/developers/frames/) about frames * Farcaster Frames [Technical Specification](https://docs.farcaster.xyz/developers/frames/spec) * Playlist with all [Modules of Farcaster 101](https://www.youtube.com/playlist?list=PLrsgGZ0hNAouXqVfTgiguJFFDBUn6-p9p) that have been released to date --- *Originally published on [GM Farcaster](https://paragraph.com/@gmfarcaster/farcaster-101-module-4)*