Demo Apps / Example Projects

Gallery of example projects built with PowerSync.

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

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)

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
  • Includes Android, iOS and Desktop (JVM) targets.
• To-Do List App
  • Includes Android, iOS targets.
• 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

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

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”

Additional Resources

A growing collection of use case examples and tutorials are also available:

Use Case Examples

Tutorials