SynApp Developer Guide

Build Mini Apps that reach millions of users instantly. No downloads, no app stores, just pure web technology.

Quick Start

Build your first Mini App in 5 minutes

Get Started

API Reference

Complete SDK documentation

View API

Examples

Real-world code examples

Browse Examples

Deployment

Deploy to production in minutes

Deploy Now

What You'll Learn

Build Mini Apps with React - Use familiar React patterns to create powerful Mini Apps
Authentication & Theming - Leverage SynApp's built-in auth and brand theming
Gaming Hooks - Add haptic feedback, sound, and immersive mode to your games
Deploy to Production - Ship your app to millions of users with Vercel, Netlify, or AWS

Your First Mini App

import { SynAppProvider, SynAppPage } from '@synapp/ui';

function App() {
  return (
    <SynAppProvider>
      <SynAppPage title="Hello World">
        <div className="p-8">
          <h1 className="text-4xl font-bold mb-4">
            Welcome to SynApp! 👋
          </h1>
          <p className="text-slate-600">
            Your Mini App is ready to go.
          </p>
        </div>
      </SynAppPage>
    </SynAppProvider>
  );
}

export default App;

Get Started →Try in CodeSandbox

Join the Community

Get help, share your apps, and connect with other developers building on SynApp.

Join Discord GitHub