Demo Apps / Example Projects

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

​

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)

​

JavaScript Web

​

Supabase Backend:

• React To-Do List App

  • Includes Full-Text Search (FTS) example

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

• 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.

• Vue To-Do List App

• Angular To-Do List App

• Yjs CRDT Text Collaboration Demo

​

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:

• Minimal ‘Hello PowerSync’ App

• To-Do List App

• To-Do List App as a native Android application

​

Swift

Supabase Backend:

• 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

  • Postgres + Node.js Backend

  • MongoDB + Node.js Backend

  • MySQL + Node.js Backend

  • Supabase Backend + Local Development Example

  • Django Backend

​

Notable Community Projects

​

JavaScript & TypeScript

• SolidJS hooks for PowerSync queries

  • https://github.com/aboviq/powersync-solid

• 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

  • Our React Native Web support should now remove the need to “Patch the @powersync/web module”

​

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