Demo Apps / Example Projects

Links to example projects built with PowerSync.

Example projects are listed under the backend they use, but you can easily wire up your own backend as documented here.

For example implementations and details of common use cases, see Use Case Examples

We're constantly expanding our list of example projects. If you'd like to see an example that is not currently available, let us know on Discord.

Flutter

Supabase Backend:

• To-Do List App

  • Includes Full-Text Search (FTS) example

  • Includes example of Handling Attachments (files)

• To-Do List app + Drift

• To-Do List app demonstrating data persistence with local-only tables

• Simple Chat App

• Trello Clone App

Node.js Custom Backend:

• To-Do List App

  • Corresponding backend demo: Node.js Backend for To-Do List App, with Firebase Auth (also linked below)

Rails Custom Backend:

• GoToFun App

  • This repo includes both the Flutter app and Rails backend

Django Custom Backend:

• To-Do List App

  • Corresponding backend demo: Django Backend for To-Do List App (also linked below)

React Native & Expo

Supabase Backend:

• To-Do List App

  • Includes an example of Handling Attachments (files)

• PowerChat - Group Chat App

Django Custom Backend:

• To-Do List App

  • Corresponding backend demo: Django Backend for To-Do List App (also linked below)

JS Web

Supabase Backend:

• React To-Do List App

  • Includes Full-Text Search (FTS) example

• Vue To-Do List App

• Angular To-Do List App

• Yjs CRDT Text Collaboration Demo

• React 'Multi-Client Widget'

  • This is the demo widget displayed on the PowerSync homepage which shows how data flows from one PowerSync client to another.

Starter Projects:

• example-electron: Example demonstrating the use of PowerSync together with an Electron rendered web app.

• example-capacitor: Example demonstrating the use of PowerSync together with a Capacitor app.

• example-nextjs: A minimal example demonstrating setup with Next.js.

• example-webpack: A minimal example demonstrating bundling with Webpack.

• example-vite: A minimal example demonstrating bundling with Vite.

Kotlin Multiplatform

Supabase Backend:

• 'Hello PowerSync' App

• To-Do List App

🛠️ Custom Backend Examples

• Django Backend for To-Do List App

  • Corresponding front-end demo app: React Native To-Do List App (also linked above)

• Node.js Backend for To-Do List App

• Node.js Backend for To-Do List App, with Firebase Auth

  • Corresponding front-end demo app: Flutter To-Do List App (also linked above)

• Rails Backend for GoToFun App

  • Corresponding front-end demo app: Flutter GoToFun App (also linked above)

🖥️🏡 Self-Hosting

• To-Do List App with Docker Compose

  • Node.js Backend

  • Supabase Backend + Local Development Example

  • Django Backend

🫂 Notable Community Projects

JS & TS

• Effect + Kysely + Stytch

  • https://github.com/guillempuche/localfirst_react_server

• Tauri + Shadcn UI

  • https://github.com/romatallinn/powersync-tauri

• Expo Web

  • https://github.com/ImSingee/powersync-web-workers

  • Note: we're busy working on first class support for React Native Web which will remove the need to "Patch the @powersync/web module"

Dart/Flutter

• Flutter + Supabase + Firebase

  • https://github.com/Gambley1/flutter-instagram-offline-first-clone

• Testing PowerSync with Jepsen for formal consistency validation

  • https://github.com/nurturenature/jepsen-powersync