Build delightful decentralized social apps with Mod Mini-apps

Mod is a protocol for Mini-apps that are open, interoperable, and permissionless, now available for Farcaster

Demo

Get started

Retain your users without sacrificing your roadmap

Building a successful app is hard enough. Integrate Mod to deliver new experiences without additional engineering.

Building a successful app is hard enough. Integrate Mod to leverage a growing ecosystem of Mini-apps.

Leverage a growing ecosystem of Mini-apps

Mod currently supports Mini-apps for creating and for rendering content on Farcaster. Mini-apps will over time support notifications and more native integrations as well.

Mod currently supports Mini-apps for creating and for rendering content on Farcaster.

Start building cool things with Mod.

Integrate Mod

Create a Mini-app

Open Source

MIT Licensed. Self hostable open source backend

Blazing fast

Mini-apps don't use iframes and don't ship with big external libraries

Secure

Mini-apps are JSON configurations, versioned and reviewed. You're in control.

Headless

Bring your own UI components if you want, or use one of Mod's templates

Lightweight

Mod SDKs are tree-shakeable and small

Cross-platform

Mod has libraries for JS and React, with React-native coming soon.

Integrate this afternoon, not this week.

Easily integrate Mod into your app with just a few lines of code.

function Component(props) {
  const [miniapp, setMiniapp] = useState(null);
  return (
    <>
      <CreationMiniAppsSearch
        miniapps={creationMiniApps}
        onSelect={setMiniapp}
      />
      <CreationMiniApp
        manifest={miniapp}
        renderers={renderers}
        input={props.text}
        embeds={props.embeds}
        // ... other options ...
      />
    </>
  );
}

function Component(props) {
  const [miniapp, setMiniapp] = useState(null);
  return (
    <>
      <CreationMiniAppsSearch
        miniapps={creationMiniApps}
        onSelect={setMiniapp}
      />
      <CreationMiniApp
        manifest={miniapp}
        renderers={renderers}
        input={props.text}
        embeds={props.embeds}
        // ... other options ...
      />
    </>
  );
}

Get in touch

Follow @mod on Farcaster