Bearnie: Copy accessible components into Astro

Copy components into the project you own

Bearnie provides Astro components for forms, navigation, feedback, dialogs, tables, and other common interface jobs. The CLI copies the selected source and its dependencies into your project instead of hiding them in a package.

It needs Astro 7 and Tailwind CSS 4. Initialise an existing project, add the theme, then copy only the components you need:

npx bearnie init
npx bearnie add styles
npx bearnie add button card dialog

Agents can also search and install components through the separate @bearnie/mcp server.

Updates can overwrite local changes

Copied components do not update themselves. Running the add command again with confirmation disabled can overwrite changes you made to that component. Keep your edits in Git and review the diff when you pull a newer version.

Accessibility still depends on the finished page. Tab through interactive blocks and test their labels, focus order, contrast, and error states after you fit them to your own design.