Gun-vue – is where the peer-to-peer javascript database Gun meets the reactivity system of Vue 3. Pluggable components for UX designers. Easily importable composables for UI developers. Relay peer for p2p network enthusiasts. Demos and docs for beginners. Open source for everyone! ✊
@gun-vue is a collection of essential building blocks to create a variety of decentralized apps for online and offline collaboration. It's a moment when we can feel the nature of distributed networking and have fun together!
Gun is a CRDT based distributed graph database, Vue is a reactive JS UI framework, SEA is web-browser cryptography adapter and together they evolve into an ecosystem of multiple app levels.
The project is committed to give all the basic tools for everyone to participate in exploring this new universe. You can find your own way in it for yourself.
There code is organised into distinct 3 packages in the @gun-vue npmjs.com organisation for you to install and use:
Ready to use Vue 3 components as building blocks to implement Gun powered interactivity in seconds.
The interactive components documentation is available at gun-vue.js.org/components/ built with the Histoire stories.
Composable functions for use with Vue 3 Composition API
A simple no-store Gun server to throw at any free tier Node.js environment.
The main gun-vue.js.org site is an example Vite SPA. It's also easily built into a desktop app with Tauri.
Watch the development video blog at youtube
You can find shorter new features announcements along with longer live coding sessions there.
- Clone the repo
- Use pnpm to install all the dependencies in the workspaces
npm i -G pnpm
pnpm i
- Use
dev
,docs
andhistoire
scripts in the rootpackage.json
to run corresponding dev servers. - Use
npm run build
to build the whole project to the_dist
folder.