Resources
Demo Apps / Example Projects
Resources
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.
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)
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)
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. Also see the Node.js + Electron example which runs PowerSync in the main process.
- 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.
Other
- example-vite-encryption: A minimal example demonstrating encryption of the web database.
Self-Hosted:
- CLI example: Demonstrates a small Node.js CLI client opening a database, connecting PowerSync and running live queries.
Other
- Electron: An Electron example that runs PowerSync in the main process using the Node.js SDK. As opposed to this Electron example running PowerSync in the renderer process using the Web SDK.
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
Supabase Backend:
Self-Hosted:
- 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)
Flutter:
- Flutter + Supabase + Firebase
- Testing PowerSync with Jepsen for formal consistency validation
JavaScript & TypeScript:
- SolidJS hooks for PowerSync queries
- Effect + Kysely + Stytch
- Tauri + Shadcn UI
- Expo Web
- https://github.com/ImSingee/powersync-web-workers
- Our React Native Web support should now remove the need to “Patch the
@powersync/webmodule”
- Our React Native Web support should now remove the need to “Patch the
- https://github.com/ImSingee/powersync-web-workers
Additional Resources
A growing collection of use case examples and tutorials are also available:
Was this page helpful?
On this page