Design System نظام التصميم
BahriUISet BahriUISet
A reusable UI foundation — theme tokens, primitive components, bilingual layout, and light/dark themes — built to accelerate future product work across web, mobile, desktop, and widget surfaces. أساس واجهة مستخدم قابل لإعادة الاستخدام — رموز ثيم، مكونات أولية، تخطيط ثنائي اللغة، وأوضاع فاتح/داكن — مصمم لتسريع العمل على المنتجات المستقبلية عبر الويب والجوال وسطح المكتب.
10
Primitivesمكوّن
3
Themesثيمات
2
Languagesلغتان
v0.2.0
Releaseإصدار
Catalogue الكتالوج
Primitive Catalogue
كتالوج المكونات
All 10 primitives — button, input, select, textarea, toggle, badge, card, tabs, dialog, table — across all states, themes, and both directions.
جميع المكونات الأولية العشرة عبر جميع الحالات والثيمات والاتجاهين.
Open catalogue →
فتح الكتالوج →
Theme Tokens
رموز الثيم
CSS custom properties for color, spacing, radius, shadow, motion, and typography — shared across all components.
خصائص CSS مخصصة للألوان والمسافات والإشعاع والظل والحركة والطباعة.
View token file →
عرض ملف الرموز →
Patterns
الأنماط
8 inline compositions — sign-in form, search bar, filter row, alert strip, empty state, breadcrumb, table with toolbar, and settings panel.
٨ تركيبات مضمنة — نموذج تسجيل الدخول، شريط البحث، صف التصفية، شريط التنبيه، الحالة الفارغة، مسار التنقل، جدول مع شريط أدوات، ولوحة الإعدادات.
Open patterns →
فتح الأنماط →
Token Browser
متصفح الرموز
Every CSS custom property — colour swatches, spacing scale, radius, shadows, typography, and motion — updating live with each theme and mode.
كل خاصية CSS مخصصة — ألوان، مقياس تباعد، إشعاع، ظلال، طباعة وحركة — تتحدث فورياً مع كل ثيم ووضع.
Open token browser →
فتح متصفح الرموز →
Page Templates
قوالب الصفحات
4 full-page layouts inline — dashboard, settings, sign-in, and data list — built entirely from the primitive component set.
٤ تخطيطات صفحات كاملة — لوحة تحكم، إعدادات، تسجيل دخول، وقائمة بيانات — مبنية بالكامل من مجموعة المكونات الأساسية.
Open templates →
فتح القوالب →