Quickstart
See the MDK React UI Kit in action in under five minutes
For experienced React developers evaluating MDK. Clone the monorepo, run the demo, browse the full component library live.
Ready to add MDK to your own app? Skip ahead to the Tutorial.
Prerequisites
- Node.js 20+
- pnpm 10+
Run the demo
Four steps — clone, enter, set up, run:
git clone git@github.com:tetherto/mdk.git
cd mdk/ui-client
corepack enable && pnpm install && pnpm build
pnpm dev:demoOpen http://localhost:5173. You'll land in the demo browser — a sidebar of the full MDK component library, covering core primitives (buttons, inputs, tables, charts, dialogs) and mining-domain components (operations centre, vendor containers, alerts, pool manager, settings).
Next steps
- Tutorial — add MDK to your own React app, step by step
@tetherto/mdk-core-ui— base primitives reference@tetherto/mdk-foundation-ui— mining-domain components reference