Installation

Install via CLI or manually. Integrates with any framework project in minutes.

Requirements

Built on Base UI headless components.

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>
}

Built on Reka UI headless components.

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>

Built on Bits UI headless components.

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>

Built on Kobalte headless components.

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>
}

Once installed, browse the component docs to learn each component's usage and props.