UI Kit
Drop-in MDK component libraries for React, Vue, Svelte, and Web Components.
TL;Dr
Today the published React path is complete; other frameworks are on the roadmap and will reuse the same headless core.
The MDK React UI Kit is a three-layer stack:
@tetherto/mdk-ui-core: headless Zustand stores and TanStack Query client factory (framework-agnostic)@tetherto/mdk-react-adapter:<MdkProvider>and store hooks; binds the core into your UI runtime (React today)@tetherto/mdk-react-devkit:/coreprimitives and/foundationmining-domain components
Framework quickstarts
React
Get started with the React MDK UI Kit
๐ง
Vue
Reactive hooks for Vue via @tetherto/mdk-vueLearn about the release schedule โ
๐ง
Svelte
Reactive hooks for Svelte via @tetherto/mdk-svelteLearn about the release schedule โ
๐ง
Web Components
Framework-agnostic Web Components via @tetherto/wcLearn about the release schedule โ
How the layers fit together
The MDK React UI Kit and subsequent frameworks will share a similar architecture:
Next steps
- Quickstart: integrate the three packages into your React app
- Explore the demo: run the demo app in your browser