<script setup> import { data } from './data/demos.data.ts' const { demos, examples } = data </script>

Demos

Demos and example applications built with ElectricSQL.

Demo apps

These demos showcase the kind of apps and UX you can build with Electric.

<div class="demos-grid"> <DemoListing v-for="(demo, index) in demos" :demo="demo" :key="index" /> </div>

Technical examples

These are more technical examples demonstrating how to implement certain patterns and integrations. Source code for all of these is in the examples folder on GitHub.

<ul v-for="(example, index) in examples" :key="index"> <li> <h4> <a :href="example.link"> {{ example.title }}</a> </h4> <p style="margin: 5px 0"> {{ example.description }} </p> </li> </ul>