Docs

Getting StartedCookbooks

Catalog

Base ElementsBlocksLayoutsTemplatesIcon Pack

Updates

ChangelogBlog
Get License

Cookbooks

Assemble real screens

Short recipes that wire 6–10 Base UI components into a settings form, a dialog, an invoice table, an AI chat page, and Angular signal forms. Copy the pattern, then npx base-ui-cli add the pieces you need.

10 mininputcomboboxtags-input

Account settings form

Assemble input groups, combobox, tags, and a toggle into a saveable settings screen using CVA / ngModel.

Open recipe
8 mindialoginputcustom-select

Dialog + form (CVA)

Open a modal, bind composite controls with ngModel, and close with a typed result.

Open recipe
12 mindata-tablebuttonbadge

Invoice table

Selection, column resize, and server page/sort on data-table — the ops-dashboard pattern.

Open recipe
10 minchatempty-state

AI chat page

Message list, streaming assistant reply, a tool-call row, and a prompt composer.

Open recipe
12 mininputtextareacheckbox

Angular signal forms

form() + [formField] on Base UI inputs, schema validation, and submit() — the Angular 22 forms recipe.

Open recipe