Enjab UI
The Enjab brand, built on shadcn/ui and tuned for employee-facing dashboards and internal tools. Light mode only, English LTR, teal-led, Satoshi and Fragment Mono. Pull it into any project and stay consistent.
Components
Every building block, themed and ready.
Dashboard demo
The system applied to a real employee tool.
Landing demo
Where motion lives, Framer Motion only.
Brand
Teal
Primary
#057C8B
Navy
Depth
#1B3766
Teal tint
Active
#E6F3F4
Canvas
App bg
#F6F8F9
Surface
Cards
#FFFFFF
Status & data
Success
#42AF48
Warning
#E0A100
Danger
#D64545
Info
#0099FF
Data 5
#89AAD9
Inter Display · Headings
Your health is our priority
Every page title and heading.
Satoshi · Body
Expert, compassionate family care.
Labels, paragraphs, and UI text.
Fragment Mono · Data
EJ-04821 · 09:30 · 200,400
Numbers, IDs, timestamps.
For agents & developers
Point an agent at this URL
Give an agent ui.enjab.ae/llms.txt and it themes any project to match Enjab, with no other input.
# install the theme first, then any component
npx shadcn@latest add https://ui.enjab.ae/r/theme.json
npx shadcn@latest add https://ui.enjab.ae/r/button.json
Or register the namespace in components.json:
"registries": { "@enjab-ui": "https://ui.enjab.ae/r/{name}.json" }
npx shadcn@latest add @enjab-ui/button
Updating an existing project
Send your agent this message (full prompt and changelog at ui.enjab.ae/changelog):
Update this project to the latest Enjab UI. Read https://ui.enjab.ae/llms.txt and https://ui.enjab.ae/changelog, apply only the changelog items not yet adopted, re-install changed components with npx shadcn add @enjab-ui/<name>, and do not refactor anything else.
light mode onlyInter Display headingsSatoshi bodyfont-data numbersmotion landing-only