https://github.com/bejamas/ui
Astro UI library. Built for content-heavy websites.
https://github.com/bejamas/ui
astro-ui design-systems enterprise-design-patterns shadcn ui-components ui-library
Last synced: 3 months ago
JSON representation
Astro UI library. Built for content-heavy websites.
- Host: GitHub
- URL: https://github.com/bejamas/ui
- Owner: bejamas
- License: mit
- Created: 2025-09-18T12:42:02.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2026-02-23T22:49:44.000Z (4 months ago)
- Last Synced: 2026-02-24T01:28:34.322Z (4 months ago)
- Topics: astro-ui, design-systems, enterprise-design-patterns, shadcn, ui-components, ui-library
- Language: Astro
- Homepage: https://ui.bejamas.com
- Size: 21.8 MB
- Stars: 51
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Security: SECURITY.md
Awesome Lists containing this project
- awesome-starlight - starlight-theme-bejamas - A Starlight theme using bejamas/ui (Themes / Customization)
README
# bejamas/ui
Astro UI components you copy into your project. Zero-JS by default, built on Tailwind CSS v4, following the shadcn/ui approach.
## Features
- **Astro-native** — Pure `.astro` components, no framework runtime
- **Zero-JS by default** — Most components ship no client JavaScript
- **Tailwind CSS v4** — Modern utility-first styling
- **26+ components** — Buttons, cards, dialogs, menus, and more
- **shadcn registry compatible** — Same schema, familiar patterns
- **CLI included** — Scaffold projects and add components in seconds
## Primitives
Interactive components use [@data-slot](https://data-slot.com) — headless behavior primitives we built as the "Radix for vanilla JS". Unlike other Astro shadcn ports that bundle interaction code into copied components, @data-slot keeps behavior as a dependency. When we fix an accessibility bug, you get the fix with a version bump instead of re-copying code.
## Quick Start
```bash
npx bejamas@latest init
```
Then add components:
```bash
npx bejamas@latest add button
```
## Usage
```astro
---
import Button from "@/ui/Button.astro";
---
Click me
```
## Documentation
Visit [ui.bejamas.com](https://ui.bejamas.com) to view the full documentation.
## Contributing
Please read the [contributing guide](https://ui.bejamas.com/docs/contributing).
## License
Licensed under the [MIT license](./LICENSE).