ក
UI
ខ្មែរ
បង្កើតសម្រាប់កម្ពុជា | React + Tailwind Made for Cambodia | React + Tailwind

KhmerUI

UI ដែលស្គាល់ភាសាខ្មែរ The UI System That Speaks Khmer

បណ្ណាល័យ React + Tailwind ដំបូងគេដែលបង្កើតសម្រាប់អក្សរខ្មែរ។
19 components ឥតគិតថ្លៃ + font Battambang ភ្ជាប់មកជាមួយ។ First React + Tailwind component library built for Khmer script.
19 free components with embedded Battambang font.

ទាញយកឥតគិតថ្លៃ Get Started Free ទិញ Pro — $19/ឆ្នាំ Buy Pro — $19/yr

មិនត្រូវការកាតឥណទាន  |  ឥតគិតថ្លៃរហូត  |  បោះបង់បានគ្រប់ពេល No credit card needed  |  Free forever core  |  Cancel anytime

19 Components
100% Khmer Ready
2 Languages (km/en)
MIT Licensed Core
0 សំណើខាងក្រៅ External Requests
📊
មើលគម្រូ Admin Dashboard — Dashboard, Sidebar, DataTable, Charts, Dark Mode ទាំងអស់ជាភាសាខ្មែរ See the Admin Demo — Dashboard, Sidebar, DataTable, Charts, Dark Mode — all in Khmer
មើលគម្រូ → View Demo →

ហេតុអ្វីត្រូវប្រើ KhmerUI? Why KhmerUI?

កំពុងបង្កើត app សម្រាប់កម្ពុជា? បណ្ណាល័យ UI ធម្មតា មិនស្គាល់អក្សរខ្មែរទេ។ KhmerUI បង្កើតពីដំបូងដើម្បីបង្ហាញអក្សរខ្មែរយ៉ាងស្រស់ស្អាត។ Building web apps for Cambodia? Standard UI libraries break Khmer text. KhmerUI was built from the ground up to handle Khmer script beautifully.

ពុម្ពអក្សរខ្មែរ Khmer Typography

Font Battambang ភ្ជាប់មកជាមួយ line-height 1.65 សម្រាប់អក្សរខ្មែរ។ មិនមានការភ្ជាប់ទៅ Google Fonts ទេ។ Battambang font embedded with line-height 1.65 for Khmer text. No external requests to Google Fonts.

Tailwind Native

បង្កើតលើ Tailwind CSS។ ចម្លង components ទៅ project របស់អ្នកបានភ្លាម។ Built on Tailwind CSS. Copy-paste components into your existing project. No new CSS framework to learn.

ពីរភាសា i18n Bilingual i18n

ប្តូររវាងខ្មែរ និង English បានភ្លាម។ 40+ keys មកជាស្រេច។ Switch between Khmer and English with one click. 40+ i18n keys out of the box.

ឯកជនភាព Privacy-Safe

Font ភ្ជាប់មកជាមួយ package។ គ្មានសំណើខាងក្រៅ គ្មាន Google tracking។ Font ships with the package. Zero external requests, no Google tracking.

ឥតគិតថ្លៃ vs Pro vs សហគ្រាស Free vs Pro vs Enterprise

មុខងារ Feature ឥតគិតថ្លៃ Free Pro សហគ្រាស Enterprise
19 components (Button, Input, Select, Textarea, Checkbox, Radio, Switch, Avatar, Card, Modal, Badge, Alert, Tabs, Tooltip, Dropdown, Typography, Navbar, Sidebar, Footer) ✓ ✓ ✓
Battambang font embedded (no Google Fonts) ✓ ✓ ✓
Khmer typography system (line-height 1.65) ✓ ✓ ✓
Tailwind theme + plugin ✓ ✓ ✓
i18n ខ្មែរ/English (40+ keys) ✓ ✓ ✓
TypeScript declarations ✓ ✓ ✓
DataTable (sort, search, filter, pagination) — ✓ ✓
Dashboard layout + StatCards + Charts — ✓ ✓
Login & Register pages — ✓ ✓
FormBuilder — ✓ ✓
Settings page + Theme switcher — ✓ ✓
Dark mode + 5 theme presets — ✓ ✓
App shell + layout system — ✓ ✓
White-label + multi-tenant — — ✓
Priority support (24hr SLA) — — ✓
តម្លៃ Price ឥតគិតថ្លៃ Free $19/ឆ្នាំyr Custom

តម្លៃសាមញ្ញ តម្លាភាព Simple, Transparent Pricing

ចាប់ផ្តើមឥតគិតថ្លៃ។ ដំឡើងពេលត្រូវការ Pro។ Start free. Upgrade when you need Pro components.

ឥតគិតថ្លៃ Free

$0 /រហូត /forever

MIT License • Open Source

  • ✓ 19 core components
  • ✓ Font Battambang ភ្ជាប់មកជាមួយ Battambang font embedded
  • ✓ Khmer typography system
  • ✓ Tailwind theme + plugin
  • ✓ i18n ខ្មែរ/English (40+ keys)
  • ✓ TypeScript declarations
  • ✓ Community support
ដំឡើងឥឡូវ → Install Now →
ពេញនិយមបំផុត MOST POPULAR

Pro / ប្រូ

$19 /អ្នកអភិវឌ្ឍន៍/ឆ្នាំ /dev/year

តម្លៃកម្ពុជា • ~៧៧,៩០០ រៀល Cambodia pricing • ~77,900 KHR

សកល: $49/ឆ្នាំ  |  សិស្ស: $9/ឆ្នាំ Global: $49/yr  |  Student: $9/yr

  • ✓ ទាំងអស់ក្នុង Free Everything in Free
  • ★ DataTable + pagination
  • ★ Dashboard + Charts
  • ★ Auth pages (Login/Register)
  • ★ FormBuilder
  • ★ Dark mode + 5 themes
  • ★ App shell + layout
  • ★ Settings + Theme Switcher
  • ✓ អាប់ដេត ១ ឆ្នាំ 1 year updates
ទិញ Pro — $19/ឆ្នាំ Buy Pro — $19/yr

បង់តាម Bakong KHQR • កម្មវិធីធនាគារណាមួយ Pay with Bakong KHQR • Any bank app

សហគ្រាស Enterprise

Custom

ចាប់ពី $199/ឆ្នាំ កម្ពុជា From $199/yr Cambodia

  • ✓ ទាំងអស់ក្នុង Pro Everything in Pro
  • ★ Seats គ្មានដែនកំណត់ Unlimited seats
  • ★ White-label
  • ★ ជំនួយអាទិភាព (24hr) Priority support (24hr)
  • ★ Components ផ្ទាល់ខ្លួន Custom components
ទាក់ទង Contact Sales

របៀបប្រើប្រាស់ How It Works

1

កំណត់ Registry Configure Registry

echo @khmerui:registry=https://khmerui.kessor.net/npm/ > .npmrc
2

ដំឡើង Install

npm install @khmerui/core
3

Import Font Import Font

import '@khmerui/core/fonts.css'
4

ប្រើក្នុង App Use in App

<KhmerUIProvider><Button>រក្សាទុក</Button></KhmerUIProvider>

ចាប់ផ្តើមបង្កើតឥឡូវ Start Building Now

ឥតគិតថ្លៃរហូត។ មិនត្រូវការគណនីទេ។ Free forever. No account needed.

# Step 1: Configure registry
$ echo @khmerui:registry=https://khmerui.kessor.net/npm/ > .npmrc
# Step 2: Install + import font
$ npm install @khmerui/core
import '@khmerui/core/fonts.css'; 
import '@khmerui/core/fonts.css';
import { KhmerUIProvider, Button, Card, Input } from '@khmerui/core';

export default function App() {
  return (
    <KhmerUIProvider locale="km">
      <Card title="សួស្តី">
        <Input label="ឈ្មោះ" />
        <Button>រក្សាទុក</Button>
      </Card>
    </KhmerUIProvider>
  );
}
// 1. Configure npm auth (after purchase)
$ echo '//khmerui.kessor.net/npm/:_authToken=YOUR_TOKEN' >> .npmrc

// 2. Install Pro
$ npm install @khmerui/pro

// 3. Import font + activate license
import '@khmerui/core/fonts.css';
import { setLicenseKey } from '@khmerui/pro';
setLicenseKey('KUI-PRO-XXXX-XXXX-XXXX');

// 4. Use Pro components
import { DataTable, DashboardLayout } from '@khmerui/pro';

ត្រៀមបង្កើត app ខ្មែររបស់អ្នកហើយឬ? Ready to build your Khmer-first app?

ចូលរួមជាមួយអ្នកអភិវឌ្ឍន៍ដែលកំពុងបង្កើតអនាគតបច្ចេកវិទ្យាកម្ពុជា។ Join developers building the future of Cambodian tech.

ចាប់ផ្តើមឥតគិតថ្លៃ Start Free ទិញ Pro — $19/ឆ្នាំ Get Pro — $19/yr
Documentation  •  Admin Demo  •  Telegram  •  Support
Font Battambang · Designed by Danh Hong · Licensed under SIL Open Font License