Skip to content
bejamas/ui
Theme Editor
⌘E
Background
L 0.5
C 0.2
H 250
Foreground
L 0.5
C 0.2
H 250
Primary
L 0.5
C 0.2
H 250
Primary FG
L 0.5
C 0.2
H 250
Secondary
L 0.5
C 0.2
H 250
Secondary FG
L 0.5
C 0.2
H 250
Accent
L 0.5
C 0.2
H 250
Accent FG
L 0.5
C 0.2
H 250
Card
L 0.5
C 0.2
H 250
Card FG
L 0.5
C 0.2
H 250
Popover
L 0.5
C 0.2
H 250
Popover FG
L 0.5
C 0.2
H 250
Muted
L 0.5
C 0.2
H 250
Muted FG
L 0.5
C 0.2
H 250
Border
L 0.5
C 0.2
H 250
Input
L 0.5
C 0.2
H 250
Ring
L 0.5
C 0.2
H 250
Destructive
L 0.5
C 0.2
H 250
Destructive FG
L 0.5
C 0.2
H 250
Chart 1
L 0.5
C 0.2
H 250
Chart 2
L 0.5
C 0.2
H 250
Chart 3
L 0.5
C 0.2
H 250
Chart 4
L 0.5
C 0.2
H 250
Chart 5
L 0.5
C 0.2
H 250

Reset

Installation

Install bejamas/ui in a new or existing Astro project.

Prerequisites

Section titled “Prerequisites”

bejamas/ui is a component system designed to be working with Astro framework and Tailwind v4 only.

Create project

Section titled “Create project”
Terminal window
bunx bejamas@latest init

Choose between Astro project or a Monorepo.

Add components

Section titled “Add components”
Terminal window
bunx bejamas@latest add button

The command above will add the Button component to your project.

You can then import it like this:

src/pages/index.astro
---
import Button from "@/ui/Button.astro";
---
<Button>Click me</Button>

Built at Bejamas. The source code is available on GitHub.