Installation

npmyarnpnpmbun

npm install @refineui/react @refineui/tokens @refineui/web-icons

CSS

Load token CSS and component interaction styles once at the app root:

@import "@refineui/tokens/tailwind.css";
@import "@refineui/web-icons/dist/fonts/refineui-system-icons.css";
@import "@refineui/react/refineui.css";

First component

import { Button } from "@refineui/react";

export function App() {
  return <Button variant="primary">Continue</Button>;
}

Use the same imports in documentation previews — no parallel mock UI.