All Projects
Built

walrus-kit-core

Framework-agnostic toolkit for Sui Walrus storage

TypeScriptnanostoresWalrus SDKVue 3React

The Problem

Walrus is a new decentralized storage system on Sui. There was no easy-to-use toolkit for integrating it into web apps.

The Solution

A framework-agnostic core library with bindings for Vue 3 and React. Follows the same patterns as @mysten/dapp-kit.

Key Features

  • Framework-agnostic core using nanostores
  • Vue 3 composables (useWriteBlob, useBlobStatus)
  • React hooks (in progress)
  • Upload progress tracking
  • Blob status monitoring

Architecture

The core library manages Walrus client state using nanostores. Framework-specific packages wrap the stores in native patterns (composables for Vue, hooks for React).

Challenges

  • Walrus API was evolving during development
  • nanostores pattern required careful state management
  • Designing a consistent API across frameworks

Lessons Learned

  • Framework-agnostic core + framework-specific wrappers is a powerful pattern
  • nanostores provides excellent framework interop
  • Following established patterns (like dapp-kit) improves DX

Interested in this project or want to collaborate?

Get in Touch