Bridge UI is a component library for React and Vue with a shared foundation. Design tokens, types, and utilities live in @bridge-ui/core, while each framework package ships the same API surface with idiomatic implementations.
Building accessible forms, overlays, and feedback from scratch is slow. Bridge UI gives you ready-made primitives—customizable with Tailwind CSS—so you can focus on product logic instead of reinventing UI patterns.
- Form controls and fields (
TextField,Select,Checkbox,Switch, and more) - Layout and navigation (
Card,List,Menu,Link) - Overlays and feedback (
Modal,Alert,Snackbar) - Imperative actions (
DialogAction,ModalAction,SnackbarAction) - Shared design system via
@bridge-ui/core - Lucide icons through the
Iconcomponent
| Package | Description |
|---|---|
@bridge-ui/react |
React components (depends on @bridge-ui/core) |
@bridge-ui/vue |
Vue components (depends on @bridge-ui/core) |
@bridge-ui/core |
Shared types, tokens, and utilities |
npm install @bridge-ui/react # or @bridge-ui/vue
npx bridge-ui-react-ai install # optional: agent guidelines/skillsComponent reference for React and Vue lives in each package: packages/react/docs and packages/vue/docs. See the monorepo docs index.
Consumer guidelines and skills ship inside @bridge-ui/react and @bridge-ui/vue (ai/). Component docs and examples live in each package’s docs/ folder. Skills point agents at those docs. Root AGENTS.md / llms.txt are for this monorepo only.
npx bridge-ui-react-ai install # symlink into the app (or --copy)Monorepo contribution rules for Cursor stay in .cursor/rules/ and are separate from consumer guidance.
Thank you for considering contributing to Bridge UI! Open an issue or pull request on GitHub. React and Vue components should stay in parity, and shared logic belongs in @bridge-ui/core.
Bridge UI is free and open source for everyone. The project is maintained by the community—issues, ideas, and pull requests are welcome.
Bridge UI is open-source software licensed under the MIT license.