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

Other

• OP-SQLite integration

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 (beta)

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

• 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

Swift

Supabase Backend

• To-Do List App
  • Demonstrates File/Attachment Handling

.NET (alpha)

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.

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

.NET

• .NET Backend for To-Do List 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

This is a list of projects we’ve spotted from community members 🙌 These projects haven’t necessarily been vetted by us.

Browse the Community GitHub Org for a collection of community-based starter projects, templates, demos and other projects to help you succeed with PowerSync:

• https://github.com/powersync-community

Other 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
• Attachments library for Node.js
  • https://www.npmjs.com/package/@muhammedv/powersync-attachments-for-node

Additional Resources

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

Use Case Examples

Tutorials