XMTP React playground

Use the XMTP React playground app as a tool to help you build your own app with XMTP.

Built with React and the XMTP JavaScript SDK, the playground provides the following functionality that you can use as a foundation for your app:

• Performant database architecture
• Message reactions
• Message replies
• Read receipts
• Attachments
  • Images
  • More formats to come

The playground's visual design is intentionally limited to help make the code easier for you to use, customize, and deploy.

The playground has not undergone a formal security audit.

Note
You might also be interested in our Vue playground: Coming soon

Install the package

npm install

Run the development server

npm run dev

Open http://localhost:5173 in your browser to access the XMTP React playground app.