UI Installation

Installation

Flebee UI is a set of Angular zoneless components with SSR support

Install Packages

npm
yarn
pnpm
bun
npm install @flebee/ui cva@beta

Tailwind CSS Setup

Flebee UI is built on top of Tailwind CSS, so you need to install. You can follow the official installation guide

Add to global styles

styles.css
@import 'tailwindcss';
@import '@flebee/ui/theme.css';

@source "../node_modules/@flebee";

Install Onest Font (Optional)

Recommended font to use with Flebee UI, install from Fontsource

npm
yarn
pnpm
bun
npm install -D @fontsource-variable/onest

Add to global styles and override Tailwind CSS default font

styles.css
@import 'tailwindcss';
@import '@flebee/ui/theme.css';
@import '@fontsource-variable/onest/wght.css';

@source "../node_modules/@flebee";

@theme {
  --font-sans: 'Onest Variable', ui-sans-serif, system-ui, sans-serif;
}