安装

通过 CLI 或手动安装，几分钟内集成到任意框架项目。

环境要求

基于 Base UI 无头组件。

bash

pnpm add @polyui/react @polyui/core @base-ui/react

css

/* app/globals.css */
@import "tailwindcss";
@import "@polyui/tokens/tokens.css";
@import "@polyui/tailwind/preset.css";

bash

pnpm dlx shadcn@latest add button -c packages/react

tsx

import { Button } from "@polyui/react/button"

export default function App() {
  return <Button variant="default">Hello PolyUI</Button>
}

基于 Reka UI 无头组件。

bash

pnpm add @polyui/vue @polyui/core reka-ui

vue

<script setup>
import { Button } from "@polyui/vue/button"
</script>

<template>
  <Button variant="default">Hello PolyUI</Button>
</template>

基于 Bits UI 无头组件。

bash

pnpm add @polyui/svelte @polyui/core bits-ui

svelte

<script lang="ts">
  import { Button } from "@polyui/svelte/button"
</script>

<Button variant="default">Hello PolyUI</Button>

基于 Kobalte 无头组件。

bash

pnpm add @polyui/solid @polyui/core @kobalte/core

tsx

import { Button } from "@polyui/solid/button"

export default function App() {
  return <Button variant="default">Hello PolyUI</Button>
}

安装完成后，可以浏览组件文档了解每个组件的用法和 props 说明。