Electric
Sync subsets of your Postgres data into local apps and services.
Realtime sync
for Postgres
Sync is the best way of building modern apps. Electric solves sync so that you don't have to.
Skip to content 
Demo apps
See the kind of applications you can build with Electric and what they feel like to use.
Solves the hard problems, so you don't have to
Electric solves data loading, cache invalidation, scaling and availability.
Making your software simpler, faster and more reliable.
Solves state transfer
Replace APIs, data fetching and network error handling with data sync.
- Simplifies your code
- No loading spinners
Solves cache invalidation
Replace ttls and expiry policies with realtime sync and automated invalidation.
- Simplifies your stack
- No more stale data
Solves scaling
Take the query workload off your database and the compute workload off your cloud.
- Simplifies your infra
- Reduces your cloud bill
Solves availability
Take the network off the interaction path and build software that works offline and is resilient by design.
- Simplifies your ops
- No more broken apps
Get started now
You can start by adopting Electric incrementally, one data fetch at a time.
Using our HTTP API, client libraries and framework hooks.
tsx
import { useShape } from '@electric-sql/react'
const Component = () => {
const { data } = useShape({
url: `${BASE_URL}/v1/shape`,
params: {
table: `items`
}
})
return (
<pre>{ JSON.stringify(data) }<pre>
)
}And you can level-up all the way to syncing into a local embedded PGlite database.
tsx
import { PGlite } from '@electric-sql/pglite'
import { live } from '@electric-sql/pglite/live'
import { electricSync } from '@electric-sql/pglite-sync'
import { useLiveQuery } from '@electric-sql/pglite-react'
// Create a persistent local PGlite database
const pg = await PGlite.create({
dataDir: 'idb://my-database',
extensions: {
electric: electricSync(),
live
}
})
// Setup the local database schema
await pg.exec(`
CREATE TABLE IF NOT EXISTS items (
id SERIAL PRIMARY KEY,
);
`)
// Establish a persistent shape subscription
await pg.electric.syncShapeToTable({
shape: { url: `${BASE_URL}/v1/shape` },
table: 'items',
primaryKey: ['id'],
})
// Bind data to your components using live queries
// against the local embedded database
const Component = () => {
const items = useLiveQuery(
`SELECT * FROM items;`
)
return <pre>{JSON.stringify(items)}</pre>
}