Quick Start

Use Buzz UI components in minutes with this minimal setup

1) Install

npm

npm install @creo-team/buzz-ui

yarn

yarn add @creo-team/buzz-ui

pnpm

pnpm add @creo-team/buzz-ui

2) Optional: Theme Provider

Enable dark mode and multiple themes

Theme Provider

import { ThemeProvider } from '@creo-team/buzz-ui'

export default function RootLayout({ children }) {
	return (
		<html lang="en">
			<body>
				<ThemeProvider defaultTheme="light">
					{children}
				</ThemeProvider>
			</body>
		</html>
	)
}

3) Use Components

Basic Usage

import { Button, Card, Badge } from '@creo-team/buzz-ui'

export default function Example() {
	return (
		<Card className="p-6">
			<h2 className="text-xl font-semibold mb-4">Hello Buzz UI</h2>
			<div className="flex items-center gap-3">
				<Button variant="primary">Click me</Button>
				<Badge variant="success">Ready</Badge>
			</div>
		</Card>
	)
}

Next up

Customize themes in Theme System or browse Components