Demo Apps & Example Projects

​

Supabase Backend

• To-Do List App
  • Includes Full-Text Search capabilities
  • Demonstrates File/Attachment Handling
• To-Do List App + Drift
  • See Dart/Flutter ORM Support for more details on our Drift integration.
• To-Do List App with Local-Only Tables - Shows data persistence without syncing
  • See Local-Only Usage for more background.
• Simple Chat App
• Trello Clone App

​

Dart Custom Backend

• Built with Flutter and Serverpod
• Built with Jaspr, shelf, Riverpod and Drift

​

Node.js Custom Backend

• To-Do List App with Firebase Auth
  • Corresponding backend: Node.js To-Do List Backend with Firebase Auth

​

Rails Custom Backend

• GoToFun App
  • This repo contains both the Flutter app and Rails backend

​

Django Custom Backend

• To-Do List App
  • Corresponding backend: Django To-Do List Backend

​

Self-Hosted Node.js Postgres Backend

• Flutter Home Screen Widget Demo

​

Supabase Backend

• To-Do List App
  • Demonstrates File/Attachment Handling
• PowerChat - Group Chat App
• To-Do List App: React Native Web & Electron
• Background Sync Demo
  • Demonstrates Background Syncing using Expo’s BackgroundTask API

​

Django Custom Backend

• To-Do List App
  • Corresponding backend: Django To-Do List Backend

​

Node.js Backend

• ‘MBnB’ Listing Search App with Node.js MongoDB Backend
  • This repo contains both the React Native app and Node.js backend

​

Other

• Point of Sale (POS) App
• OP-SQLite Barebones Demo
  • This is a barebones example of using the OP-SQLite driver with the PowerSync React Native Client SDK. See here for more background.

​

Supabase Backend

• React To-Do List App (PWA compatible)
  • Includes Full-Text Search capabilities
• React To-Do List App with Local-Only Tables - Shows data persistence without syncing
  • See Local-Only Usage for more background.
• React Multi-Client Widget
  • Featured on the PowerSync website demonstrating real-time data flow between clients
• Vue To-Do List App
• Angular To-Do List App
• Yjs CRDT Text Collaboration Demo
• Vite + React + TS + PowerSync + Supabase
• E2EE Chat App - End-to-end encrypted group chat demo

​

Framework Integration Examples

• Electron - PowerSync in an Electron web app (renderer process)
  • Also see Node.js + Electron for PowerSync in the main process, and see this blog post for more background.
• Next.js - Minimal setup with Next.js
• Webpack - Bundling with Webpack
• Vite - Bundling with Vite
• Vite with Encryption - Web database encryption demo

​

Examples

• Capacitor Example - PowerSync in a Capacitor app with web, Android, and iOS support

​

Examples

• CLI Example - Node.js CLI client connecting to PowerSync and running live queries
• Electron Main Process - PowerSync in Electron’s main process using the Node.js SDK. See this blog post for more background
• Node.js + Drizzle Minimal Demo

​

Supabase Backend

• To-Do List App
  • Supports Android, iOS, and Desktop (JVM) targets
  • Includes a guide for implementing background sync on Android
• Native Android To-Do List App
  • Demonstrates File/Attachment Handling

​

Other

• Java Example - shows how the Kotlin SDK can be used in a Java 8+ application.

​

Supabase Backend

• To-Do List App
  • Includes Full-Text Search capabilities
  • Demonstrates File/Attachment Handling
• To-Do List App + GRDB
  • Demonstrates GRDB integration with PowerSync
• Encryption Demo
  • Demonstrates Data Encryption using SQLite3MultipleCiphers
• Counter App

​

Examples

• CLI Application
  • Includes an optional Supabase connector
• WPF To-Do List App
  • A Windows desktop to-do list app built with WPF.
• MAUI To-Do List App
  • A cross-platform to-do list app for Android, iOS, and Windows.

​

Django

• Django Backend for To-Do List App
  • For use with:
    • React Native To-Do List App
    • Flutter To-Do List App

​

Node.js

• Node.js Backend for To-Do List App
• Node.js Backend with Firebase Auth
  • For use with: Flutter To-Do List App with Firebase Auth

​

Rails

• Rails Backend for GoToFun App
  • For use with: Flutter GoToFun App

​

.NET

• .NET Backend for To-Do List App

​

Complete Stacks with Docker Compose

• To-Do List App with Docker Compose - React web app with various backend configurations:
  • Node.js + Postgres
  • Node.js + Postgres + Postgres Bucket Storage
  • Node.js + MongoDB
  • Node.js + MySQL
  • Node.js + SQL Server
  • Supabase (Postgres) + Local Development
  • Django + Postgres

• Laravel Backend by @IsmailAshour

• Flutter Instagram Clone with Supabase + Firebase by @Gambley1
• Jepsen PowerSync Testing - Formal consistency validation framework by @nurturenature
• Bavard -An Eloquent-inspired ORM for Dart/Flutter by @ILDaviz

• SolidJS Hooks for PowerSync Queries by @aboviq
• Effect + Kysely + Stytch Integration by @guillempuche
• Tauri + Shadcn UI by @MrLightful
• Expo Web Integration by @ImSingee
  • Note: Our React Native Web support now eliminates the need to patch the @powersync/web module
• Attachments Library for Node.js by @muhammedv