@bubo-squared/ui-framework

Styled React UI components used across Bubo Squared frontend applications.

This library is loosely based on shadcn/ui patterns and uses Radix UI primitives for several interactive components.

Installation

npm install @bubo-squared/ui-framework @bubo-squared/icons
# or
pnpm add @bubo-squared/ui-framework @bubo-squared/icons

Peer dependencies

• React 18 or 19
• React DOM 18 or 19

Make sure these are installed in your app:

npm install react react-dom
# or
pnpm add react react-dom

Basic usage

import { Button } from '@bubo-squared/ui-framework'

export function Example() {
	return <Button variant="primary">Click me</Button>
}

The design system exposes multiple components (buttons, inputs, navigation, feedback, etc.) with a consistent API and styling suitable for Bubo Squared products.

Styling

Components are built to work well with modern Tailwind-based setups and utility-first styling. You can extend or override styles via className props and your existing design tokens.

License

This package is intended for use within Bubo Squared projects and related applications.