Demo Apps & Example Projects

Gallery of projects showcasing PowerSync implementations across platforms and frameworks.

This page showcases example projects organized by platform and backend technology. You can adapt any example to work with your preferred backend as documented in our Backend Setup Guide.

We continuously expand our collection of example projects. If you need an example that isn’t available yet, let us know on Discord.

Flutter

Supabase Backend

• To-Do List App
  • Includes Full-Text Search capabilities
  • Demonstrates File/Attachment Handling
• To-Do List App + Drift
• To-Do List App with Local-Only Tables - Shows data persistence without syncing
• Simple Chat App
• Trello Clone App

Node.js Custom Backend

• To-Do List App with Firebase Auth
  • Corresponding backend: Node.js 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 Backend

React Native & Expo

Supabase Backend

• To-Do List App
  • Demonstrates File/Attachment Handling
• PowerChat - Group Chat App

Django Custom Backend

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

JavaScript Web

Supabase Backend

• React To-Do List App
  • Includes Full-Text Search capabilities
• React To-Do List App with Local-Only Tables - Shows data persistence without syncing
• React Multi-Client Widget
  • Featured on the PowerSync homepage demonstrating real-time data flow between clients
• Vue To-Do List App
• Angular To-Do List App
• Yjs CRDT Text Collaboration Demo

Framework Integration Examples

• Electron - PowerSync in an Electron web app (renderer process)
  • Also see Node.js + Electron for PowerSync in the main process
• Capacitor - PowerSync in a Capacitor app
• Next.js - Minimal setup with Next.js
• Webpack - Bundling with Webpack
• Vite - Bundling with Vite
• Vite with Encryption - Web database encryption demo

Node.js (alpha)

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

Kotlin Multiplatform

Supabase Backend

• Hello PowerSync - Minimal starter app
  • Supports Android, iOS, and Desktop (JVM) targets
• To-Do List App
  • Supports Android and iOS targets
  • Includes a guide for implementing background sync on Android
• Native Android To-Do List App

Swift

Supabase Backend

• To-Do List App

.NET (alpha)

Examples

• CLI Application

Backend Examples

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

Self-Hosting Examples

Complete Stacks with Docker Compose

• To-Do List App with Docker Compose - Various backend configurations:
  • Postgres + Node.js
  • Postgres + Postgres Sync Bucket Storage + Node.js
  • MongoDB + Node.js
  • MySQL + Node.js
  • Supabase (Postgres) + Local Development
  • Django

Notable Community Projects

Custom Backends

• Laravel Backend
  • https://github.com/IsmailAshour/powersync-laravel-backend

Flutter Projects

• Flutter Instagram Clone with Supabase + Firebase
  • https://github.com/Gambley1/flutter-instagram-offline-first-clone
• Jepsen PowerSync Testing - Formal consistency validation framework
  • https://github.com/nurturenature/jepsen-powersync

JavaScript & TypeScript Projects

• SolidJS Hooks for PowerSync Queries
  • https://github.com/aboviq/powersync-solid
• Effect + Kysely + Stytch Integration
  • https://github.com/guillempuche/localfirst_react_server
• Tauri + Shadcn UI
  • https://github.com/romatallinn/powersync-tauri
• Expo Web Integration
  • https://github.com/ImSingee/powersync-web-workers
  • Note: Our React Native Web support now eliminates the need to patch the @powersync/web module

Additional Resources

Also explore our growing collection of use case examples and tutorials:

Use Case Examples

Tutorials