washi-ui
washi.cloud is coming
Managed persistence for your Washi comments.
No backend setup, no infrastructure.
You're on the list. We'll reach out when washi.cloud launches.
Everything you need to annotate any page
A complete toolkit — from the annotation engine to React bindings and storage adapters.
Get started in minutes
Three packages, one unified API. Drop Washi into any project.
import { useMemo } from 'react'
import { WashiProvider, WashiFrame, WashiUI } from '@washi-ui/react'
import { LocalStorageAdapter } from '@washi-ui/adapters'
export default function App() {
const adapter = useMemo(
() => new LocalStorageAdapter('my-page'),
[],
);
return (
<WashiProvider adapter={adapter}>
<WashiFrame
src="/content.html"
style={{ width: '100%', height: '100vh', border: 'none' }}
/>
<WashiUI position="bottom-right" />
</WashiProvider>
);
}Three focused packages
Install only what you need. Each package is independently versioned and published.
@washi-ui/core
Framework-agnostic annotation engine. Zero dependencies.
npm i @washi-ui/core
@washi-ui/react
React hooks and components. WashiProvider, WashiFrame, WashiUI.
npm i @washi-ui/react
@washi-ui/adapters
Built-in localStorage and in-memory adapters.
npm i @washi-ui/adapters
Get started with Washi UI today
Open source, MIT licensed, ready to use in production.