Introducing Frog 🐸 – A *Frame*work for Farcaster.

Frog is an open-source framework for Farcaster developers to build high quality, performant, & lightweight Frames in just a few blocks of code.

Built as part of the @wevm x @paradigm collab. Read on!

A research-driven technology investment firm. https://paradigm.xyz

TypeScript tooling for Ethereum ~ wevm.dev ~ Viem, Wagmi, Vocs, ABIType, etc.

Introducing Frog 🐸 – A *Frame*work for Farcaster.

Frog is an open-source framework for Farcaster developers to build high quality, performant, & lightweight Frames in just a few blocks of code.

Built as part of the @wevm x @paradigm collab. Read on!

https://frog.fm

Farcaster’s programmable feed, enabled by Frames, is one of the most exciting things happening in web3. We felt like this deserved a world-class devtool experience.

You can find our post below:
https://paradigm.xyz/2024/02/frames

Highlights for devs in rest of thread.

cto & research partner @paradigm. working with /rust on /ethereum. building /reth and /foundry. https://gakonst.com

We will be talking about this today at 12:30p PST on Spaces with the Tom, Jake and the Farcaster team, + maybe special guests.

Frog is minimal, feature-rich, and blazing-fast.

You can build a Frame on Frog with raw JSX in one file.

Build your next Frame in under 1 minute, check the docs below.

`npm init frog` --> install deps -> `npm run dev` -> get frame under localhost

Frog is minimal, feature-rich, and blazing-fast.

You can build a Frame on Frog with raw JSX in one file.

Build your next Frame in under 1 minute, check the docs below.

`npm init frog` --> install deps -> `npm run dev` -> get frame under localhost

https://frog.fm/getting-started

What I'm the most excited about is the frame debugger.

Feedback loops let you build great products, and we think this is the most important thing to solve for.

Available under localhost:3000/dev.

What I'm the most excited about is the frame debugger.

Feedback loops let you build great products, and we think this is the most important thing to solve for.

Available under localhost:3000/dev.

https://frog.fm/concepts/devtools

Frog abstracts away Satori, and allows embedding images in Frames using JSX

Frog abstracts away Satori, and allows embedding images in Frames using JSX

https://frog.fm/concepts/images-intents

Routing across Frames with Frog is intuitive, and reminiscent of writing a classic Express app in Typescript or JS.

https://frog.fm/concepts/routing

Frog provides familiar state management APIs, despite the lack of reactivity in the Frames architecture.

Frog provides familiar state management APIs, despite the lack of reactivity in the Frames architecture.

https://frog.fm/concepts/state-management

There's a ton of documentation for you to look at. Including how to build secure frames!!

Excited for what people will build. https://frog.fm/concepts/securing-frames.

We're beyond excited to be releasing this today to the community. 

Kudos to @awkweb & @jxom for sprinting on this since Feb 1st, and @achal for the design work. Absolute legends, and couldn't be more excited about their work.

You can find the repository on Github, and the docs on http://frog.fm/getting-started.

🐸

Read the post for more context, and reach out to us with feedback.

Next up, support for on-chain transactions!

If all of this sounds interesting to you, please reach out to: georgios@paradigm.xyz, achal@paradigm.xyz, t@wagmi.sh, or j@wagmi.sh.

Read the post for more context, and reach out to us with feedback.

Next up, support for on-chain transactions!

If all of this sounds interesting to you, please reach out to: georgios@paradigm.xyz, achal@paradigm.xyz, t@wagmi.sh, or j@wagmi.sh.

https://www.paradigm.xyz/2024/02/frames

We will be talking about this today at 12:30p PST on Spaces with the Tom, Jake and the Farcaster team, + maybe special guests.

https://twitter.com/gakonst/status/1762585241913557483